/* ============================================================
   saas-pages.css — shared professional theme for the standalone
   SaaS pages (login / signup / billing / platform console).
   RTL/LTR aware via logical properties. Bilingual-ready.
   ============================================================ */
:root{
  --brand-900:#0b2545; --brand-800:#13315c; --brand-700:#1e3a8a;
  --brand-600:#2563eb; --brand-500:#3b82f6; --brand-050:#eff6ff;
  --ink:#0f172a; --ink-2:#475569; --ink-3:#64748b;
  --line:#e2e8f0; --line-2:#cbd5e1; --bg:#f1f5f9; --white:#fff;
  --ok:#16a34a; --ok-bg:#dcfce7; --err:#dc2626; --err-bg:#fee2e2;
  --warn:#b45309; --warn-bg:#fef3c7;
  --radius:16px; --shadow:0 20px 55px rgba(8,20,45,.28);
  --font:"Segoe UI",Tahoma,Arial,system-ui,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:var(--font); color:var(--ink); min-height:100vh;
  background:
    radial-gradient(1200px 500px at 100% -10%, rgba(59,130,246,.25), transparent 60%),
    radial-gradient(900px 500px at -10% 110%, rgba(13,49,92,.45), transparent 55%),
    linear-gradient(135deg,#0b2545,#13315c 55%,#1e3a8a);
}

/* ---- centered auth shell ---- */
.saas-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}

/* ---- card ---- */
.saas-card{
  background:var(--white); width:100%; max-width:440px; border-radius:var(--radius);
  box-shadow:var(--shadow); overflow:hidden; animation:rise .35s ease both;
}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.saas-head{
  background:#fff;
  color:var(--ink);
  padding:24px 24px 18px;
  text-align:center;
  position:relative;
  border-bottom:1px solid var(--line);
}
.saas-logo{
  margin:0 auto 10px;
  display:flex; justify-content:center; align-items:center;
  background:none; border:none; padding:0; overflow:visible;
}
.saas-logo-img{display:block; object-fit:contain}
/* wordmark on light header — dark logo colors stay readable */
.saas-head .saas-logo-img{
  max-height:108px; max-width:min(100%,240px);
  width:auto; height:auto;
  filter:none;
}
.saas-page-brand{text-align:center;margin-bottom:14px}
.saas-page-brand img{
  max-height:120px; max-width:min(100%,320px);
  object-fit:contain;
  filter:drop-shadow(0 2px 8px rgba(0,0,0,.12));
}
.saas-head h1{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:.2px;color:var(--brand-900)}
/* tagline already inside logo artwork */
.saas-head p[data-i18n="brand_sub"]{display:none}
.saas-head p{margin:6px 0 0;font-size:.78rem;opacity:.88;line-height:1.35}
.saas-body{padding:26px 28px}

