/* ============================================================================
   PapilioHost client area — review round 9 (2026-09-24). Loads AFTER console.css /
   console-gf.css / console2.css for BOTH looks. Scope: dashboard icons + KPI strip +
   sticky wallet + notice order/alignment, soft hover glows, add-funds summary,
   ticket page, users pages, the new payment-methods page.
   ========================================================================== */

/* ---------- 1. monogram tiles: one letter per plan, status-tinted ring ---------- */
html body.pc .pc-tile.pc-mono{
  position:relative;width:36px;height:36px;border-radius:10px;flex:none;overflow:visible;
  display:grid;place-items:center;
  background:linear-gradient(160deg,rgba(56,189,248,.16),rgba(56,189,248,.04) 60%),var(--panel-2);
  box-shadow:inset 0 0 0 1px rgba(125,211,252,.22),inset 0 1px 0 rgba(255,255,255,.06);
  color:var(--accent-2);transition:box-shadow .25s var(--ease),color .25s var(--ease)}
html body.pc .pc-tile.pc-mono b{font-family:var(--font);font-size:15px;font-weight:700;letter-spacing:-.02em;line-height:1}
html body.pc .pc-tile.pc-mono i{position:absolute;right:-3px;bottom:-3px;width:10px;height:10px;border-radius:50%;background:var(--faint);box-shadow:0 0 0 2px var(--panel)}
html body.pc .pc-tile.pc-mono.on i{background:var(--green);box-shadow:0 0 0 2px var(--panel),0 0 10px rgba(52,211,153,.55)}
html body.pc .pc-tile.pc-mono.pend i{background:var(--accent);box-shadow:0 0 0 2px var(--panel),0 0 10px rgba(56,189,248,.5)}
html body.pc .pc-tile.pc-mono.off{color:var(--dim);background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--border-strong)}
html body.pc tr:hover .pc-tile.pc-mono{color:var(--ice-1,#e0f4ff);box-shadow:inset 0 0 0 1px rgba(191,238,255,.42),inset 0 1px 0 rgba(255,255,255,.08),0 6px 18px -8px rgba(56,189,248,.6)}
html.pl-light body.pc .pc-tile.pc-mono{background:linear-gradient(160deg,rgba(14,165,233,.14),rgba(14,165,233,.03)),#fff;color:#0369a1;box-shadow:inset 0 0 0 1px rgba(2,132,199,.25)}
html.pl-light body.pc .pc-tile.pc-mono i{box-shadow:0 0 0 2px #fff}

/* ---------- 2. section-title icons that are NOT the server glyph ---------- */
html body.pc .pc-subhead h2 .pc-hic.pc-hic-rack,
html body.pc .pc-subhead h2 .pc-hic.pc-hic-line{
  width:36px;height:36px;border-radius:10px;display:grid;place-items:center;margin:-2px 4px -2px 0;padding:0;
  background:linear-gradient(160deg,rgba(56,189,248,.22),rgba(56,189,248,.05)),var(--panel-2);
  box-shadow:inset 0 0 0 1px rgba(125,211,252,.22),inset 0 1px 0 rgba(255,255,255,.06);color:var(--accent-2)}
html body.pc .pc-subhead h2 .pc-hic.pc-hic-rack svg,
html body.pc .pc-subhead h2 .pc-hic.pc-hic-line svg{width:19px;height:19px;stroke-width:1.6}
html.pl-light body.pc .pc-subhead h2 .pc-hic.pc-hic-rack,
html.pl-light body.pc .pc-subhead h2 .pc-hic.pc-hic-line{background:linear-gradient(160deg,rgba(14,165,233,.16),rgba(14,165,233,.03)),#fff;color:#0369a1;box-shadow:inset 0 0 0 1px rgba(2,132,199,.22);padding:0}

/* ---------- 3. recent activity: same 3D icon family as the KPIs, 30px, no pill ---------- */
html body.pc .pc-act .ic.art{position:relative;width:34px;height:34px;border-radius:9px;background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--border-soft);overflow:visible;display:grid;place-items:center;color:var(--accent)}
html body.pc .pc-act .ic.art svg.pc-3di{width:24px !important;height:24px !important;display:block;filter:drop-shadow(0 3px 6px rgba(56,189,248,.28))}
html body.pc .pc-act .ic.art .dot{position:absolute;right:-3px;top:-3px;width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 2px var(--panel)}
html body.pc .pc-act .ic.art .dot.ok{background:var(--green)}
html body.pc .pc-act .ic.art .dot.due{background:var(--amber)}
html body.pc .pc-act:hover .ic.art svg.pc-3di{transform:translateY(-1px)}
html.pl-light body.pc .pc-act .ic.art{background:#1b2233;box-shadow:inset 0 0 0 1px rgba(125,211,252,.15)}

/* ---------- 4. the right column follows the scroll ---------- */
@media(min-width:1101px){
  html body.pc .pc-dash>aside{position:sticky;top:16px;align-self:start;max-height:calc(100vh - 32px);overflow:auto;scrollbar-width:none}
  html body.pc .pc-dash>aside::-webkit-scrollbar{display:none}
}

/* ---------- 5. KPI strip = ONE box: soft radius, faded dividers, no per-tile tint ---------- */
html body.pc .pc-kpis.pc-kpis-art{
  border-radius:18px;overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0) 60%),var(--panel);
  border:1px solid var(--border);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
html body.pc .pc-kpis-art .pc-kpi{border-right:0 !important;border-bottom:0 !important;background:transparent !important;border-radius:0}
html body.pc .pc-kpis-art .pc-kpi+.pc-kpi{position:relative}
html body.pc .pc-kpis-art .pc-kpi+.pc-kpi::after{content:"";position:absolute;left:0;top:14%;bottom:14%;width:1px;pointer-events:none;
  background:linear-gradient(180deg,rgba(125,211,252,0),rgba(125,211,252,.28) 50%,rgba(125,211,252,0))}
html body.pc .pc-kpis-art .pc-kpi::before{height:2px;opacity:0;background:linear-gradient(90deg,rgba(var(--kh),0),rgba(var(--kh),.9) 50%,rgba(var(--kh),0))}
html body.pc .pc-kpis-art .pc-kpi:hover{background:radial-gradient(120px 80px at 50% 0%,rgba(var(--kh),.10),rgba(var(--kh),0) 75%) !important}
html body.pc .pc-kpis-art .pc-kpi:hover::before{opacity:1}
html body.pc .pc-kpis-art .pc-kpi:first-child{border-radius:18px 0 0 18px}
html body.pc .pc-kpis-art .pc-kpi:last-child{border-radius:0 18px 18px 0}
@media(max-width:1180px){
  html body.pc .pc-kpis-art .pc-kpi:nth-child(3)::after{display:none}
  html body.pc .pc-kpis-art .pc-kpi:nth-child(n+3){border-top:1px solid var(--border-soft) !important}
  html body.pc .pc-kpis-art .pc-kpi{border-radius:0 !important}
}
html.pl-light body.pc .pc-kpis.pc-kpis-art{background:#fff}
html.pl-light body.pc .pc-kpis-art .pc-kpi+.pc-kpi::after{background:linear-gradient(180deg,rgba(2,132,199,0),rgba(2,132,199,.22) 50%,rgba(2,132,199,0))}

/* ---------- 6. notices: money first, one aligned action column, soft tone edge ---------- */
/* the left tone bar fades in from the edge instead of a hard 3px stripe (both looks) */
html body.pc .pl-content .pc-notices>#nmTgBar,
html body.pc .pl-content .pc-notices>.verification-banner,
html body.pc .pl-content .pc-notices>.alert,
html body.pc .pl-content>.alert:not(.wpp-banner){
  box-shadow:none !important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--tone) 14%,transparent) 0,color-mix(in srgb,var(--tone) 5%,transparent) 120px,transparent 320px),var(--panel) !important;
  border-color:var(--border) !important}
html body.pc .pl-content .pc-notices>#nmTgBar::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:12px 0 0 12px;pointer-events:none;
  background:linear-gradient(180deg,color-mix(in srgb,var(--tone) 0%,transparent),var(--tone) 35%,var(--tone) 65%,color-mix(in srgb,var(--tone) 0%,transparent))}
html body.pc .pl-content .pc-notices>.verification-banner,
html body.pc .pl-content .pc-notices>.alert,
html body.pc .pl-content>.alert:not(.wpp-banner){border-left-color:color-mix(in srgb,var(--tone) 45%,var(--border)) !important}
/* the action column: every CTA the same size, right-aligned, then the dismiss disc at a fixed slot */
html body.pc .pl-content .pc-notices>*{padding-right:52px !important}
html body.pc .pl-content .pc-notices>#nmTgBar .b,
html body.pc .pl-content .pc-notices>.verification-banner .btn-resend-verify-email,
html body.pc .pl-content .pc-notices>.alert>.btn,
html body.pc .pl-content .pc-notices>.alert>a.pc-btn{
  margin-left:auto !important;min-width:176px;height:32px !important;line-height:30px !important;padding:0 14px !important;
  display:inline-flex !important;align-items:center;justify-content:center;gap:6px;font-size:12.5px !important;font-weight:600 !important;
  border-radius:9px !important;white-space:nowrap;text-decoration:none !important;box-sizing:border-box}
/* ghost pills for the informational rows, solid accent for the money row */
html body.pc .pl-content .pc-notices>#nmTgBar .b,
html body.pc .pl-content .pc-notices>.verification-banner .btn-resend-verify-email{background:transparent !important;border:1px solid var(--border-strong) !important;color:var(--accent-2) !important}
html body.pc .pl-content .pc-notices>.alert.pc-overdue>a.pc-btn{background:linear-gradient(118deg,var(--accent-2),var(--accent)) !important;border:0 !important;color:var(--accent-ink,#04121f) !important;box-shadow:0 8px 20px -10px rgba(56,189,248,.8) !important}
html body.pc .pl-content .pc-notices>.alert.pc-overdue>a.pc-btn:hover{filter:brightness(1.08)}
html body.pc .pl-content .pc-notices>.alert.pc-overdue>span{flex:1;min-width:0}
/* dismiss discs: one slot for all three kinds */
html body.pc .pl-content .pc-notices>.verification-banner .close,
html body.pc .pl-content .pc-notices>#nmTgBar .x,
html body.pc .pl-content .pc-notices>.alert .pc-nclose{
  position:absolute !important;right:12px !important;top:50% !important;transform:translateY(-50%);width:28px;height:28px;margin:0;padding:0;
  display:grid !important;place-items:center;border-radius:50%;border:0;background:transparent;color:var(--dim) !important;opacity:.55;
  font-size:18px;line-height:1;font-weight:400;text-shadow:none;cursor:pointer;float:none;transition:opacity .15s var(--ease),background .15s var(--ease)}
html body.pc .pl-content .pc-notices>.verification-banner .close:hover,
html body.pc .pl-content .pc-notices>#nmTgBar .x:hover,
html body.pc .pl-content .pc-notices>.alert .pc-nclose:hover{opacity:1;background:var(--raise)}
html body.pc .pc-notices.pc-dashnotices:not(:has(>*)){display:none !important;margin:0 !important}
@media(max-width:760px){
  html body.pc .pl-content .pc-notices>#nmTgBar .b,
  html body.pc .pl-content .pc-notices>.verification-banner .btn-resend-verify-email,
  html body.pc .pl-content .pc-notices>.alert>a.pc-btn{min-width:0;margin-left:0 !important}
}

/* ---------- 7. hover light: a soft fade, never a hard edge ---------- */
html body.pc .pc-table tbody tr.click{position:relative}
html body.pc .pc-table tbody tr.click:hover td{background:linear-gradient(90deg,rgba(56,189,248,.09),rgba(56,189,248,.03) 220px,transparent 520px) !important}
html body.pc .pc-table tbody tr.click td:first-child{border-left:0}
html body.pc .pc-table tbody tr.click:hover td:first-child{box-shadow:inset 3px 0 0 -1px transparent;background-image:linear-gradient(90deg,rgba(56,189,248,.16),rgba(56,189,248,.05) 160px,transparent 420px) !important}
/* store plan card: the ring fades instead of a bright corner; the sweep is a soft band */
html body.pc #order-standard_cart .pl-plan::before{background:linear-gradient(135deg,rgba(191,238,255,.34),rgba(56,189,248,.10) 45%,rgba(56,189,248,.34)) !important;opacity:.7}
html body.pc #order-standard_cart .pl-plan:hover::before{opacity:1;filter:none}
html body.pc #order-standard_cart .pl-plan::after{background:linear-gradient(100deg,rgba(191,238,255,0) 0%,rgba(191,238,255,.04) 30%,rgba(191,238,255,.10) 50%,rgba(191,238,255,.04) 70%,rgba(191,238,255,0) 100%) !important;width:52% !important}
html body.pc #order-standard_cart .pl-plan-feat{--plan-layers:radial-gradient(70% 45% at 50% 0%,rgba(56,189,248,.14),rgba(56,189,248,0) 72%);box-shadow:0 0 0 1px rgba(56,189,248,.12),0 0 44px -14px rgba(56,189,248,.35) !important}
html body.pc #order-standard_cart .pl-plan-feat::before{background:linear-gradient(90deg,rgba(191,238,255,0) 0%,rgba(191,238,255,.55) 50%,rgba(191,238,255,0) 100%) 50% 0/70% 1.5px no-repeat,linear-gradient(135deg,rgba(191,238,255,.42),rgba(56,189,248,.16),rgba(56,189,248,.42)) !important}
/* selected / accent-state cards elsewhere (add-funds method + amount, payment cards) */
html body.pc .pc-af-method:has(input:checked),
html body.pc .pc-af2-amounts button.on{box-shadow:inset 0 0 0 1px var(--accent),0 0 0 4px rgba(56,189,248,.08),0 10px 26px -14px rgba(56,189,248,.55) !important;background:linear-gradient(160deg,rgba(56,189,248,.16),rgba(56,189,248,.05)),var(--panel-2) !important;border-color:transparent !important}

/* ---------- 8. add funds ---------- */
html body.pc .pc-af2-summary{display:grid !important;grid-template-columns:minmax(0,auto) minmax(28px,1fr) auto !important;gap:0 18px !important;align-items:end !important;padding:18px 26px 20px !important}
html body.pc .pc-af2-summary .rows{max-width:none;gap:7px}
html body.pc .pc-af2-summary .rows .tot{display:flex;align-items:baseline;padding-top:10px;margin-top:3px}
html body.pc .pc-af2-summary .rows .tot b{font-size:20px;line-height:1}
/* the dotted lead sits exactly on the total's baseline band and runs into the button */
html body.pc .pc-af2-summary .lead{display:block;height:1px;margin:0 0 21px;border-bottom:1.5px dotted var(--ghost);opacity:.8}
html body.pc .pc-af2-summary .go{display:flex;flex-direction:column;align-items:flex-end;gap:8px;text-align:right;align-self:end}
html body.pc .pc-af2-summary .go .pc-btn{height:44px;padding:0 24px;font-size:14px;margin:0}
html body.pc .pc-af2-summary .go .pc-addfunds-note{margin:0;font-size:11.5px;color:var(--faint);order:-1}
@media(max-width:760px){html body.pc .pc-af2-summary{grid-template-columns:1fr !important;gap:12px !important} html body.pc .pc-af2-summary .lead{display:none} html body.pc .pc-af2-summary .go{align-items:stretch} html body.pc .pc-af2-summary .go .pc-btn{justify-content:center}}
/* the popular preset: gradient ring + a slow breathing glow */
@property --r9a{syntax:'<angle>';inherits:false;initial-value:0deg}
html body.pc .pc-af2-amounts button.pop{position:relative;border-color:transparent;isolation:isolate;overflow:visible;
  background:linear-gradient(160deg,rgba(56,189,248,.14),rgba(56,189,248,.03)),var(--panel-2)}
html body.pc .pc-af2-amounts button.pop::before{content:"";position:absolute;inset:-1px;border-radius:13px;padding:1px;z-index:-1;pointer-events:none;
  background:conic-gradient(from var(--r9a),rgba(56,189,248,.15),rgba(191,238,255,.95),rgba(56,189,248,.15) 40%,rgba(56,189,248,.15) 60%,rgba(191,238,255,.7),rgba(56,189,248,.15));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;
  animation:r9spin 6s linear infinite}
html body.pc .pc-af2-amounts button.pop::after{content:"";position:absolute;inset:0;border-radius:12px;z-index:-2;pointer-events:none;box-shadow:0 0 34px -8px rgba(56,189,248,.55);animation:r9breathe 3.2s ease-in-out infinite}
html body.pc .pc-af2-amounts button.pop i{background:linear-gradient(118deg,var(--accent-2),var(--accent));box-shadow:0 6px 16px -6px rgba(56,189,248,.9)}
html body.pc .pc-af2-amounts button.pop.on::before{animation-duration:2.4s}
@keyframes r9spin{to{--r9a:360deg}}
@keyframes r9breathe{0%,100%{opacity:.55}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){html body.pc .pc-af2-amounts button.pop::before{animation:r9spin 6s linear infinite !important} html body.pc .pc-af2-amounts button.pop::after{animation:r9breathe 3.2s ease-in-out infinite !important}}
/* every fact icon on the rail is the same 3D family */
html body.pc .pc-af2-facts .ic.art{width:38px;height:38px;background:transparent;box-shadow:none;display:grid;place-items:center}
html body.pc .pc-af2-facts .ic.art svg.pc-3di{width:30px !important;height:30px !important}

/* ---------- 9. ticket page ---------- */
html body.pc .pc-msg .hd{display:flex;align-items:center;gap:10px;padding:10px 16px;min-height:44px}
html body.pc .pc-msg .hd .who{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;background:var(--raise);color:var(--dim);font-size:10.5px;letter-spacing:.06em;line-height:1}
html body.pc .pc-msg.staff .hd .who{background:var(--accent-soft);color:var(--accent)}
html body.pc .pc-msg .av{width:36px;height:36px;border-radius:10px;font-size:13px;box-shadow:inset 0 0 0 1px var(--border-strong)}
html body.pc .pc-reply .card-body{padding:18px 20px 20px}
html body.pc .pc-reply .form-group{margin:0 0 16px}
html body.pc .pc-reply .form-group>label{display:block;margin:0 0 8px;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--faint)}
html body.pc .pc-reply .md-editor{border-radius:12px !important;overflow:hidden}
html body.pc .pc-reply .md-editor>.md-header{display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:8px 10px !important;min-height:44px}
html body.pc .pc-reply .md-editor>.md-header .btn-group{display:inline-flex;margin-right:6px !important}
html body.pc .pc-reply .md-editor>.md-header .btn{display:inline-flex !important;align-items:center;justify-content:center;height:28px !important;min-width:28px;padding:0 8px !important;border-radius:7px !important;font-size:12.5px}
html body.pc .pc-reply .md-editor>.md-header .btn.md-btn-active,html body.pc .pc-reply .md-editor>.md-header .btn.active{background:var(--accent-soft) !important;color:var(--accent) !important}
html body.pc .pc-reply .md-editor .md-input{min-height:180px !important;padding:14px 16px !important;font-size:14px !important;line-height:1.6;resize:vertical}
html body.pc .pc-reply .md-editor .md-footer{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:6px 14px !important;font-family:var(--mono);font-size:11px;color:var(--faint) !important}
html body.pc .pc-reply .md-editor .md-footer>*{margin:0}
html body.pc .pc-reply .attachment-group{display:flex;align-items:stretch;gap:0;margin:0 0 8px !important}
html body.pc .pc-reply .attachment-group .custom-file{flex:1;min-width:0;height:40px;margin:0}
html body.pc .pc-reply .custom-file-label{height:40px !important;line-height:38px !important;margin:0;padding:0 14px;border-radius:10px 0 0 10px !important;font-size:13px}
html body.pc .pc-reply .custom-file-label::after{display:none}
html body.pc .pc-reply .custom-file-input{height:40px;cursor:pointer}
html body.pc .pc-reply .attachment-group .input-group-append{display:flex}
html body.pc .pc-reply #btnTicketAttachmentsAdd{height:40px !important;padding:0 14px !important;border-radius:0 10px 10px 0 !important;margin-left:-1px;white-space:nowrap;font-size:12.5px !important;display:inline-flex;align-items:center;gap:6px}
html body.pc .pc-reply #btnTicketAttachmentsAdd svg{width:14px;height:14px}
html body.pc .pc-reply .file-upload .attachment-group .custom-file-label{border-radius:10px !important}
html body.pc .pc-reply .text-muted small{display:block;margin-top:6px;font-size:11.5px;color:var(--faint)}
html body.pc .pc-reply .acts{margin-top:18px;padding-top:16px;border-top:1px solid var(--border-soft);gap:10px}
html body.pc .pc-reply .acts input.pc-btn{height:38px;padding:0 18px;font-size:13.5px;border-radius:10px}
html body.pc .pc-reply .acts input.pc-btn.secondary{background:var(--panel-2);border:1px solid var(--border-strong);color:var(--text)}
html body.pc .pc-reply .acts input.pc-btn.primary{background:linear-gradient(118deg,var(--accent-2),var(--accent));border:0;color:var(--accent-ink,#04121f);font-weight:600;box-shadow:0 8px 20px -10px rgba(56,189,248,.8)}
html body.pc .pc-pagehead .sub .pc-badge{vertical-align:middle;margin-left:2px}
html body.pc .pc-pagehead .actions .pc-btn{height:38px}

/* ---------- 10. users ---------- */
html body.pc .pc-users{display:flex;flex-direction:column;gap:16px}
html body.pc .pc-users .pc-subhead .hint{font-size:12px;color:var(--faint)}
html body.pc .pc-users-table .namecell .sub .pc-badge{margin-top:3px}
html body.pc .pc-users-table td.rowact{white-space:nowrap;text-align:right}
html body.pc .pc-users-table td.rowact .pc-btn+.pc-btn,html body.pc .pc-users-table td.rowact form .pc-btn+.pc-btn{margin-left:6px}
html body.pc .pc-inline-form{display:inline-flex;align-items:center;gap:6px;margin:0}
html body.pc .pc-btn.danger-text{color:var(--red) !important}
html body.pc .pc-btn.danger-text:hover{background:var(--red-soft) !important;color:var(--red) !important}
html body.pc .pc-btn.disabled,html body.pc .pc-btn[disabled]{opacity:.45;pointer-events:none;filter:grayscale(.3)}
html body.pc .pc-users-sep td{padding:8px 16px !important;background:var(--panel-2) !important;font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--faint)}
html body.pc .pc-users-note{display:flex;align-items:center;gap:8px;margin:0;padding:12px 16px;font-size:12.5px;color:var(--faint);border-top:1px solid var(--border-soft)}
html body.pc .pc-users-note svg{width:14px;height:14px;flex:none;color:var(--accent)}
html body.pc .pc-users-invitegrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:0}
html body.pc .pc-users-inviteform{padding:18px 20px 20px}
html body.pc .pc-lbl{display:block;margin:0 0 8px;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--faint)}
html body.pc .pc-users-inviterow{display:flex;gap:10px;align-items:stretch}
html body.pc .pc-users-inviterow .pc-uin{flex:1;position:relative;display:flex;align-items:center;min-width:0}
html body.pc .pc-users-inviterow .pc-uin>svg{position:absolute;left:14px;width:16px;height:16px;color:var(--faint);pointer-events:none}
html body.pc .pc-users-inviterow .pc-uin input{width:100%;height:44px;padding:0 14px 0 40px;border-radius:11px;background:var(--panel-2);border:1px solid var(--border-strong);color:var(--text);font-size:14px;box-shadow:none}
html body.pc .pc-users-inviterow .pc-uin input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:0}
html body.pc .pc-users-inviterow>.pc-btn{height:44px;padding:0 18px;border-radius:11px;white-space:nowrap}
html body.pc .pc-users-inviterow>.pc-btn svg{width:15px;height:15px}
html body.pc .pc-users-perms{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 0}
html body.pc .pc-permopt{position:relative;display:flex;gap:12px;align-items:flex-start;margin:0;padding:12px 14px;border:1px solid var(--border-strong);border-radius:12px;background:var(--panel-2);cursor:pointer;transition:border-color .15s var(--ease),background .15s var(--ease),box-shadow .15s var(--ease)}
html body.pc .pc-permopt input{position:absolute;opacity:0;width:0;height:0;margin:0}
html body.pc .pc-permopt .rad{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--ghost);flex:none;margin-top:1px;display:grid;place-items:center;transition:border-color .15s var(--ease)}
html body.pc .pc-permopt .rad::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);transform:scale(0);transition:transform .15s var(--ease)}
html body.pc .pc-permopt .tx b{display:block;font-size:13.5px;font-weight:600;color:var(--text)}
html body.pc .pc-permopt .tx small{display:block;margin-top:2px;font-size:12px;color:var(--faint);line-height:1.4}
html body.pc .pc-permopt.on,html body.pc .pc-permopt:has(input:checked){border-color:transparent;background:linear-gradient(160deg,rgba(56,189,248,.16),rgba(56,189,248,.05)),var(--panel-2);box-shadow:inset 0 0 0 1px var(--accent),0 0 0 4px rgba(56,189,248,.08)}
html body.pc .pc-permopt:has(input:checked) .rad{border-color:var(--accent)}
html body.pc .pc-permopt:has(input:checked) .rad::after{transform:scale(1)}
html body.pc .pc-users-permgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 0;padding:14px;border:1px dashed var(--border-strong);border-radius:12px;background:transparent}
html body.pc .pc-users-permgrid.w-hidden{display:none}
html body.pc .pc-permcard{position:relative;display:flex;gap:10px;align-items:flex-start;margin:0;padding:10px 12px;border-radius:10px;border:1px solid var(--border-soft);background:var(--panel);cursor:pointer;transition:border-color .15s var(--ease),background .15s var(--ease)}
html body.pc .pc-permcard:hover{border-color:var(--border-strong);background:var(--panel-2)}
html body.pc .pc-permcard input{position:absolute;opacity:0;width:0;height:0;margin:0}
html body.pc .pc-permcard .box{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--ghost);flex:none;margin-top:1px;display:grid;place-items:center;color:var(--accent-ink,#04121f);transition:background .15s var(--ease),border-color .15s var(--ease)}
html body.pc .pc-permcard .box svg{width:11px;height:11px;opacity:0;transition:opacity .12s var(--ease)}
html body.pc .pc-permcard:has(input:checked){border-color:var(--accent-line);background:var(--accent-soft)}
html body.pc .pc-permcard:has(input:checked) .box{background:var(--accent);border-color:var(--accent)}
html body.pc .pc-permcard:has(input:checked) .box svg{opacity:1}
html body.pc .pc-permcard .tx b{display:block;font-size:13px;font-weight:600;color:var(--text)}
html body.pc .pc-permcard .tx small{display:block;margin-top:2px;font-size:11.5px;color:var(--faint);line-height:1.4}
html body.pc .pc-users-side{border-left:1px solid var(--border-soft);padding:14px 18px;display:flex;flex-direction:column;gap:4px;background:linear-gradient(180deg,rgba(255,255,255,.015),transparent)}
html body.pc .pc-users-fact{display:flex;gap:12px;align-items:flex-start;padding:10px 0}
html body.pc .pc-users-fact+.pc-users-fact{border-top:1px solid var(--border-soft)}
html body.pc .pc-users-fact .ic{width:38px;height:38px;flex:none;display:grid;place-items:center}
html body.pc .pc-users-fact .ic svg.pc-3di{width:30px;height:30px;filter:drop-shadow(0 4px 8px rgba(56,189,248,.28))}
html body.pc .pc-users-fact b{display:block;font-size:13px;font-weight:600;color:var(--text)}
html body.pc .pc-users-fact small{display:block;margin-top:2px;font-size:12px;color:var(--faint);line-height:1.45}
html body.pc .pc-users-who{display:flex;align-items:center;gap:12px;padding:16px 20px 4px}
html body.pc .pc-users-who b{display:block;font-size:14px;font-weight:600}
html body.pc .pc-users-who small{display:block;font-size:12px;color:var(--faint)}
html body.pc .pc-users-permpage form{padding:0 20px 20px}
html body.pc .pc-users-permpage .pc-users-permgrid{margin-top:14px}
html body.pc .pc-users-acts{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border-soft)}
html body.pc .pc-users-acts .pc-btn{height:40px;padding:0 20px}
html body.pc .pc-modal .modal-content{background:var(--panel);border:1px solid var(--border);border-radius:16px;color:var(--text);box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}
html body.pc .pc-modal .modal-header{background:transparent !important;border-bottom:1px solid var(--border-soft);padding:16px 20px;color:var(--text) !important}
html body.pc .pc-modal .modal-header .modal-title{font-size:15px;font-weight:600;color:var(--text)}
html body.pc .pc-modal .modal-header .close{color:var(--dim);opacity:.7;text-shadow:none}
html body.pc .pc-modal .modal-body{padding:18px 20px;font-size:13.5px;line-height:1.55}
html body.pc .pc-modal .modal-body .text-muted{color:var(--faint) !important}
html body.pc .pc-modal .modal-footer{border-top:1px solid var(--border-soft);padding:14px 20px;gap:8px}
@media(max-width:980px){html body.pc .pc-users-invitegrid{grid-template-columns:1fr} html body.pc .pc-users-side{border-left:0;border-top:1px solid var(--border-soft)}}
@media(max-width:760px){html body.pc .pc-users-perms,html body.pc .pc-users-permgrid{grid-template-columns:1fr} html body.pc .pc-users-inviterow{flex-direction:column} html body.pc .pc-users-table td.rowact{white-space:normal;text-align:left} html body.pc .pc-users-table td.rowact .pc-btn{margin:0 6px 6px 0 !important}}
html.pl-light body.pc .pc-users-fact .ic svg.pc-3di{filter:drop-shadow(0 4px 8px rgba(2,132,199,.22))}

/* ---------- 11. payment methods ---------- */
html body.pc .pc-pm{display:flex;flex-direction:column;gap:16px}
html body.pc .pc-pm-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:22px 26px}
html body.pc .pc-pm-hero .tx .k{display:block;font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--faint)}
html body.pc .pc-pm-hero .tx b{display:block;margin:6px 0 6px;font-size:22px;font-weight:600;letter-spacing:-.01em;color:var(--text)}
html body.pc .pc-pm-hero .tx .s{display:block;max-width:640px;font-size:13.5px;line-height:1.55;color:var(--dim)}
html body.pc .pc-pm-hero .lim{display:flex;gap:10px}
html body.pc .pc-pm-hero .lim>div{min-width:170px;padding:12px 16px;border:1px solid var(--border);border-radius:12px;background:var(--panel-2)}
html body.pc .pc-pm-hero .lim span{display:block;font-size:10.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--faint)}
html body.pc .pc-pm-hero .lim b{display:block;margin-top:4px;font-size:14px;font-weight:600;color:var(--text)}
html body.pc .pc-pm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
html body.pc .pc-pm-card{display:flex;flex-direction:column;padding:18px 20px 18px;position:relative;transition:border-color .15s var(--ease),box-shadow .2s var(--ease)}
html body.pc .pc-pm-card:hover{border-color:var(--border-strong)}
html body.pc .pc-pm-card.is-default{border-color:transparent;box-shadow:inset 0 0 0 1px var(--accent),0 0 0 4px rgba(56,189,248,.07),0 14px 30px -18px rgba(56,189,248,.55);background:linear-gradient(160deg,rgba(56,189,248,.10),rgba(56,189,248,.02) 50%),var(--panel)}
html body.pc .pc-pm-card .hd{display:flex;align-items:center;gap:12px}
html body.pc .pc-pm-card .hd .ic{width:44px;height:44px;border-radius:12px;flex:none;display:grid;place-items:center;background:linear-gradient(160deg,rgba(56,189,248,.18),rgba(56,189,248,.05)),var(--panel-2);box-shadow:inset 0 0 0 1px rgba(125,211,252,.22);color:var(--accent-2)}
html body.pc .pc-pm-card .hd .ic svg{width:22px;height:22px}
html body.pc .pc-pm-card .hd .ic.art{background:transparent;box-shadow:none}
html body.pc .pc-pm-card .hd .ic.art svg.pc-3di{width:36px;height:36px}
html body.pc .pc-pm-card .hd>div{flex:1;min-width:0}
html body.pc .pc-pm-card .hd b{display:block;font-size:15px;font-weight:600;color:var(--text)}
html body.pc .pc-pm-card .hd small{display:block;margin-top:2px;font-size:12px;color:var(--faint)}
html body.pc .pc-pm-card .facts{list-style:none;margin:16px 0 0;padding:14px 0 0;border-top:1px solid var(--border-soft);display:flex;flex-direction:column;gap:9px;flex:1}
html body.pc .pc-pm-card .facts li{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.45;color:var(--dim)}
html body.pc .pc-pm-card .facts li i{width:6px;height:6px;border-radius:50%;background:var(--accent);flex:none;margin-top:7px;box-shadow:0 0 8px rgba(56,189,248,.6)}
html body.pc .pc-pm-card .acts{display:flex;gap:8px;align-items:center;margin-top:16px;padding-top:14px;border-top:1px solid var(--border-soft)}
html body.pc .pc-pm-card .acts form{margin:0}
html body.pc .pc-pm-note{display:flex;align-items:center;gap:8px;margin:0;font-size:12.5px;color:var(--faint)}
html body.pc .pc-pm-note svg{width:15px;height:15px;color:var(--accent);flex:none}
@media(max-width:1100px){html body.pc .pc-pm-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){html body.pc .pc-pm-grid{grid-template-columns:1fr} html body.pc .pc-pm-hero{grid-template-columns:1fr} html body.pc .pc-pm-hero .lim>div{flex:1;min-width:0}}