/* ---- fields ---- */
.saas-field{margin-bottom:14px}
.saas-field label{display:block;font-size:.8rem;font-weight:700;color:var(--ink-2);margin-bottom:6px}
.saas-field-hint{
  margin:6px 0 0;font-size:.74rem;line-height:1.45;color:var(--ink-3);
}
.saas-input{
  width:100%;height:48px;padding:0 14px;border:1.5px solid var(--line);border-radius:11px;
  font-size:.94rem;color:var(--ink);outline:none;transition:.15s;background:#fbfdff;font-family:inherit;
}
.saas-input:focus{border-color:var(--brand-600);box-shadow:0 0 0 4px rgba(37,99,235,.12);background:#fff}
.saas-input-wrap{
  position:relative;display:flex;align-items:center;
  border:1.5px solid var(--line);border-radius:11px;background:#fbfdff;
  transition:border-color .15s, box-shadow .15s, background .15s;
}
.saas-input-wrap:focus-within{
  border-color:var(--brand-600);box-shadow:0 0 0 4px rgba(37,99,235,.12);background:#fff;
}
.saas-input-wrap .saas-input{
  border:none;box-shadow:none;background:transparent;height:48px;
}
.saas-input-wrap .saas-input:focus{border:none;box-shadow:none;background:transparent}
.saas-input-icon{
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  width:42px;color:var(--ink-3);pointer-events:none;
}
.saas-input-icon svg{display:block}
.saas-input-wrap .saas-input--icon{padding-inline-start:0;padding-inline-end:12px}
.saas-input-wrap .saas-input--pwd{padding-inline-end:44px}
.saas-pwd-toggle{
  position:absolute;inset-inline-end:4px;top:50%;transform:translateY(-50%);
  width:40px;height:40px;border:none;border-radius:9px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  color:var(--ink-3);background:transparent;transition:color .15s, background .15s;
}
.saas-pwd-toggle:hover{color:var(--brand-600);background:rgba(37,99,235,.08)}
.saas-pwd-toggle.is-visible{color:var(--brand-600)}
.saas-pwd-toggle:focus-visible{outline:2px solid var(--brand-500);outline-offset:1px}
.saas-phone-row{display:flex;gap:8px;align-items:stretch}
.saas-phone-row select.saas-input{width:44%;min-width:140px;flex-shrink:0;padding-inline:8px;font-size:.88rem}
.saas-phone-row input.saas-input{flex:1;min-width:0}
.saas-step{display:none}
.saas-step.active{display:block}
.saas-otp-hint{font-size:.85rem;color:var(--ink-2);margin-bottom:14px;line-height:1.5;text-align:center}
.saas-otp-hint strong{color:var(--ink);word-break:break-all}
.saas-org-code{
  margin:16px 0;padding:14px 16px;border-radius:11px;text-align:center;
  background:var(--brand-050);border:1.5px dashed var(--brand-500);
}
.saas-org-code .code{font-size:1.35rem;font-weight:800;letter-spacing:.12em;color:var(--brand-700);font-family:ui-monospace,monospace}
.saas-org-code .lbl{font-size:.78rem;color:var(--ink-3);margin-bottom:6px}
.saas-link-btn{
  display:block;width:100%;margin-top:10px;background:none;border:none;
  color:var(--brand-600);font-weight:700;font-size:.85rem;cursor:pointer;font-family:inherit;
}
.saas-link-btn:hover{text-decoration:underline}
.saas-link-btn:disabled{opacity:.5;cursor:not-allowed;text-decoration:none}

/* ---- buttons ---- */
.saas-btn{
  width:100%;height:48px;border:none;border-radius:11px;cursor:pointer;font-weight:800;
  font-size:.95rem;color:#fff;font-family:inherit;
  background:linear-gradient(135deg,var(--brand-600),#1d4ed8);
  transition:transform .12s, box-shadow .12s; box-shadow:0 8px 20px rgba(37,99,235,.28);
}
.saas-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 26px rgba(37,99,235,.36)}
.saas-btn:active:not(:disabled){transform:translateY(0)}
.saas-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}
.saas-btn.ghost{background:#eef2f7;color:var(--brand-700);box-shadow:none}
.saas-btn.sm{height:38px;width:auto;padding:0 16px;font-size:.85rem;border-radius:9px}

/* ---- messages ---- */
.saas-msg{margin-top:12px;font-size:.85rem;min-height:20px;text-align:center}
.saas-msg.ok{color:var(--ok)} .saas-msg.err{color:var(--err)}
.saas-foot{text-align:center;margin-top:18px;font-size:.85rem;color:var(--ink-3)}
.saas-foot a{color:var(--brand-600);text-decoration:none;font-weight:800}
.saas-foot a:hover{text-decoration:underline}
.saas-contact-foot{margin-top:20px;text-align:initial}
.saas-contact-box{
  padding:16px 16px 14px;border-radius:14px;
  border:1px solid var(--line);background:linear-gradient(180deg,#f8fafc 0%,#fff 100%);
}
.saas-contact-foot p{margin:0 0 8px;line-height:1.5}
.saas-contact-actions{
  display:flex;flex-direction:column;align-items:center;
  gap:10px;margin-top:8px;
}
.saas-contact-row{
  display:flex;align-items:center;justify-content:center;
  gap:8px;width:100%;
}
.saas-contact-row--web{justify-content:center}
.saas-contact-link{
  display:inline-flex;align-items:center;gap:7px;
  color:var(--brand-700);text-decoration:none;font-weight:700;
  padding:8px 12px;border-radius:999px;background:#fff;
  border:1px solid var(--line);font-size:.8rem;
  transition:border-color .15s,background .15s,transform .15s,box-shadow .15s;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
}
.saas-contact-link:hover{
  text-decoration:none;background:#f8fafc;border-color:var(--line-2);
  transform:translateY(-1px);box-shadow:0 4px 12px rgba(15,23,42,.08);
}
.saas-contact-row--icons{
  justify-content:center;gap:12px;
}
.saas-contact-link--icon-only{
  width:44px;height:44px;padding:0;justify-content:center;border-radius:12px;
  flex-shrink:0;
}
.saas-contact-link--icon-only .saas-contact-icon{width:22px;height:22px;pointer-events:none}
.saas-contact-link svg{pointer-events:none}
.saas-contact-link--email{color:var(--brand-600);border-color:#bfdbfe;background:#eff6ff}
.saas-contact-link--email:hover{background:#dbeafe;border-color:#93c5fd}
.saas-contact-link--wa{color:#0f766e;border-color:#bbf7d0;background:#f0fdf4}
.saas-contact-link--wa:hover{background:#dcfce7;border-color:#86efac}
.saas-contact-link--web{
  justify-content:center;max-width:100%;
}
.saas-contact-link--web span{
  font-size:.78rem;letter-spacing:.01em;
}
.saas-contact-link[hidden],.saas-contact-or[hidden]{display:none!important}
.saas-contact-icon{width:18px;height:18px;flex-shrink:0}
.saas-contact-or{color:var(--ink-3);font-size:.8rem;font-weight:700}

.saas-contact-lead{font-weight:800;color:var(--brand-900);font-size:.9rem;margin-bottom:4px!important}
.saas-contact-sub{font-size:.8rem;color:var(--ink-2);margin-bottom:12px!important}
.saas-contact-direct{
  margin:12px 0 0!important;font-size:.74rem;font-weight:700;color:var(--ink-3);
  text-transform:uppercase;letter-spacing:.04em;
}
.saas-inquiry-open-btn{
  width:100%;margin:0;height:44px;font-size:.9rem;
  box-shadow:0 6px 16px rgba(37,99,235,.22);
}
.saas-inquiry-modal-panel{
  max-width:500px;padding:0;overflow:hidden;
  border:1px solid rgba(226,232,240,.9);
}
.saas-inquiry-modal-panel .saas-modal-hd{
  margin:0;padding:16px 18px 14px;
  background:linear-gradient(135deg,var(--brand-050) 0%,#fff 72%);
  border-bottom:1px solid var(--line);
}
.saas-inquiry-modal-panel .saas-modal-hd h2{font-size:1.05rem;color:var(--brand-900)}
.saas-inquiry-modal-panel .saas-modal-scroll{
  max-height:min(72vh,580px);padding:14px 18px 18px;
}
.saas-inquiry-modal-body{padding-inline:0}
.saas-inquiry-modal-hint{
  margin:0 0 14px;font-size:.8rem;line-height:1.5;color:var(--ink-2);
  text-align:center;padding:8px 10px;border-radius:10px;background:#f8fafc;
}
.saas-inquiry-grid{display:grid;gap:0 12px;grid-template-columns:1fr}
@media (min-width:420px){
  .saas-inquiry-grid--pair{grid-template-columns:1fr 1fr}
  .saas-inquiry-grid--pair .saas-field:only-child{grid-column:1/-1}
}
.saas-inquiry-form .saas-field{margin-bottom:12px}
.saas-inquiry-form .saas-field--optional{margin-bottom:8px}
.saas-inquiry-form .saas-field-hint{font-size:.72rem}
.saas-inquiry-form .saas-input{height:44px;font-size:.9rem}
.saas-inquiry-form .saas-phone-row select.saas-input{min-width:118px;width:38%}
.saas-inquiry-submit{margin-top:4px;height:46px}
.saas-inquiry-form .saas-msg{margin-top:10px;min-height:18px}
.saas-textarea{
  min-height:64px;resize:vertical;padding-top:10px;padding-bottom:10px;
  line-height:1.45;height:auto;
}

/* ---- signup terms modal ---- */
.saas-signup-card{max-width:480px}
.saas-terms-inline{margin:8px 0 16px;text-align:center}
.saas-terms-status-msg{
  display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:700;
  color:var(--ok);background:var(--ok-bg);padding:8px 12px;border-radius:999px;
}
.saas-terms-status-msg[hidden]{display:none!important}
.saas-terms-box{
  padding:12px 14px;border-radius:11px;
  border:1.5px solid var(--line);background:#f8fafc;
  font-size:.76rem;line-height:1.55;color:var(--ink-2);
}
.saas-terms-box p{margin:0 0 10px}
.saas-terms-box p:last-child{margin-bottom:0}
.saas-terms-box strong{color:var(--ink);font-weight:800}
.saas-terms-meta{text-align:center;color:var(--ink);margin-bottom:12px!important}
.saas-terms-check{
  display:flex;align-items:flex-start;gap:10px;margin-top:12px;
  font-size:.78rem;line-height:1.45;color:var(--ink-2);cursor:pointer;
}
.saas-terms-check input{
  width:18px;height:18px;margin-top:2px;flex-shrink:0;accent-color:var(--brand-600);cursor:pointer;
}
.saas-terms-check input:disabled{opacity:.45;cursor:not-allowed}
.saas-terms-scroll-hint{
  margin:10px 0 0;font-size:.78rem;text-align:center;color:var(--warn);
  background:var(--warn-bg);padding:8px 10px;border-radius:9px;line-height:1.4;
}
.saas-terms-scroll-hint.is-done{color:var(--ok);background:var(--ok-bg)}
body.saas-modal-open{overflow:hidden}
.saas-modal{
  position:fixed;inset:0;z-index:200;display:none;
  align-items:center;justify-content:center;padding:max(16px, env(safe-area-inset-top)) 16px;
}
.saas-modal.is-open{display:flex}
.saas-modal-backdrop{
  position:absolute;inset:0;background:rgba(15,23,42,.58);
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
}
.saas-modal-panel{
  position:relative;width:100%;max-width:560px;max-height:min(92vh,720px);
  background:var(--white);border-radius:16px;box-shadow:0 24px 60px rgba(8,20,45,.35);
  display:flex;flex-direction:column;padding:20px 20px 18px;
  animation:rise .28s ease both;
}
.saas-modal-hd{
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
  margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--line);
}
.saas-modal-hd h2{margin:0;font-size:1rem;font-weight:800;color:var(--brand-900);line-height:1.35}
.saas-modal-close{
  flex-shrink:0;width:36px;height:36px;border:none;border-radius:9px;cursor:pointer;
  background:#f1f5f9;color:var(--ink-2);font-size:1.25rem;line-height:1;
}
.saas-modal-close:hover{background:#e2e8f0;color:var(--ink)}
.saas-modal-scroll{
  flex:1;min-height:0;max-height:min(52vh,420px);overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}
.saas-modal-ft{margin-top:12px}
.saas-modal-ft .saas-btn{margin-top:10px}

/* ---- language toggle (floating) ---- */
.saas-lang-toggle{
  position:fixed;inset-block-start:16px;inset-inline-end:16px;z-index:50;
  height:38px;min-width:46px;padding:0 14px;border-radius:999px;cursor:pointer;
  border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12);
  color:#fff;font-weight:800;font-size:.85rem;font-family:inherit;backdrop-filter:blur(6px);
  display:flex;align-items:center;gap:6px;transition:.15s;
}
.saas-lang-toggle:hover{background:rgba(255,255,255,.22)}
.saas-lang-toggle::before{content:"🌐";font-size:.95rem}

/* ============================================================
   Dashboard-style pages (billing / platform console)
   ============================================================ */
.saas-page{max-width:1000px;margin:0 auto;padding:28px 20px}
.saas-page-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.saas-page-hd h1{font-size:1.4rem;margin:0;color:#fff;font-weight:800}
.saas-pill{font-size:.78rem;background:rgba(255,255,255,.15);color:#fff;padding:5px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.25)}
.saas-panel{background:var(--white);color:var(--ink);border-radius:14px;padding:18px 20px;margin-bottom:16px;box-shadow:0 10px 30px rgba(8,20,45,.18)}
.saas-link{color:#dbeafe;text-decoration:none;font-weight:700}
.saas-link:hover{text-decoration:underline}

/* status badges */
.badge{display:inline-block;font-size:.72rem;font-weight:800;padding:3px 10px;border-radius:999px}
.badge.ok{background:var(--ok-bg);color:var(--ok)}
.badge.warn{background:var(--warn-bg);color:var(--warn)}
.badge.err{background:var(--err-bg);color:var(--err)}

/* billing plan cards */
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:6px}
.plan{background:var(--white);border:2px solid var(--line);border-radius:14px;padding:22px 20px;text-align:center;transition:.15s}
.plan:hover{border-color:var(--brand-500);transform:translateY(-2px)}
.plan.cur{border-color:var(--ok);box-shadow:0 0 0 3px rgba(22,163,74,.12)}
.plan h2{margin:.2rem 0;font-size:1.25rem;color:var(--brand-700)}
.plan .price{font-size:.85rem;color:var(--ink-3);margin:8px 0 14px}

/* platform console */
.plan-card{background:var(--white);color:var(--ink);border-radius:14px;padding:18px 20px;margin-bottom:16px;box-shadow:0 10px 30px rgba(8,20,45,.18)}
.plan-card .ph{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:12px;flex-wrap:wrap;gap:8px}
.plan-card .ph b{font-size:1.1rem;color:var(--brand-700)}
.muted-s{font-size:.8rem;color:var(--ink-3)}
.lim-input{width:96px;height:36px;border:1.5px solid var(--line);border-radius:9px;padding:0 10px;margin-inline-start:6px;font-family:inherit}
.mod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
label.mod{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid var(--line);border-radius:9px;padding:9px 11px;font-size:.85rem;cursor:pointer;transition:.12s}
label.mod:hover{background:var(--brand-050);border-color:var(--brand-500)}
label.mod input{width:16px;height:16px;accent-color:var(--brand-600)}
.row{display:flex;gap:10px;align-items:center;margin-top:14px;flex-wrap:wrap}
.msg-inline{font-size:.84rem;margin-inline-start:auto}
.msg-inline.ok{color:var(--ok)} .msg-inline.err{color:var(--err)}

/* platform console — full-screen app shell */
body.pf-body-app{
  background:var(--bg);
  overflow:hidden;
}
.pf-app{
  display:flex;flex-direction:column;
  width:100%;min-height:100vh;max-width:none;margin:0;padding:0;
}
.pf-app-header{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  flex-wrap:wrap;padding:0 20px;min-height:64px;
  background:linear-gradient(135deg,var(--brand-900) 0%,var(--brand-800) 55%,var(--brand-700) 100%);
  border-bottom:1px solid rgba(255,255,255,.12);
  box-shadow:0 4px 20px rgba(8,20,45,.25);
  position:sticky;top:0;z-index:50;
}
.pf-app-header-start{display:flex;align-items:center;gap:14px;min-width:0;flex:1}
.pf-app-logo{
  height:44px;width:auto;max-width:100px;object-fit:contain;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.2));flex-shrink:0;
}
.pf-app-title-wrap{min-width:0}
.pf-app-title-wrap h1{
  margin:0;font-size:1.15rem;font-weight:800;color:#fff;line-height:1.25;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.pf-app-sub{margin:2px 0 0;font-size:.72rem;color:rgba(255,255,255,.72);line-height:1.3}
.pf-app-header-end{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex-shrink:0;
}
.pf-app-nav{
  flex-shrink:0;margin:0;border-radius:0;border-inline:none;
  border-bottom:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg,var(--brand-800) 0%,var(--brand-900) 100%);
  box-shadow:0 2px 8px rgba(8,20,45,.15);
  padding:8px 16px;overflow-x:auto;-webkit-overflow-scrolling:touch;
}
.pf-app-main{
  flex:1;overflow-y:auto;overflow-x:hidden;
  padding:20px 24px 32px;background:var(--bg);
  -webkit-overflow-scrolling:touch;
}

/* user chip + logout */
.pf-user-chip{
  display:inline-flex;align-items:center;gap:10px;
  padding:6px 14px 6px 8px;border-radius:999px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);
  max-width:min(280px,42vw);
}
.pf-user-avatar{
  width:32px;height:32px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--brand-500),var(--brand-700));
  color:#fff;font-size:.85rem;font-weight:800;
  box-shadow:0 2px 8px rgba(0,0,0,.2);
}
.pf-user-email{
  font-size:.82rem;font-weight:700;color:#fff;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.pf-logout-btn{
  height:38px;padding:0 16px;border-radius:10px;cursor:pointer;
  font-family:inherit;font-size:.82rem;font-weight:800;
  color:#fff;background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.3);transition:.15s;
}
.pf-logout-btn:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.45)}
.pf-lang-slot{display:flex;align-items:center}
.pf-lang-btn{
  height:38px;min-width:46px;padding:0 14px;border-radius:10px;cursor:pointer;
  border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);
  color:#fff;font-weight:800;font-size:.82rem;font-family:inherit;transition:.15s;
}
.pf-lang-btn:hover{background:rgba(255,255,255,.2)}
.pf-lang-btn::before{content:"🌐";margin-inline-end:6px;font-size:.9rem}