/* r9.1 */
html body.pc .pc-pm-grid>.pc-card{margin:0 !important}
html body.pc .pc-pm-card .hd{min-height:48px}
html body.pc .pc-msg .hd b.posted-by-name{flex:0 0 auto}
html body.pc .pc-msg .hd .who{margin-right:auto}
html body.pc .pc-users-inviterow{margin:0 0 4px}

/* r9.2 phones: keep the v332 short CTAs (font-size:0 + ::after) and block text */
@media(max-width:760px){
  html body.pc .pl-content .pc-notices>#nmTgBar .b,
  html body.pc .pl-content .pc-notices>.verification-banner .btn-resend-verify-email{font-size:0 !important;min-width:0 !important;height:30px !important;line-height:28px !important;padding:0 12px !important;margin-left:auto !important}
  html body.pc .pl-content .pc-notices>#nmTgBar .b::after,
  html body.pc .pl-content .pc-notices>.verification-banner .btn-resend-verify-email::after{font-size:12px}
  html body.pc .pl-content .pc-notices>.verification-banner .text{display:block !important}
  html body.pc .pl-content .pc-notices>.verification-banner .text .btn-resend-verify-email{display:inline-flex !important;margin:8px 0 0 !important}
  html body.pc .pl-content .pc-notices>.alert.pc-overdue{flex-wrap:wrap}
  html body.pc .pl-content .pc-notices>.alert.pc-overdue>span{flex:1 1 100%}
  html body.pc .pl-content .pc-notices>.alert.pc-overdue>a.pc-btn{margin-left:0 !important;min-width:0 !important}
  html body.pc .pl-content .pc-notices>*{padding-right:44px !important}
}