/* notifications */
.pf-notif-wrap{position:relative}
.pf-notif-btn{
  position:relative;width:40px;height:40px;border-radius:10px;cursor:pointer;
  border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);
  color:#fff;display:flex;align-items:center;justify-content:center;transition:.15s;
}
.pf-notif-btn:hover,.pf-notif-btn[aria-expanded="true"]{background:rgba(255,255,255,.2)}
.pf-notif-btn.has-alerts{border-color:rgba(251,191,36,.6);background:rgba(251,191,36,.15)}
.pf-notif-badge{
  position:absolute;top:-4px;inset-inline-end:-4px;min-width:18px;height:18px;
  padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;
  font-size:.65rem;font-weight:800;line-height:18px;text-align:center;
  box-shadow:0 2px 6px rgba(239,68,68,.45);
}
.pf-notif-panel{
  position:absolute;top:calc(100% + 8px);inset-inline-end:0;width:min(320px,calc(100vw - 32px));
  background:var(--white);border-radius:14px;
  box-shadow:0 16px 40px rgba(8,20,45,.28),0 0 0 1px var(--line);
  z-index:60;overflow:hidden;
}
.pf-notif-panel-hd{
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 14px;border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,#fafbfd,#fff);
}
.pf-notif-panel-hd strong{font-size:.88rem;color:var(--brand-800)}
.pf-notif-close{
  width:28px;height:28px;border:none;border-radius:8px;cursor:pointer;
  background:transparent;color:var(--ink-3);font-size:1.2rem;line-height:1;
}
.pf-notif-close:hover{background:#f1f5f9;color:var(--ink)}
.pf-notif-list{max-height:320px;overflow-y:auto;padding:8px}
.pf-notif-empty{margin:12px;text-align:center;font-size:.84rem;color:var(--ink-3)}
.pf-notif-item{
  display:flex;align-items:center;gap:12px;width:100%;padding:12px;
  border:none;border-radius:10px;background:transparent;cursor:pointer;
  font-family:inherit;text-align:start;transition:.12s;
}
.pf-notif-item:hover{background:#f1f5f9}
.pf-notif-item-count{
  flex-shrink:0;min-width:32px;height:32px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  background:var(--brand-050);color:var(--brand-700);
  font-size:.85rem;font-weight:800;
}
.pf-notif-item-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.pf-notif-item-text strong{font-size:.84rem;color:var(--ink);font-weight:700}
.pf-notif-item-action{font-size:.72rem;color:var(--brand-600);font-weight:700}

/* login shell */
.pf-login-shell .saas-card{max-width:460px}
.pf-login-btn{margin-top:4px}

/* platform console — tabs, KPIs, data tables (legacy + app) */
.pf-console-page,.pf-app .pf-app-main{max-width:none}
.pf-topbar{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  margin-bottom:20px;flex-wrap:wrap;
}
.pf-topbar-brand{display:flex;align-items:center;gap:14px;min-width:0}
.pf-topbar-logo{
  height:52px;width:auto;max-width:120px;object-fit:contain;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.2));flex-shrink:0;
}
.pf-topbar h1{margin:0;font-size:1.35rem;font-weight:800;color:#fff;line-height:1.2}
.pf-topbar-sub{margin:4px 0 0;font-size:.78rem;color:rgba(255,255,255,.72)}
.pf-role-pill{background:rgba(255,255,255,.14);backdrop-filter:blur(8px);font-weight:700}
.pf-topbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

.pf-export-strip{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px;
  padding:10px 14px;background:var(--white);border:1px solid var(--line);
  border-radius:12px;box-shadow:0 2px 8px rgba(8,20,45,.06);
}
.pf-export-strip .saas-btn.ghost{
  color:var(--brand-700)!important;border-color:var(--line)!important;
  background:#f8fafc!important;
}
.pf-export-strip .saas-btn.ghost:hover{background:#eef2f7!important}
.pf-export-strip .pf-msg{color:var(--ink-3)}
.pf-export-bar,.pf-toolbar .pf-export-btn,.pf-export-strip .pf-export-btn{white-space:nowrap}
.pf-toolbar .pf-msg,.pf-export-strip .pf-msg{font-size:.75rem;min-width:80px}
.pf-section-hd .pf-toolbar{align-items:center}

.pf-tabs-bar{
  display:flex;gap:4px;flex-wrap:nowrap;margin-bottom:0;padding:5px;
  border:none;border-radius:0;
}
.pf-tabs-bar:not(.pf-app-nav){
  background:transparent;backdrop-filter:none;
}
.pf-app-nav.pf-tabs-bar{
  background:linear-gradient(180deg,var(--brand-800) 0%,var(--brand-900) 100%);
}
.pf-app-nav .pf-tab{
  color:rgba(255,255,255,.92);padding:9px 16px;font-size:.84rem;font-weight:700;
}
.pf-app-nav .pf-tab:hover{background:rgba(255,255,255,.14);color:#fff}
.pf-app-nav .pf-tab.active{
  background:#fff;color:var(--brand-800);
  box-shadow:0 2px 10px rgba(8,20,45,.2);
}
.pf-app-nav .pf-tab:not(.active){
  color:#cbd5e1;
}
.pf-app-nav .pf-tab:not(.active):hover{color:#fff}
.pf-tab.has-badge::after{
  content:"";display:inline-block;width:7px;height:7px;border-radius:50%;
  background:#ef4444;margin-inline-start:6px;vertical-align:middle;
  box-shadow:0 0 0 2px rgba(239,68,68,.25);
}
.pf-tab{
  border:none;background:transparent;color:rgba(255,255,255,.82);
  padding:10px 18px;border-radius:10px;cursor:pointer;font-family:inherit;
  font-size:.84rem;font-weight:700;transition:.15s;white-space:nowrap;
}
.pf-tab:hover{background:rgba(255,255,255,.12);color:#fff}
.pf-tab.active{
  background:#fff;color:var(--brand-700);
  box-shadow:0 4px 14px rgba(8,20,45,.18);
}
.pf-pane{display:none}
.pf-pane.active{display:block}

.pf-content-card{
  background:var(--white);color:var(--ink);border-radius:16px;
  padding:0;overflow:hidden;
  box-shadow:0 16px 40px rgba(8,20,45,.22),0 0 0 1px rgba(255,255,255,.06);
}
.pf-section-hd{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  flex-wrap:wrap;padding:18px 20px;border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,#fafbfd,#fff);
}
.pf-section-hd h2,.pf-section-title{
  margin:0;font-size:1.02rem;font-weight:800;color:var(--brand-800);
}
.pf-section-title{padding:18px 20px 0}

.pf-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:18px}
.pf-kpi{
  background:var(--white);border-radius:14px;padding:16px 18px;
  border-inline-start:4px solid var(--brand-500);
  box-shadow:0 8px 24px rgba(8,20,45,.12);
  text-align:start;
}
.pf-kpi:nth-child(2){border-inline-start-color:var(--ok)}
.pf-kpi:nth-child(3){border-inline-start-color:#6366f1}
.pf-kpi:nth-child(4){border-inline-start-color:#0ea5e9}
.pf-kpi:nth-child(5){border-inline-start-color:var(--warn)}
.pf-kpi:nth-child(6){border-inline-start-color:var(--err)}
.pf-kpi .n{font-size:1.75rem;font-weight:800;color:var(--brand-800);line-height:1}
.pf-kpi .l{font-size:.76rem;color:var(--ink-3);margin-top:6px;font-weight:600}

.pf-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.pf-toolbar-search{flex:1;justify-content:flex-end;min-width:240px;max-width:420px}
.pf-search-input{
  flex:1;min-width:140px;height:40px;border:1.5px solid var(--line);
  border-radius:10px;padding:0 14px;font-family:inherit;font-size:.88rem;
  background:#fff;transition:.15s;
}
.pf-search-input:focus{
  outline:none;border-color:var(--brand-500);
  box-shadow:0 0 0 3px rgba(59,130,246,.15);
}
.pf-search-btn{width:auto!important;min-width:88px;flex-shrink:0}
.pf-filter-label{font-size:.8rem;font-weight:700;color:var(--ink-3)}
.pf-filter-select{
  height:40px;border:1.5px solid var(--line);border-radius:10px;padding:0 12px;
  font-family:inherit;font-size:.88rem;background:#fff;min-width:140px;
}

.pf-table-wrap{
  overflow-x:auto;-webkit-overflow-scrolling:touch;
  padding:0 4px 4px;
}
.pf-console-page .pf-content-card > .pf-table-wrap{padding:0 12px 8px}
.pf-console-page #pane-overview .pf-content-card .pf-table-wrap{padding:0 12px 16px}

.pf-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.84rem}
.pf-table th,.pf-table td{
  padding:11px 14px;border-bottom:1px solid var(--line);
  text-align:start;vertical-align:middle;
}
.pf-table th{
  font-size:.72rem;color:var(--ink-3);font-weight:800;text-transform:uppercase;
  letter-spacing:.03em;background:#f8fafc;position:sticky;top:0;z-index:1;
}
.pf-table tbody tr{transition:background .12s}
.pf-table tbody tr:hover td{background:#f1f5f9}
.pf-table tbody tr:last-child td{border-bottom:none}
.pf-table .clickable{cursor:pointer;color:var(--brand-600);font-weight:700}
.pf-table .clickable:hover{color:var(--brand-700);text-decoration:underline}
.pf-td-actions{width:1%;white-space:nowrap}

.pf-code{
  font-size:.78rem;background:#f1f5f9;padding:3px 8px;border-radius:6px;
  color:var(--brand-800);font-family:ui-monospace,monospace;
}
.pf-plan{
  display:inline-block;font-size:.72rem;font-weight:800;padding:4px 10px;
  border-radius:999px;text-transform:lowercase;
}
.pf-plan--free{background:#e0f2fe;color:#0369a1}
.pf-plan--pro{background:#ede9fe;color:#6d28d9}
.pf-plan--ent{background:#fef3c7;color:#b45309}

.pf-act-row{display:inline-flex;gap:6px;align-items:center;flex-wrap:nowrap}
.pf-btn-act{
  height:32px;padding:0 11px;border-radius:8px;border:1px solid var(--line);
  background:#fff;color:var(--ink-2);font-size:.74rem;font-weight:700;
  font-family:inherit;cursor:pointer;white-space:nowrap;transition:.12s;
}
.pf-btn-act:hover{background:#f8fafc;border-color:var(--line-2)}
.pf-btn-act--ok{color:var(--ok);border-color:#bbf7d0;background:#f0fdf4}
.pf-btn-act--ok:hover{background:#dcfce7}
.pf-btn-act--warn{color:#b45309;border-color:#fde68a;background:#fffbeb}
.pf-btn-act--warn:hover{background:#fef3c7}
.pf-btn-act--primary{
  color:#fff;border-color:transparent;
  background:linear-gradient(135deg,var(--brand-600),#1d4ed8);
  box-shadow:0 2px 8px rgba(37,99,235,.25);
}
.pf-btn-act--primary:hover{filter:brightness(1.05)}
.pf-btn-act.is-current{opacity:.62;cursor:default;box-shadow:inset 0 2px 5px rgba(0,0,0,.1)}
.pf-btn-act.is-loading{opacity:.65;pointer-events:none}
.pf-act-row--member{flex-wrap:wrap;max-width:280px}
.pf-act-row--member .pf-msg{width:100%;margin-top:4px}

.pf-pager{
  display:flex;gap:10px;align-items:center;justify-content:space-between;
  padding:14px 20px;border-top:1px solid var(--line);
  font-size:.84rem;color:var(--ink-3);background:#fafbfd;
}
.pf-pager .saas-btn.sm{min-width:80px}

.pf-modal-backdrop{
  position:fixed;inset:0;background:rgba(8,20,45,.6);z-index:100;
  display:flex;align-items:center;justify-content:center;padding:20px;
  backdrop-filter:blur(4px);
}
.pf-modal{
  background:var(--white);border-radius:18px;max-width:720px;width:100%;
  max-height:88vh;overflow-y:auto;padding:22px 24px;
  box-shadow:0 24px 60px rgba(8,20,45,.35);
}
.pf-modal h2{margin:0 0 16px;font-size:1.15rem;color:var(--brand-800);font-weight:800}
.pf-modal-dl{
  display:grid;grid-template-columns:minmax(110px,auto) 1fr;
  gap:8px 16px;font-size:.86rem;padding:14px;background:#f8fafc;border-radius:12px;
}
.pf-modal-dl dt{color:var(--ink-3);font-weight:700}
.pf-modal-dl dd{margin:0;color:var(--ink);font-weight:600}
.pf-actions{
  margin-top:18px;padding:16px;border-radius:12px;
  background:linear-gradient(180deg,#f8fafc,#fff);border:1px solid var(--line);
}
.pf-actions h3{margin:0 0 12px;font-size:.92rem;color:var(--brand-800);font-weight:800}
.pf-actions .row{align-items:flex-end;gap:12px}
.pf-actions label{display:flex;flex-direction:column;gap:4px;font-size:.76rem}
.pf-actions select,.pf-actions input[type=date]{
  height:38px;border:1.5px solid var(--line);border-radius:9px;
  padding:0 10px;font-family:inherit;font-size:.85rem;min-width:120px;
}
.pf-msg{font-size:.84rem;margin-top:8px;font-weight:600}
.pf-msg.ok{color:var(--ok)} .pf-msg.err{color:var(--err)}

.pf-console-page #pane-plans .plan-card{
  border:1px solid var(--line);box-shadow:0 8px 24px rgba(8,20,45,.1);
}
.pf-console-page #pane-plans .pf-plans-note{
  padding:0 20px 18px;color:var(--ink-3)!important;margin:0;font-size:.8rem;
}
.pf-plans-wrap{padding:12px 16px 8px;display:flex;flex-direction:column;gap:12px}
.pf-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.pf-form{padding:16px 20px 20px;display:flex;flex-direction:column;gap:12px}
.pf-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pf-field{display:flex;flex-direction:column;gap:5px;font-size:.78rem;font-weight:700;color:var(--ink-3)}
.pf-input,.pf-select,.pf-textarea{
  height:40px;border:1.5px solid var(--line);border-radius:10px;padding:0 12px;
  font-family:inherit;font-size:.88rem;color:var(--ink);background:#fff;
}
.pf-textarea{height:auto;padding:10px 12px;resize:vertical;min-height:88px}
.pf-input:focus,.pf-select:focus,.pf-textarea:focus{
  outline:none;border-color:var(--brand-500);box-shadow:0 0 0 3px rgba(59,130,246,.12);
}

.pf-console-page .pf-table--devices td{font-size:.78rem;vertical-align:top}
.pf-console-page .pf-table--devices{min-width:1100px}

/* inquiries tab — banner, stats, professional table */
.pf-inq-card .pf-section-hd{padding:16px 20px 0}
.pf-inq-banner{
  display:flex;gap:14px;align-items:flex-start;margin:14px 20px 0;padding:14px 16px;
  border-radius:14px;border:1px solid #c7d2fe;
  background:linear-gradient(135deg,#eef2ff 0%,#f8fafc 55%,#fff 100%);
  box-shadow:0 4px 18px rgba(59,130,246,.08);
}
.pf-inq-banner-icon{
  flex-shrink:0;width:42px;height:42px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--brand-600),#4338ca);color:#fff;
  box-shadow:0 4px 12px rgba(67,56,202,.28);
}
.pf-inq-banner-body{min-width:0;flex:1}
.pf-inq-banner-title{
  display:block;font-size:.92rem;font-weight:800;color:var(--brand-900);margin-bottom:4px;
}
.pf-inq-banner-text{margin:0;font-size:.8rem;line-height:1.55;color:var(--ink-3)}
.pf-inq-field-tags{
  display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;
}
.pf-inq-tag{
  display:inline-flex;align-items:center;font-size:.7rem;font-weight:700;
  padding:4px 10px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--ink-2);
}
.pf-inq-tag--accent{
  background:#ede9fe;border-color:#c4b5fd;color:#5b21b6;
}
.pf-inq-stats{
  display:flex;flex-wrap:wrap;gap:10px;margin:14px 20px 0;
}
.pf-inq-stat{
  display:inline-flex;align-items:baseline;gap:8px;padding:8px 14px;border-radius:12px;
  background:#fff;border:1px solid var(--line);box-shadow:0 2px 8px rgba(8,20,45,.04);
}
.pf-inq-stat-n{font-size:1.1rem;font-weight:800;color:var(--brand-800);line-height:1}
.pf-inq-stat-l{font-size:.74rem;font-weight:700;color:var(--ink-3)}
.pf-inq-stat--new{border-inline-start:3px solid var(--warn)}
.pf-inq-stat--contacted{border-inline-start:3px solid var(--ok)}
.pf-inq-stat--closed{border-inline-start:3px solid var(--err)}
.pf-table-wrap--inquiries{
  margin:14px 12px 16px;padding:0;border-radius:14px;
  border:1px solid var(--line);background:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.pf-inq-loading{padding:20px}
.pf-table--inquiries{min-width:1180px;font-size:.82rem}
.pf-table--inquiries thead th{
  background:linear-gradient(180deg,#f1f5f9,#e8eef5);
  border-bottom:2px solid #dbe3ee;white-space:nowrap;
}
.pf-table--inquiries tbody tr{
  border-inline-start:3px solid transparent;
}
.pf-table--inquiries tbody tr.pf-inq-row--new{border-inline-start-color:#f59e0b}
.pf-table--inquiries tbody tr.pf-inq-row--contacted{border-inline-start-color:var(--ok)}
.pf-table--inquiries tbody tr.pf-inq-row--closed{border-inline-start-color:#94a3b8}
.pf-table--inquiries tbody tr:hover td{background:#f8fafc}
.pf-inq-th-job,.pf-inq-td-job{min-width:120px}
.pf-inq-th-name,.pf-inq-td-name{min-width:110px}
.pf-inq-th-org,.pf-inq-td-org{min-width:120px}
.pf-inq-th-date,.pf-inq-td-date{min-width:128px;white-space:nowrap}
.pf-inq-th-contact,.pf-inq-td-email{min-width:150px}
.pf-inq-th-phone,.pf-inq-td-phone{min-width:118px;white-space:nowrap}
.pf-inq-th-users,.pf-inq-td-users{text-align:center;width:88px}
.pf-inq-th-msg,.pf-inq-td-msg{max-width:180px}
.pf-inq-th-actions,.pf-inq-td-actions{position:sticky;inset-inline-end:0;background:inherit;z-index:2}
.pf-inq-name{font-weight:800;color:var(--ink);line-height:1.35}
.pf-inq-org{font-weight:600;color:var(--ink-2)}
.pf-inq-job{
  display:inline-flex;align-items:center;max-width:180px;
  padding:5px 11px;border-radius:999px;font-size:.76rem;font-weight:800;
  background:linear-gradient(135deg,#ede9fe,#e0e7ff);color:#4338ca;
  border:1px solid #c7d2fe;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.pf-inq-users{
  display:inline-flex;align-items:center;justify-content:center;min-width:34px;
  padding:4px 10px;border-radius:999px;font-size:.78rem;font-weight:800;
  background:#ecfeff;color:#0e7490;border:1px solid #a5f3fc;
}
.pf-inq-source{
  display:inline-block;font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:6px;
  background:#f1f5f9;color:var(--ink-3);text-transform:lowercase;
}
.pf-inq-link{color:var(--brand-600);font-weight:700;text-decoration:none}
.pf-inq-link:hover{color:var(--brand-700);text-decoration:underline}
.pf-inq-empty{color:#94a3b8;font-weight:600}
.pf-inq-empty-state{padding:28px 20px;text-align:center;color:var(--ink-3);font-size:.88rem}
.pf-inq-td-date time{font-size:.78rem;color:var(--ink-3);font-weight:600}
.pf-inq-td-msg{color:var(--ink-2);font-size:.78rem;line-height:1.45}
.pf-inq-td-status .badge{font-size:.72rem;padding:5px 10px}

@media (max-width:768px){
  .pf-inq-banner{margin:12px 12px 0;padding:12px}
  .pf-inq-stats{margin:12px 12px 0}
  .pf-table-wrap--inquiries{margin:12px 8px 12px}
}

@media (max-width:960px){
  .pf-grid-2{grid-template-columns:1fr}
  .pf-form-row{grid-template-columns:1fr}
}

@media (max-width:768px){
  .pf-app-header{padding:10px 14px;min-height:auto}
  .pf-app-header-start{width:100%}
  .pf-app-header-end{width:100%;justify-content:flex-end}
  .pf-user-chip{max-width:100%;flex:1;min-width:0}
  .pf-app-main{padding:14px 12px 24px}
  .pf-app-nav{padding:6px 10px}
  .pf-topbar-brand{width:100%}
  .pf-section-hd{flex-direction:column;align-items:stretch}
  .pf-toolbar-search{max-width:none}
  .pf-act-row{flex-wrap:wrap}
  .pf-table th,.pf-table td{padding:9px 10px;font-size:.8rem}
  .pf-modal{max-height:92vh;padding:18px}
  .pf-notif-panel{inset-inline-end:-8px}
}
@media (max-width:520px){ .saas-head{padding:22px} .saas-body{padding:22px} }

.saas-mfa-step{margin-bottom:12px}
.saas-mfa-hint{font-size:.85rem;color:var(--ink-3);margin:0 0 12px;line-height:1.5}
.saas-mfa-acct{font-size:.82rem;color:var(--ink-3);margin-top:6px;direction:ltr;text-align:center}
.saas-mfa-qr{display:flex;justify-content:center;align-items:center;margin:12px 0 16px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:14px}
.saas-mfa-qr-img{display:block;width:220px;height:220px;object-fit:contain;border-radius:8px}
.saas-mfa-qr svg{display:block;width:220px;height:220px;border-radius:8px}
.saas-mfa-secret-panel{
  display:flex;flex-direction:column;gap:10px;padding:14px 16px;
  background:var(--brand-050);border:1.5px solid var(--line);border-radius:12px;
}
.saas-mfa-secret-text{
  display:block;width:100%;margin:0;padding:0;
  font-family:ui-monospace,Consolas,'Courier New',monospace;
  font-size:1rem;font-weight:700;letter-spacing:.14em;line-height:1.6;
  color:var(--brand-800);word-break:break-all;text-align:center;
  user-select:all;
}
.saas-mfa-secret-text[data-empty="1"]{color:var(--ink-3);font-weight:600;letter-spacing:normal;font-size:.9rem}
.saas-mfa-secret-note{font-size:.78rem;color:var(--ink-3);margin:8px 0 0;line-height:1.45}
.saas-mfa-secret-panel .saas-btn--sm{width:100%;height:40px;box-shadow:none}
.saas-btn--ghost,.saas-btn.ghost{background:#eef2f7;color:var(--brand-700);box-shadow:none}
.saas-btn--ghost:hover:not(:disabled),.saas-btn.ghost:hover:not(:disabled){background:#e2e8f0}
.saas-btn--sm,.saas-btn.sm{height:38px;width:auto;padding:0 16px;font-size:.85rem;border-radius:9px}

.saas-version-foot{
  margin-top:14px;padding-top:12px;border-top:1px solid var(--line);
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;
}
.saas-version-badge{
  padding:0.22rem 0.55rem;background:rgba(15,118,110,0.1);color:var(--brand-700);
  border-radius:9999px;font-weight:700;font-size:0.72rem;
  font-family:ui-monospace,Consolas,'Courier New',monospace;unicode-bidi:isolate;
}
.saas-version-badge--update,.saas-version-badge.login-footer-version-badge--update{
  cursor:pointer;animation:saas-version-pulse 1.6s ease-in-out infinite;
  box-shadow:0 0 0 2px rgba(15,118,110,0.25);
}
@keyframes saas-version-pulse{0%,100%{opacity:1}50%{opacity:.72}}
.saas-version-update-btn{
  padding:0.22rem 0.6rem;border:none;border-radius:9999px;font-size:0.7rem;font-weight:700;
  font-family:inherit;cursor:pointer;color:#fff;
  background:linear-gradient(135deg,#0F766E,#0d9488);
  animation:saas-version-pulse 1.6s ease-in-out infinite;
}
.saas-version-update-btn:hover{filter:brightness(1.06)}

/* Platform console — help center admin */
.pf-hc-body{padding:16px 20px 20px}
.pf-hc-form[hidden],.pf-hc-form.hidden{display:none!important}
.pf-hc-form:not([hidden]){display:block}
.pf-hc-list{display:flex;flex-direction:column;gap:8px;margin:12px 0}
.pf-hc-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff}
.pf-hc-row__title{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
.pf-hc-row__actions{display:flex;flex-wrap:wrap;gap:4px}
.pf-hc-badge{font-size:.7rem;padding:2px 8px;border-radius:999px;background:rgba(15,118,110,.12);color:var(--brand-700)}
.pf-hc-on{font-size:.7rem;color:#059669}
.pf-hc-off{font-size:.7rem;color:var(--ink-3)}
.pf-hc-toolbar{flex-wrap:wrap;margin-bottom:12px}
.pf-hc-form{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}
.pf-hc-form h3{margin:0 0 12px;font-size:1rem}
.pf-hc-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:12px}
.pf-hc-form label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;font-weight:600}
.pf-hc-form label.pf-hc-check{flex-direction:row;align-items:center;font-weight:500}
.pf-hc-form-actions{display:flex;gap:8px;margin-top:12px}

/* Platform console — cookie analytics */
.pf-ck-card .pf-hc-body{padding:16px 20px 24px}
.pf-ck-subtitle{margin:20px 0 10px;font-size:.95rem;font-weight:800;color:var(--brand-800)}
.pf-ck-trend-wrap{margin-bottom:8px;overflow-x:auto}
.pf-ck-trend{display:flex;align-items:flex-end;gap:6px;min-height:120px;padding:8px 4px}
.pf-ck-trend-bar{flex:1;min-width:28px;max-width:48px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100px}
.pf-ck-trend-fill{width:100%;max-width:36px;background:linear-gradient(180deg,var(--brand-500),var(--brand-700));border-radius:6px 6px 2px 2px;min-height:4px}
.pf-ck-trend-lbl{font-size:.65rem;color:var(--ink-3);margin-top:4px}
.pf-ck-pages{margin:0;padding:0 1.2rem 0 0;list-style:disc}
.pf-ck-pages code{font-size:.78rem}
.pf-ck-policy-form{display:grid;gap:10px;max-width:720px;margin-top:8px}
.pf-ck-policy-form label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;font-weight:600}
.pf-ck-policy-note{margin-top:4px;font-size:.78rem}