/* Talent Insider -- extracted from product.html's <style> block. Byte-identical content. */
  @import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@500;600&display=swap');
  /* Country-flag emoji everywhere — Windows has no flag emoji (it shows letters like "ID"
     instead), so this small bundled font (Twemoji flag glyphs, CC-BY 4.0 by Twitter, packaged
     by country-flag-emoji-polyfill, MIT) supplies ONLY the flag characters via unicode-range;
     every other character still uses the normal fonts below. */
  @font-face{font-family:'Twemoji Country Flags';src:url('../fonts/TwemojiCountryFlags.woff2') format('woff2');unicode-range:U+1F1E6-1F1FF,U+1F3F4,U+E0062-E0063,U+E0065,U+E0067,U+E006C,U+E006E,U+E0073-E0074,U+E0077,U+E007F;font-display:swap;}
  :root{
    color-scheme:light;
    --bg:#FFFFFF; --bg-2:#F6F3F1; --surface:#FFFFFF; --surface-2:#F1ECE9;
    --card-bg:#F7F6F3; --card-bg-hover:#F1EFEA; --input-bg:#FFFFFF;
    --line:rgba(20,16,14,0.10); --line-strong:rgba(20,16,14,0.18);
    --ink:#15110F; --sub:#5A524D; --sub-dim:#8B827C;
    --red:#E0322A; --red-2:#FF5245; --red-deep:#A31F18; --red-tint:rgba(224,50,42,0.08);
    --green:#2F9E6B; --green-deep:#227A52;
    --amber:#8A5A00; --amber-bg:#FDF3E1; --amber-line:rgba(180,110,0,0.32);
    --shadow:0 20px 60px rgba(20,16,14,0.10);
    --shadow-sm:0 2px 10px rgba(20,16,14,0.06);
    --focus-ring:0 0 0 3px rgba(224,50,42,0.16);
    /* type scale — one consistent ladder, used everywhere instead of one-off px values */
    --fs-2xs:10.5px; --fs-xs:11.5px; --fs-sm:12.5px; --fs-base:14px;
    --fs-md:15px; --fs-lg:17px; --fs-xl:20px; --fs-2xl:26px;
    /* button scale — height-consistent across sizes so mixed rows align */
    --btn-h-md:40px; --btn-h-sm:32px; --btn-h-xs:26px;
    /* radius scale — cards more rounded than inputs, inputs more than tags */
    --radius-card:20px; --radius-input:12px; --radius-tag:8px;
  }
  *{box-sizing:border-box;}
  body{margin:0;font-family:'Twemoji Country Flags','Manrope',-apple-system,BlinkMacSystemFont,"Inter","SF Pro Text","Segoe UI",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--ink);font-size:var(--fs-base);line-height:1.55;letter-spacing:-0.001em;overflow-x:hidden;}
  .mono{font-family:'Twemoji Country Flags','IBM Plex Mono',ui-monospace,monospace;font-variant-numeric:tabular-nums;}
  .wrap{max-width:1180px;margin:0 auto;padding:0 24px;}
  a{color:inherit;text-decoration:none;}
  .nav{position:sticky;top:0;z-index:50;background:radial-gradient(130% 220% at 8% 0%, rgba(224,50,42,0.26), transparent 58%), linear-gradient(122deg, #1C1510 0%, #15110F 55%, #1F140E 100%);border-bottom:1px solid rgba(255,255,255,0.08);}
  .nav::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:3px;background:linear-gradient(90deg, var(--red) 0%, var(--red-2) 45%, #FF9A5A 75%, transparent 100%);opacity:1;pointer-events:none;}
  .nav-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 0;gap:16px;position:relative;}
  .brand{font-family:'Twemoji Country Flags','Chakra Petch',system-ui,sans-serif;font-weight:700;font-size:var(--fs-lg);letter-spacing:0.02em;color:#fff;display:inline-flex;align-items:center;gap:10px;}
  .brand em{font-style:normal;background:linear-gradient(90deg, var(--red) 0%, var(--red-2) 55%, #FF9A5A 100%);-webkit-background-clip:text;background-clip:text;color:transparent;}
  .brand-img{height:32px;width:auto;max-width:200px;object-fit:contain;display:block;}
  .navmeta{font-size:var(--fs-sm);color:rgba(255,255,255,0.72);display:flex;align-items:center;gap:12px;}
  .navlinks-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
  .navlink{padding:9px 14px;border-radius:100px;font-size:var(--fs-sm);font-weight:600;color:rgba(255,255,255,0.66);cursor:pointer;border:1px solid transparent;transition:color .2s,border-color .2s,background .2s;white-space:nowrap;}
  .navlink:hover{color:#fff;}
  .navlink.active{color:#fff;background:none;border-color:transparent;box-shadow:inset 0 -2px 0 var(--red-2);border-radius:0;}
  select,option{font-family:inherit;}
  .btn.nav-login-btn{border-radius:10px;}
  @media (max-width:900px){
    .nav-inner{flex-wrap:wrap;}
    .navlinks-row{order:3;width:100%;justify-content:flex-start;gap:2px;}
    .navlink{padding:7px 10px;font-size:var(--fs-xs);}
  }

  /* --- left sidebar app shell (authenticated portals) --- */
  .app-shell{display:flex;min-height:100vh;align-items:stretch;}
  .sidebar{width:224px;flex:none;background:var(--card-bg);border-right:1px solid var(--line);padding:18px 12px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;transition:width .16s ease;}
  .sidebar-brand-row{display:flex;align-items:center;justify-content:space-between;margin:4px 4px 22px;gap:6px;}
  .sidebar-brand{font-family:'Twemoji Country Flags','Chakra Petch',system-ui,sans-serif;font-weight:700;font-size:var(--fs-lg);letter-spacing:0.02em;}
  .sidebar-collapse-btn{flex:none;width:28px;height:28px;border-radius:8px;border:1px solid var(--line-strong);background:#fff;color:var(--sub);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;transition:background .12s ease,color .12s ease;}
  .sidebar-collapse-btn:hover{background:var(--bg-2);color:var(--ink);}
  .sidebar.collapsed{width:72px;}
  .sidebar.collapsed .sidebar-brand-text{font-size:0;}
  .sidebar.collapsed .sidebar-brand-text::after{content:'TI';font-size:var(--fs-lg);}
  .sidebar.collapsed .sidebar-brand-img{height:30px;max-width:40px;}
  .sidebar.collapsed .sidebar-brand-row{justify-content:center;}
  .sidebar.collapsed .sidebar-section{display:none;}
  .sidebar.collapsed .sidebar-link{justify-content:center;padding:10px 0;}
  .sidebar.collapsed .sidebar-link span.lbl{display:none;}
  .sidebar.collapsed .sidebar-user{display:none;}
  .sidebar.collapsed .sidebar-foot .btn span.lbl{display:none;}
  .sidebar.collapsed .sidebar-foot .btn span.collapsed-ic{display:inline-block!important;}
  .sidebar.collapsed .sidebar-foot .btn{padding:0;}
  .sidebar-brand-text em{font-style:normal;background:linear-gradient(90deg, var(--red) 0%, var(--red-2) 55%, #FF9A5A 100%);-webkit-background-clip:text;background-clip:text;color:transparent;}
  .sidebar-brand-img{height:26px;width:auto;max-width:160px;object-fit:contain;display:block;}
  .sidebar-section{font-size:var(--fs-2xs);font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--sub-dim);margin:14px 10px 6px;}
  .sidebar-nav{display:flex;flex-direction:column;gap:2px;}
  .sidebar-link{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--radius-input);color:var(--sub);font-weight:600;font-size:var(--fs-base);transition:background .12s ease,color .12s ease;}
  .sidebar-link .ic{width:18px;text-align:center;flex:none;}
  .sidebar-link:hover{background:var(--bg-2);color:var(--ink);}
  .sidebar-link.active{background:var(--ink);color:#fff;}
  .sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:12px;}
  .sidebar-user{padding:8px 10px;font-size:var(--fs-sm);color:var(--sub);}
  .sidebar-user strong{color:var(--ink);display:block;font-size:var(--fs-base);}
  .main-col{flex:1;min-width:0;}
  .topbar{position:sticky;top:0;z-index:45;background:radial-gradient(130% 220% at 92% 0%, rgba(224,50,42,0.24), transparent 58%), linear-gradient(122deg, #1C1510 0%, #15110F 55%, #1F140E 100%);border-bottom:1px solid rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:space-between;padding:16px 24px;}
  .topbar::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:3px;background:linear-gradient(90deg, var(--red) 0%, var(--red-2) 45%, #FF9A5A 75%, transparent 100%);opacity:1;pointer-events:none;}
  .topbar-title{font-weight:800;font-size:var(--fs-lg);color:#fff;}
  /* On mobile the sidebar becomes a fixed-position overlay rail instead of pushing the page
     content: collapsed = a narrow 72px icon rail (the default resting state on small screens,
     same compact look as desktop-collapsed via the .sidebar.collapsed rules above), expanded =
     the same full-width panel as desktop, floated on top of the page with a tap-to-close
     backdrop, so the exact same collapse/expand toggle works identically on mobile. */
  .sidebar-backdrop{display:none;}
  @media (max-width:900px){
    .sidebar{position:fixed;left:0;top:0;z-index:70;width:72px;box-shadow:2px 0 20px rgba(20,16,14,0.14);}
    .sidebar:not(.collapsed){width:240px;box-shadow:4px 0 28px rgba(20,16,14,0.22);}
    .sidebar:not(.collapsed) .sidebar-section{display:block;}
    .sidebar:not(.collapsed) .sidebar-link span.lbl{display:inline;}
    .sidebar:not(.collapsed) .sidebar-user span.lbl{display:inline;}
    .main-col{margin-left:72px;}
    .app-shell:has(.sidebar:not(.collapsed)) .sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(15,11,9,0.45);z-index:65;}
  }

  /* --- view toggle + table view for list sections --- */
  .view-toggle{display:inline-flex;border:1px solid var(--line-strong);border-radius:999px;padding:2px;background:#fff;}
  .view-toggle button{border:0;background:transparent;padding:5px 13px;border-radius:999px;font-size:var(--fs-sm);font-weight:700;cursor:pointer;color:var(--sub);}
  .view-toggle button.active{background:var(--ink);color:#fff;}
  .data-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm);background:#fff;border-radius:var(--radius-input);overflow:hidden;border:1px solid var(--line);}
  .data-table th{text-align:left;font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:0.05em;color:var(--sub-dim);font-weight:700;padding:10px 12px;background:var(--bg-2);border-bottom:1px solid var(--line);}
  .data-table td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle;}
  .data-table tr:last-child td{border-bottom:none;}
  .data-table tr:hover td{background:var(--bg-2);}
  .btn{display:inline-flex;align-items:center;justify-content:center;height:var(--btn-h-md);border-radius:999px;padding:0 20px;font-weight:700;font-size:var(--fs-base);cursor:pointer;border:1px solid transparent;line-height:1;white-space:nowrap;transition:background .18s ease,border-color .18s ease,transform .08s ease,box-shadow .18s ease;}
  .btn:active{transform:scale(0.97);}
  .btn:focus-visible{outline:none;box-shadow:var(--focus-ring);}
  .btn-primary{background:linear-gradient(135deg, var(--red) 0%, var(--red-2) 100%);color:#fff;box-shadow:0 4px 14px rgba(224,50,42,0.28);}
  .btn-primary:hover{background:linear-gradient(135deg, var(--red-2) 0%, #FF8A5A 100%);box-shadow:0 8px 22px rgba(224,50,42,0.4);transform:translateY(-1px);}
  .btn-primary:active{background:var(--red-deep);box-shadow:0 2px 8px rgba(163,31,24,0.35);transform:scale(0.97);}
  .btn-primary:disabled{opacity:0.55;cursor:default;transform:none;box-shadow:none;}
  .btn-primary.danger{background:var(--red-deep);}
  .btn-primary.danger:hover{background:#C22019;}
  .btn-ghost{background:#fff;color:var(--ink);border-color:var(--line-strong);}
  .btn-ghost:hover{border-color:var(--red);background:var(--bg-2);box-shadow:0 0 0 1px rgba(224,50,42,0.12);}
  .btn-ghost:active{background:var(--surface-2);}
  .btn-icon{width:var(--btn-h-sm);height:var(--btn-h-sm);padding:0;border-radius:50%;flex:none;font-size:var(--fs-base);}
  .btn-icon.danger-hover:hover{background:var(--red-tint);border-color:rgba(224,50,42,0.4);color:var(--red-deep);}
  .btn-sm{height:var(--btn-h-sm);padding:0 14px;font-size:var(--fs-sm);}
  .btn-xs{height:var(--btn-h-xs);padding:0 10px;font-size:var(--fs-xs);}
  .card{border:1px solid var(--line);border-radius:var(--radius-card);padding:22px;background:var(--card-bg);}
  .card.card-interactive{cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease;}
  .card.card-interactive:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm);background:var(--card-bg-hover);}
  .card.card-flat{background:#fff;}
  input,select,textarea{border:1.5px solid var(--line-strong);border-radius:var(--radius-input);padding:12px 14px;width:100%;font:inherit;font-size:var(--fs-base);background:var(--input-bg);color:var(--ink);transition:border-color .12s ease,box-shadow .12s ease;}
  input[type="checkbox"],input[type="radio"]{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;padding:0!important;margin:0;flex:none!important;flex-shrink:0!important;cursor:pointer;-webkit-appearance:checkbox;appearance:checkbox;accent-color:var(--red);}
  input:hover,select:hover,textarea:hover{border-color:var(--sub-dim);}
  input:focus,select:focus,textarea:focus{outline:none;border-color:var(--red);box-shadow:var(--focus-ring);}
  .field-error{border-color:var(--red) !important;box-shadow:0 0 0 3px rgba(224,50,42,0.18) !important;}
  textarea{min-height:104px;line-height:1.5;resize:vertical;}
  label{font-size:var(--fs-sm);font-weight:700;display:block;margin:0 0 7px;}
  .field{margin-bottom:16px;}
  /* Flag-reliable custom country dropdown (see countryDropdownHtml()) */
  .country-dd{position:relative;}
  .country-dd-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;border:1.5px solid var(--line-strong);border-radius:var(--radius-input);padding:12px 14px;background:var(--input-bg);color:var(--ink);font:inherit;font-size:var(--fs-base);cursor:pointer;text-align:left;transition:border-color .12s ease,box-shadow .12s ease;}
  .country-dd-btn:hover{border-color:var(--sub-dim);}
  .country-dd.open .country-dd-btn{border-color:var(--red);box-shadow:var(--focus-ring);}
  .country-dd-selected{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .country-dd-caret{flex:none;color:var(--sub-dim);font-size:10px;transition:transform .12s ease;}
  .country-dd.open .country-dd-caret{transform:rotate(180deg);}
  .country-dd-list{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid var(--line-strong);border-radius:var(--radius-input);box-shadow:var(--shadow);max-height:260px;overflow:auto;z-index:80;display:none;padding:6px;}
  .country-dd.open .country-dd-list{display:block;}
  .country-dd-opt{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:8px;cursor:pointer;font-size:var(--fs-base);color:var(--ink);}
  .country-dd-opt:hover{background:var(--bg-2, #f5f3f1);}
  .country-dd-opt.active{background:var(--red-tint, rgba(224,50,42,0.08));font-weight:700;}
  .badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 11px;font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:0.04em;}
  .badge-red{background:rgba(224,50,42,0.08);color:var(--red);border:1px solid rgba(224,50,42,0.25);}
  .badge-green{background:rgba(47,158,107,0.12);color:var(--green);border:1px solid rgba(47,158,107,0.3);}
  .badge-dark{background:var(--ink);color:#fff;}
  .badge-amber{background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber-line);}
  /* Reusable on/off toggle switch (member access, future binary settings) — a styled checkbox,
     same accessible-checkbox-under-the-hood pattern as every other input in this file, just
     visually redrawn as a pill/knob instead of a square box. */
  .toggle-switch{position:relative;display:inline-block;width:40px;height:23px;flex:none;}
  .toggle-switch input{opacity:0;width:0;height:0;position:absolute;}
  .toggle-switch .toggle-track{position:absolute;inset:0;background:var(--line-strong);border-radius:999px;cursor:pointer;transition:background .15s ease;}
  .toggle-switch .toggle-track::before{content:'';position:absolute;left:3px;top:3px;width:17px;height:17px;background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,0.3);transition:transform .15s ease;}
  .toggle-switch input:checked + .toggle-track{background:var(--green);}
  .toggle-switch input:checked + .toggle-track::before{transform:translateX(17px);}
  .toggle-switch input:focus-visible + .toggle-track{box-shadow:var(--focus-ring);}
  .toggle-switch input:disabled + .toggle-track{opacity:0.5;cursor:default;}
  .grid{display:grid;gap:16px;}
  .grid-2{grid-template-columns:repeat(2,1fr);}
  .grid-3{grid-template-columns:2fr 1fr;}
  @media (max-width:820px){ .grid-2,.grid-3{grid-template-columns:1fr;} }
  .center-screen{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;}
  .muted{color:var(--sub);font-size:var(--fs-sm);}
  .row{display:flex;align-items:center;justify-content:space-between;gap:12px;}
  .list-item{padding:12px 0;border-bottom:1px solid var(--line);}
  .list-item:last-child{border-bottom:none;}
  h1,h2,h3,.disp{margin:0 0 4px;font-weight:800;font-family:'Twemoji Country Flags','Chakra Petch',system-ui,sans-serif;letter-spacing:0.01em;text-wrap:balance;}
  h3{font-size:var(--fs-lg);}
  .section-title{font-size:var(--fs-xl);font-weight:800;margin-bottom:14px;}
  .pill{font-size:var(--fs-sm);color:var(--sub);}
  [hidden]{display:none!important;}
  .msg{padding:10px 14px;border-radius:var(--radius-input);font-size:var(--fs-sm);margin-bottom:14px;}
  .msg-error{background:rgba(224,50,42,0.08);color:var(--red-deep);border:1px solid rgba(224,50,42,0.25);}
  .msg-ok{background:rgba(47,158,107,0.10);color:var(--green);border:1px solid rgba(47,158,107,0.3);}

  /* --- tooltip --- */
  .tip{position:relative;display:inline-flex;align-items:center;margin-left:6px;}
  .tip-icon{width:15px;height:15px;border-radius:50%;border:1.5px solid var(--sub-dim);color:var(--sub-dim);font-size:var(--fs-2xs);font-weight:800;display:flex;align-items:center;justify-content:center;cursor:default;}
  .tip-panel{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;font-size:var(--fs-sm);font-weight:400;line-height:1.4;padding:10px 12px;border-radius:var(--radius-input);width:230px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transition:opacity .15s ease;pointer-events:none;z-index:60;}
  .tip:hover .tip-panel{opacity:1;visibility:visible;}

  /* --- upload box / file chip --- */
  .upload-box{border:1.5px dashed var(--line-strong);border-radius:var(--radius-input);padding:18px;text-align:center;font-size:var(--fs-base);color:var(--sub);cursor:pointer;background:#fff;transition:border-color .15s ease,background .15s ease;}
  .upload-box:hover{border-color:var(--red);background:rgba(224,50,42,0.03);}
  .upload-box:focus-visible{outline:none;border-color:var(--red);box-shadow:var(--focus-ring);}
  .file-chip{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line-strong);border-radius:var(--radius-input);padding:11px 14px;font-size:var(--fs-base);background:#fff;}
  .file-chip > span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .file-chip button{flex:none;}

  /* --- toast --- */
  #toast-root{position:fixed;bottom:20px;right:20px;z-index:200;display:flex;flex-direction:column;gap:8px;}
  .toast{padding:12px 16px;border-radius:var(--radius-input);font-size:var(--fs-base);font-weight:600;color:#fff;box-shadow:var(--shadow);opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease;max-width:320px;}
  .toast.show{opacity:1;transform:translateY(0);}
  .toast.success{background:var(--green);}
  .toast.error{background:var(--red-deep);}
  .toast.info{background:var(--ink);}

  /* --- modal / drawer overlay --- */
  .overlay{position:fixed;inset:0;background:rgba(20,16,14,0.45);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .2s ease;}
  .overlay.show{opacity:1;}
  .modal-card{max-width:400px;width:100%;background:#fff;border-radius:var(--radius-card);padding:24px;box-shadow:var(--shadow);}
  .drawer-overlay{position:fixed;inset:0;background:rgba(20,16,14,0);z-index:100;transition:background .2s ease;}
  .drawer-overlay.show{background:rgba(20,16,14,0.45);}
  .drawer{position:absolute;top:0;right:0;height:100%;width:min(560px,100vw);background:#fff;box-shadow:-20px 0 60px rgba(20,16,14,0.25);transform:translateX(100%);transition:transform .25s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;}
  .drawer.show{transform:translateX(0);}
  .drawer-head{padding:22px 24px;background:linear-gradient(120deg,#17110F,#A31F18 65%,#E0322A);color:#fff;position:relative;}
  .drawer-close{position:absolute;top:10px;right:10px;z-index:2;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.85);font-size:var(--fs-lg);line-height:1;background:rgba(255,255,255,0.08);border:0;border-radius:50%;cursor:pointer;transition:background .12s ease;}
  .drawer-close:hover{background:rgba(255,255,255,0.18);}
  .drawer-close:active{background:rgba(255,255,255,0.28);}
  .drawer-eyebrow{font-size:var(--fs-xs);letter-spacing:0.08em;text-transform:uppercase;opacity:0.7;font-weight:700;margin-bottom:6px;padding-right:40px;}
  .drawer-title{font-size:var(--fs-xl);font-weight:800;padding-right:40px;}
  .drawer-title .drawer-title-company{opacity:0.72;font-weight:600;}
  .drawer-sub{font-size:var(--fs-base);opacity:0.75;margin-top:4px;padding-right:40px;}
  /* --- clear "which project/job this upload is for" context tag, shown at the top of every
     candidate-submission drawer/modal so it's unmistakable which mandate is being uploaded to --- */
  .drawer-context-tag{display:inline-flex;align-items:center;gap:6px;max-width:100%;background:rgba(255,255,255,0.14);border:1px solid rgba(255,255,255,0.32);border-radius:999px;padding:5px 12px;font-size:var(--fs-sm);font-weight:700;color:#fff;margin-top:8px;}
  .drawer-context-tag span.ctx-job{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .modal-context-tag{display:inline-flex;align-items:center;gap:6px;max-width:100%;background:var(--bg-2);border:1px solid var(--line-strong);border-radius:999px;padding:5px 12px;font-size:var(--fs-sm);font-weight:700;color:var(--ink);margin-bottom:12px;}
  .modal-context-tag span.ctx-job{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .drawer-actions{padding:12px 24px;border-bottom:1px solid var(--line);display:flex;gap:8px;}
  .drawer-body{flex:1;background:#f6f3f1;overflow:auto;display:flex;align-items:center;justify-content:center;}

  /* --- empty state --- */
  .empty-state{text-align:center;padding:32px 16px;}
  .empty-state svg{margin-bottom:10px;opacity:0.85;}
  .empty-title{font-weight:700;font-size:var(--fs-base);margin-bottom:4px;}

  /* --- recruiter attribution chip --- */
  .attribution{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:var(--fs-base);color:var(--sub);}
  .avatar-dot{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--red);color:#fff;font-size:var(--fs-2xs);font-weight:700;flex:none;}

  /* --- job card meta / new badge / deposit tag --- */
  .job-meta-row{display:flex;flex-wrap:wrap;gap:10px;font-size:var(--fs-sm);color:var(--sub);margin:8px 0;}
  .job-meta-row span{display:inline-flex;align-items:center;gap:4px;}
  .badge-new{background:linear-gradient(120deg,#17110F,#A31F18 65%,#E0322A);color:#fff;}
  .deposit-tag{display:inline-flex;align-items:center;font-size:var(--fs-xs);color:var(--sub);border:1px dashed var(--line-strong);border-radius:999px;padding:3px 9px;background:#fff;}
  .country-tag{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-xs);font-weight:700;color:var(--sub);border:1px solid var(--line-strong);border-radius:999px;padding:3px 9px;background:#fff;}
  .match-score{display:inline-flex;align-items:center;font-size:var(--fs-xs);font-weight:800;border-radius:999px;padding:3px 10px;}
  .match-high{background:rgba(47,158,107,0.12);color:var(--green);}
  .match-mid{background:rgba(224,50,42,0.08);color:var(--red-deep);}
  .match-low{background:var(--surface-2);color:var(--sub);}
  .draft-tag{display:inline-flex;align-items:center;font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:var(--sub);background:var(--surface-2);border-radius:999px;padding:3px 10px;}

  /* --- already-submitted alert (stronger than the soft "possible duplicate" text warning) --- */
  .badge-already-submitted{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-xs);font-weight:800;text-transform:uppercase;letter-spacing:0.04em;color:#fff;background:var(--red-deep);border-radius:999px;padding:4px 11px;white-space:nowrap;}
  .dup-alert{display:flex;align-items:flex-start;gap:8px;background:var(--red-tint);border:1.5px solid rgba(224,50,42,0.35);border-radius:var(--radius-input);padding:10px 12px;margin:10px 0;font-size:var(--fs-sm);color:var(--red-deep);line-height:1.4;}
  .dup-alert-icon{font-size:16px;line-height:1.2;flex:none;}
  .dup-alert-soft{background:var(--amber-bg);border:1.5px solid var(--amber-line);color:var(--amber);}

  /* --- notification bell --- */
  .bell-wrap{position:relative;}
  .bell-btn{position:relative;width:36px;height:36px;border-radius:50%;border:1px solid var(--line-strong);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .12s ease,background .12s ease;}
  .bell-btn:hover{border-color:var(--ink);background:var(--bg-2);}
  .bell-btn:active{background:var(--surface-2);}
  .bell-dot{position:absolute;top:5px;right:6px;min-width:15px;height:15px;padding:0 3px;border-radius:999px;background:var(--red);color:#fff;font-size:9.5px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid #fff;}
  .notif-panel{position:absolute;top:44px;right:0;width:340px;max-height:420px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow);z-index:80;}
  .notif-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line);font-weight:700;font-size:var(--fs-base);}
  .notif-item{padding:12px 16px;border-bottom:1px solid var(--line);cursor:pointer;}
  .notif-item:last-child{border-bottom:none;}
  .notif-item:hover{background:var(--bg-2);}
  .notif-item.unread{background:rgba(224,50,42,0.04);}
  .notif-title{font-size:var(--fs-base);font-weight:700;display:flex;align-items:center;gap:6px;}
  .notif-dot{width:7px;height:7px;border-radius:50%;background:var(--red);flex:none;}
  .notif-body{font-size:var(--fs-sm);color:var(--sub);margin-top:2px;line-height:1.4;}
  .notif-time{font-size:var(--fs-xs);color:var(--sub-dim);margin-top:4px;}

  /* --- admin KPI stat tiles --- */
  .kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:24px;}
  .kpi-tile{border:1px solid var(--line);border-radius:var(--radius-card);padding:16px 18px;background:#fff;min-width:0;}
  .kpi-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:0.05em;color:var(--sub-dim);font-weight:700;margin-bottom:6px;display:flex;align-items:center;}
  .kpi-value{font-size:var(--fs-2xl);font-weight:800;color:var(--ink);line-height:1.2;overflow-wrap:anywhere;}
  .kpi-sub{font-size:var(--fs-sm);color:var(--sub);margin-top:2px;}

  /* --- submission-stage Kanban board (Internal Recruiter review board + freelancer's own
     read-only pipeline view on My Submissions) --- */
  .kanban-board{display:grid;grid-template-columns:repeat(5,minmax(200px,1fr));gap:12px;overflow-x:auto;padding-bottom:4px;}
  .kanban-col{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-card);padding:10px;min-width:200px;}
  .kanban-col-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:0 2px;}
  .kanban-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-input);padding:10px 12px;margin-bottom:8px;cursor:grab;}
  .kanban-card.dragging{opacity:0.5;}
  .kanban-col.drag-over{outline:2px dashed var(--red);outline-offset:-2px;}
  .kanban-col-empty{font-size:var(--fs-xs);color:var(--sub-dim);padding:10px 2px;}
  @media (max-width:900px){ .kanban-board{grid-template-columns:repeat(5,minmax(180px,1fr));} }

  /* --- job hover-preview popover (browse job board) --- */
  .job-hover{position:relative;}
  .job-hover-panel{position:absolute;top:100%;left:0;margin-top:8px;background:#fff;border:1px solid var(--line-strong);border-radius:var(--radius-input);box-shadow:var(--shadow);padding:14px 16px;width:270px;z-index:70;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease;pointer-events:none;font-size:var(--fs-sm);color:var(--sub);line-height:1.45;}
  .job-hover:hover .job-hover-panel,.job-hover:focus-within .job-hover-panel{opacity:1;visibility:visible;transform:translateY(0);}
  .job-hover-panel strong{color:var(--ink);display:block;margin-bottom:4px;font-size:var(--fs-base);}

  /* --- home-page banner strip (center-top, above the rest of the section) --- */
  .banner-strip{margin-bottom:24px;}
  .banner-frame{position:relative;width:100%;aspect-ratio:4/1;border-radius:var(--radius-card);overflow:hidden;background:var(--card-bg);border:1px solid var(--line);}
  .banner-frame a{display:block;width:100%;height:100%;}
  .banner-img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--banner-x-desktop,50%) var(--banner-y-desktop,20%);}
  .banner-nav{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px;}
  .banner-arrow{width:28px;height:28px;flex:none;border-radius:50%;border:1px solid var(--line-strong);background:#fff;cursor:pointer;font-size:var(--fs-lg);line-height:1;display:flex;align-items:center;justify-content:center;color:var(--ink);}
  .banner-arrow:hover{background:var(--bg-2);border-color:var(--ink);}
  .banner-dots{display:flex;gap:6px;}
  .banner-dot{width:7px;height:7px;border-radius:50%;background:var(--line-strong);cursor:pointer;}
  .banner-dot.active{background:var(--ink);}
  .banner-slide-stack{position:relative;width:100%;height:100%;}
  .banner-slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease;pointer-events:none;}
  .banner-slide.active{opacity:1;pointer-events:auto;}
  .banner-slot-card-thumb{position:relative;}
  .banner-filler-tag{position:absolute;top:4px;left:4px;font-size:8.5px;padding:3px 8px;}

  /* --- admin banner manager: upload/edit/crop/position plugin --- */
  .banner-admin-card{margin-bottom:16px;}
  .banner-preview-row{display:flex;gap:20px;flex-wrap:wrap;margin:14px 0;}
  .banner-preview-col{flex:1;min-width:220px;}
  .banner-preview-label{font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--sub-dim);margin-bottom:6px;}
  .banner-preview-frame{position:relative;width:100%;border-radius:var(--radius-input);overflow:hidden;background:var(--surface-2);border:1px solid var(--line-strong);}
  .banner-preview-frame.desktop{aspect-ratio:1584/396;}
  .banner-preview-frame.mobile{aspect-ratio:2/1;max-width:260px;}
  .banner-preview-frame img{display:block;width:100%;height:100%;object-fit:cover;}
  .banner-pos-sliders{display:flex;flex-direction:column;gap:6px;margin-top:8px;}
  .banner-pos-sliders label{margin:0;font-weight:600;font-size:var(--fs-xs);color:var(--sub);display:flex;justify-content:space-between;}
  .banner-pos-sliders input[type=range]{width:100%;padding:0;border:none;}
  .banner-thumb{width:110px;height:auto;aspect-ratio:4/1;object-fit:cover;border-radius:8px;border:1px solid var(--line);flex:none;}
  .banner-list-row{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line);flex-wrap:wrap;}
  .banner-list-row:last-child{border-bottom:none;}

  /* --- responsive hardening: tablet (~768-900px) --- */
  @media (max-width:900px){
    .banner-frame{aspect-ratio:2.6/1;}
    .banner-img{object-position:var(--banner-x-mobile,50%) var(--banner-y-mobile,15%);}
    .kpi-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;}
    .banner-preview-row{gap:14px;}
  }
  /* --- responsive hardening: phone (~375-480px) --- */
  @media (max-width:560px){
    .wrap{padding:0 16px;}
    .topbar{padding:12px 16px;flex-wrap:wrap;row-gap:8px;}
    .topbar-title{font-size:var(--fs-base);}
    /* .navmeta (bell, name/role, view-as/account switchers, install-app, logout) is itself one
       unbreaking flex row — wrapping the parent .topbar/.nav-inner alone isn't enough, since
       .navmeta's own children still refuse to shrink past their text content and push past the
       screen edge on a phone. Let it wrap onto its own second/third line instead of overflowing. */
    .navmeta{flex-wrap:wrap;justify-content:flex-end;row-gap:8px;gap:8px;}
    .main-col > .wrap{padding:20px 16px;}
    .section-title{font-size:var(--fs-lg);}
    .kpi-grid{grid-template-columns:repeat(2,1fr);}
    .kpi-value{font-size:var(--fs-xl);}
    .card{padding:16px;}
    .drawer-head{padding:18px 16px;}
    .drawer-body{padding:16px !important;}
    .drawer-actions{padding:10px 16px;flex-wrap:wrap;}
    .modal-card{padding:18px;}
    .banner-frame{aspect-ratio:2/1;border-radius:14px;}
    .banner-preview-frame.mobile{max-width:100%;}
    .row.list-item, .list-item .row{flex-wrap:wrap;}
    .notif-panel{width:min(340px,calc(100vw - 32px));right:-8px;}
    .toolbar-actions{flex-wrap:wrap;row-gap:8px;}
    /* data tables become stacked cards below phone width — a plain table is unreadable here */
    .data-table, .data-table thead, .data-table tbody, .data-table tr, .data-table th, .data-table td{display:block;width:100%;}
    .data-table thead{display:none;}
    .data-table tr{border:1px solid var(--line);border-radius:var(--radius-input);margin-bottom:10px;padding:6px 10px;}
    .data-table td{border-bottom:none;padding:7px 2px;display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:right;}
    .data-table td::before{content:attr(data-label);font-weight:700;color:var(--sub-dim);font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:0.04em;text-align:left;flex:none;}
    .data-table td:last-child{justify-content:flex-end;}
    .maintenance-bar{padding:9px 14px;font-size:var(--fs-xs);}
    .viewas-bar{padding:9px 14px;font-size:var(--fs-xs);}
  }

  /* --- loading toast (spinner + live message, does not auto-dismiss) --- */
  .toast.loading{display:flex;align-items:center;gap:10px;background:var(--ink);}
  .toast-spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,0.3);border-top-color:#fff;flex:none;animation:toast-spin .7s linear infinite;}
  @keyframes toast-spin{to{transform:rotate(360deg);}}

  /* --- recruiter-application submitted acknowledgement (self-drawing checkmark) --- */
  .su-check-wrap{display:flex;justify-content:center;}
  .su-check{width:76px;height:76px;}
  .su-check-circle{stroke:var(--red);stroke-width:2;stroke-dasharray:166;stroke-dashoffset:166;animation:su-check-circle .5s ease-out forwards;}
  .su-check-mark{stroke:var(--red);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:su-check-mark .35s ease-out .45s forwards;}
  @keyframes su-check-circle{to{stroke-dashoffset:0;}}
  @keyframes su-check-mark{to{stroke-dashoffset:0;}}

  /* --- maintenance notice bar (global, above nav/topbar) --- */
  .maintenance-bar{background:var(--amber-bg);color:var(--amber);border-bottom:1px solid var(--amber-line);padding:10px 20px;font-size:var(--fs-sm);font-weight:600;display:flex;align-items:center;justify-content:center;gap:14px;text-align:center;}
  .maintenance-bar-close{background:none;border:0;color:var(--amber);font-weight:800;font-size:var(--fs-base);cursor:pointer;line-height:1;flex:none;opacity:0.75;}
  .maintenance-bar-close:hover{opacity:1;}
  .viewas-bar{background:var(--ink);color:#fff;border-bottom:1px solid var(--line-strong);padding:10px 20px;font-size:var(--fs-sm);font-weight:600;display:flex;align-items:center;justify-content:center;gap:14px;text-align:center;flex-wrap:wrap;}

  /* --- visitor country/currency auto-detect indicator (topNav for logged-out, topbar when authenticated) --- */
  .visitor-loc{display:inline-flex;align-items:center;gap:6px;flex-wrap:nowrap;font-size:var(--fs-xs);font-weight:600;color:var(--sub);background:var(--bg-2);border:1px solid var(--line);border-radius:10px;height:var(--btn-h-sm);padding:0 12px;margin:0;white-space:nowrap;}
  .visitor-loc .vl-flag{font-size:var(--fs-md);line-height:1;}
  .visitor-loc select{width:auto;height:auto;padding:1px 4px;font-size:var(--fs-2xs);border-radius:8px;border-width:1px;background:transparent;color:var(--sub);cursor:pointer;}
  .visitor-loc .vl-q{display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;border-radius:50%;border:1px solid var(--sub-dim);color:var(--sub-dim);font-size:9px;font-weight:700;cursor:default;flex:none;}

  /* --- live ticker (logged-out pages): real active-project count + auto-scrolling marquee --- */
  .live-ticker{margin:14px 0 4px;border:1px solid var(--line);border-radius:var(--radius-input);background:var(--card-bg);overflow:hidden;}
  .live-ticker-count{padding:9px 14px;font-size:var(--fs-sm);font-weight:700;border-bottom:1px solid var(--line);background:#fff;}
  .live-ticker-track{overflow:hidden;white-space:nowrap;padding:9px 0;}
  .live-ticker-strip{display:inline-flex;white-space:nowrap;animation:ti-marquee 60s linear infinite;}
  .live-ticker-track:hover .live-ticker-strip{animation-play-state:paused;}
  .ticker-item{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);color:var(--ink);white-space:nowrap;padding:0 18px;border-right:1px solid var(--line);}
  @keyframes ti-marquee{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
  .live-ticker-center-wrap{display:flex;justify-content:center;}
  .live-ticker-center-wrap .live-ticker{max-width:640px;width:100%;margin:0;}

  /* --- lazy-loading: skeleton placeholder cards + load-more / sentinel row --- */
  .skeleton-card{border:1px solid var(--line);border-radius:var(--radius-card);padding:22px;background:var(--card-bg);}
  .skeleton-line{height:12px;border-radius:6px;background:linear-gradient(90deg,var(--line) 25%,var(--line-strong) 37%,var(--line) 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite;margin-bottom:10px;}
  .skeleton-line.w-40{width:40%;} .skeleton-line.w-60{width:60%;} .skeleton-line.w-80{width:80%;} .skeleton-line.w-100{width:100%;}
  @keyframes skeleton-shimmer{0%{background-position:100% 0;}100%{background-position:0 0;}}
  .lazy-sentinel{height:1px;}
  .load-more-row{display:flex;justify-content:center;padding:18px 0;}

  /* ---------------- Marketing pages (Careers / For Employers) ----------------
     Richer recruiter- and employer-facing landing layouts, merged in from the earlier
     standalone "Talent Insider Careers" microsite artifact so there is a single source of
     truth. Scoped under mkt- so none of this collides with the authenticated-app classes
     above; reuses the same color/radius/font-size tokens rather than a second palette. */
  .mkt-hero{position:relative;overflow:hidden;border-radius:var(--radius-card);padding:40px 28px;background:#0B0908;margin-bottom:30px;min-height:min(88vh,820px);display:flex;flex-direction:column;justify-content:center;}
  .mkt-hero-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0.5;display:block;}
  .mkt-hero-fade{position:absolute;inset:0;background:radial-gradient(120% 90% at 15% 0%, rgba(224,50,42,0.35), transparent 55%), linear-gradient(160deg, rgba(11,9,8,0.1), rgba(11,9,8,0.92) 75%);}
  .mkt-hero-inner{position:relative;z-index:2;max-width:1180px;margin:0 auto;width:100%;}
  .mkt-hero-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:30px;}
  .mkt-hero-login-btn{background:#fff;color:var(--ink);border-radius:999px;padding:10px 22px;font-weight:700;font-size:var(--fs-sm);white-space:nowrap;border:1px solid #fff;display:inline-flex;align-items:center;gap:6px;margin-left:auto;}
  .mkt-hero-login-btn:hover{background:rgba(255,255,255,0.88);}
  .mkt-hero-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:40px;align-items:center;}
  .mkt-hero-text-col{max-width:600px;}
  .mkt-hero-video-col{width:100%;}
  .mkt-hero-video-col .mkt-video-frame{max-width:100%;margin:0;}
  @media (max-width:900px){ .mkt-hero-grid{grid-template-columns:1fr;} .mkt-hero{min-height:auto;padding:32px 20px;} .mkt-hero-text-col{max-width:none;} }
  /* Home hero only: video is the dominant, centered anchor with the headline/CTAs stacked
     below it — renderEmployersInfo() now uses this same stacked layout too, so its hero is
     video-first and responsive the same way; the old side-by-side .mkt-hero-grid above is no
     longer used by either page but is left in place in case a future section wants it. */
  .mkt-hero-stack{display:flex;flex-direction:column;align-items:center;}
  .mkt-hero-video-feature{width:100%;max-width:920px;margin:0 auto;}
  .mkt-hero-video-feature .mkt-video-frame{max-width:100%;margin:0;box-shadow:0 30px 70px rgba(0,0,0,0.45);}
  .mkt-hero-content{max-width:640px;margin:26px auto 0;text-align:center;}
  .mkt-hero-content .mkt-hero-ctas{justify-content:center;}
  @media (max-width:900px){ .mkt-hero-video-feature{max-width:100%;} }
  @media (max-width:560px){ .mkt-hero-content{margin-top:20px;} }
  .mkt-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-xs);font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--red-2);background:rgba(224,50,42,0.12);border:1px solid rgba(224,50,42,0.3);padding:6px 14px;border-radius:999px;}
  .mkt-eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--red-2);flex:none;}
  /* Ticker-style scrolling eyebrow — same marquee technique as .live-ticker-strip/@keyframes
     ti-marquee (content duplicated once, animate translateX 0 → -50% for a seamless loop). */
  .mkt-eyebrow-ticker{max-width:min(100%,360px);padding:6px 14px 6px 12px;color:#fff;background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.22);}
  .mkt-eyebrow-track{overflow:hidden;flex:1;min-width:0;mask-image:linear-gradient(90deg, transparent, #000 14px, #000 calc(100% - 14px), transparent);-webkit-mask-image:linear-gradient(90deg, transparent, #000 14px, #000 calc(100% - 14px), transparent);}
  .mkt-eyebrow-strip{display:inline-flex;white-space:nowrap;animation:ti-marquee 14s linear infinite;}
  .mkt-eyebrow-item{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding-right:16px;}
  .mkt-hero h1{font-size:clamp(26px,5vw,42px);line-height:1.1;font-weight:800;margin:16px 0 14px;color:#fff;}
  .mkt-hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:10px;}
  .mkt-hero .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,0.35);}
  .mkt-hero .btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,0.08);}

  .mkt-earn{background:#fff;border:1px solid var(--line-strong);border-radius:var(--radius-card);padding:18px 18px 16px;}
  .mkt-earn-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px;}
  .mkt-earn-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:0.08em;color:var(--sub-dim);font-weight:700;}
  .mkt-earn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
  .mkt-earn-tile{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-input);padding:14px;}
  .mkt-earn-tile .k{font-size:var(--fs-2xs);color:var(--sub-dim);text-transform:uppercase;letter-spacing:0.06em;font-weight:700;margin-bottom:6px;}
  .mkt-earn-tile .v{font-family:'Twemoji Country Flags','IBM Plex Mono',ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:var(--fs-lg);font-weight:700;color:var(--ink);}
  .mkt-earn-tile .v.red{color:var(--red);}
  .mkt-earn-note{font-size:var(--fs-xs);color:var(--sub-dim);margin-top:12px;line-height:1.5;}
  @media (max-width:640px){ .mkt-earn-grid{grid-template-columns:1fr;} }

  .mkt-video-frame{position:relative;aspect-ratio:16/9;border-radius:var(--radius-card);overflow:hidden;border:1px solid var(--line-strong);background:radial-gradient(120% 140% at 15% 0%, rgba(224,50,42,0.16), transparent 60%), var(--card-bg);margin:16px 0 4px;max-width:720px;}
  .mkt-video-poster{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;cursor:pointer;background:none;border:0;width:100%;padding:0;}
  .mkt-play-btn{width:60px;height:60px;border-radius:50%;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 14px 34px rgba(224,50,42,0.4);flex:none;}
  .mkt-video-poster:hover .mkt-play-btn{background:var(--red-2);}
  .mkt-video-caption{position:absolute;left:14px;bottom:12px;display:flex;align-items:center;gap:8px;font-size:var(--fs-xs);color:#fff;background:rgba(15,11,12,0.62);padding:6px 12px;border-radius:999px;max-width:calc(100% - 96px);}
  .mkt-video-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .mkt-video-len{color:var(--red-2);flex:none;}
  .mkt-video-pending{position:absolute;right:14px;bottom:12px;font-size:var(--fs-2xs);color:rgba(255,255,255,0.88);background:rgba(15,11,12,0.72);padding:6px 10px;border-radius:999px;}

  .mkt-section{padding:40px 0;}
  .mkt-kicker{font-size:var(--fs-xs);font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--red);margin-bottom:10px;}
  .mkt-section h2{font-size:clamp(20px,3.2vw,28px);font-weight:800;margin:0 0 10px;max-width:620px;}
  .mkt-sub{color:var(--sub);font-size:var(--fs-base);max-width:560px;line-height:1.6;margin-bottom:24px;}
  .mkt-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
  .mkt-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
  @media (max-width:900px){ .mkt-grid4,.mkt-grid3{grid-template-columns:1fr 1fr;} }
  @media (max-width:640px){ .mkt-grid4,.mkt-grid3{grid-template-columns:1fr;} }

  .mkt-card{background:var(--card-bg);border:1px solid var(--line);border-radius:var(--radius-card);padding:18px;}
  .mkt-card .ic{font-size:21px;margin-bottom:8px;}
  .mkt-card h3{font-size:var(--fs-base);margin:0 0 6px;font-weight:700;}
  .mkt-card p{font-size:var(--fs-sm);color:var(--sub);line-height:1.55;margin:0;}

  .mkt-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;}
  .mkt-step{padding:18px 16px;border-right:1px solid var(--line);background:#fff;}
  .mkt-step:last-child{border-right:none;}
  .mkt-step .n{font-size:var(--fs-sm);color:var(--red);font-weight:800;margin-bottom:8px;}
  .mkt-step h3{font-size:var(--fs-base);margin:0 0 6px;font-weight:700;}
  .mkt-step p{font-size:var(--fs-sm);color:var(--sub);line-height:1.5;margin:0;}
  @media (max-width:900px){ .mkt-steps{grid-template-columns:1fr 1fr;} .mkt-step{border-bottom:1px solid var(--line);} .mkt-step:nth-child(2n){border-right:none;} }
  @media (max-width:640px){ .mkt-steps{grid-template-columns:1fr;} .mkt-step{border-right:none;} }

  .mkt-scenario{background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);padding:18px;display:flex;flex-direction:column;gap:10px;}
  .mkt-scenario .tag{align-self:flex-start;font-size:var(--fs-2xs);font-weight:700;letter-spacing:0.05em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:var(--red-tint);color:var(--red);border:1px solid rgba(224,50,42,0.25);}
  .mkt-scenario h3{font-size:var(--fs-base);margin:0;font-weight:700;}
  .mkt-scenario .amt{font-size:var(--fs-xl);font-weight:800;color:var(--ink);}
  .mkt-scenario p{font-size:var(--fs-sm);color:var(--sub);line-height:1.55;margin:0;}
  .mkt-fineprint{font-size:var(--fs-xs);color:var(--sub-dim);margin-top:14px;}

  .mkt-cta-banner{border-radius:var(--radius-card);padding:32px 26px;background:linear-gradient(120deg,#17110F,#060504 60%);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
  .mkt-cta-banner h3{font-size:var(--fs-xl);margin:0 0 6px;font-weight:800;color:#fff;}
  .mkt-cta-banner p{color:rgba(255,255,255,0.72);margin:0;max-width:420px;font-size:var(--fs-sm);line-height:1.5;}

  .mkt-emp-hero{display:grid;grid-template-columns:1.05fr 0.95fr;gap:28px;align-items:center;margin-bottom:18px;}
  @media (max-width:900px){ .mkt-emp-hero{grid-template-columns:1fr;} }
  .mkt-map-card{background:var(--card-bg);border:1px solid var(--line);border-radius:var(--radius-card);padding:20px;}
  .mkt-map-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;}
  .mkt-map-stats .s{background:#fff;border:1px solid var(--line);border-radius:var(--radius-input);padding:12px;}
  .mkt-map-stats .s .v{font-family:'Twemoji Country Flags','IBM Plex Mono',ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:var(--fs-lg);color:var(--red);font-weight:800;}
  .mkt-map-stats .s .k{font-size:var(--fs-2xs);color:var(--sub-dim);text-transform:uppercase;letter-spacing:0.05em;margin-top:4px;}
  .mkt-region-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
  .mkt-region-tags span{font-size:var(--fs-xs);padding:5px 11px;border-radius:999px;background:#fff;border:1px solid var(--line-strong);color:var(--sub);}
  .mkt-industries{display:flex;flex-wrap:wrap;gap:8px;}
  .mkt-industries span{font-size:var(--fs-sm);padding:8px 14px;border-radius:999px;border:1px solid var(--line-strong);color:var(--sub);background:#fff;}

  .mkt-post-role{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start;}
  @media (max-width:900px){ .mkt-post-role{grid-template-columns:1fr;} }
  .mkt-success{display:flex;align-items:center;gap:10px;background:rgba(47,158,107,0.1);border:1px solid rgba(47,158,107,0.35);color:var(--green);padding:12px 14px;border-radius:var(--radius-input);font-size:var(--fs-sm);font-weight:700;}
  @media (max-width:560px){
    .mkt-hero{padding:36px 18px 30px;}
    .mkt-earn-grid{grid-template-columns:1fr;}
    .mkt-cta-banner{padding:24px 18px;}
  }
  /* "Install app" prompt (PWA / Android WebAPK) */
  .install-app-btn{display:none;}
  .install-app-btn.show{display:inline-flex;}

  /* ---- News-style Articles (#/articles, #/article/:slug) ---- */
  .news-wrap{padding:34px 24px 64px;}
  .news-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:2px solid var(--ink);padding-bottom:10px;margin-bottom:24px;}
  .news-head h1{font-size:var(--fs-2xl);margin:0;}
  .news-tabs{display:flex;gap:4px;flex-wrap:wrap;}
  .news-tab{border:0;background:none;font:inherit;font-size:var(--fs-sm);font-weight:700;color:var(--sub);padding:6px 10px;cursor:pointer;border-radius:0;}
  .news-tab:hover{color:var(--ink);}
  .news-tab.active{color:var(--red);box-shadow:inset 0 -2px 0 var(--red);}
  .news-kicker{font-size:var(--fs-2xs);font-weight:800;letter-spacing:0.08em;text-transform:uppercase;color:var(--red);margin-bottom:6px;}
  .news-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:var(--fs-xs);color:var(--sub-dim);}
  .news-top{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:32px;}
  .news-lead{display:block;color:inherit;}
  .news-lead-img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;display:block;margin-bottom:14px;background:var(--bg-2);}
  .news-lead-title{font-size:30px;line-height:1.18;margin:0 0 10px;}
  .news-lead:hover .news-lead-title,.news-row:hover h3,.news-side-item:hover .news-side-title,.news-more-card:hover .news-side-title{color:var(--red-deep);}
  .news-lead-ex{color:var(--sub);font-size:var(--fs-md);line-height:1.6;margin:0 0 10px;}
  .news-side{border-left:1px solid var(--line);padding-left:24px;}
  .news-side-head{font-family:'Twemoji Country Flags','Chakra Petch',system-ui,sans-serif;font-weight:700;font-size:var(--fs-lg);border-bottom:1px solid var(--line-strong);padding-bottom:8px;margin-bottom:6px;}
  .news-side-item{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line);color:inherit;}
  .news-side-item:last-child{border-bottom:0;}
  .news-side-title{font-weight:700;line-height:1.35;margin-bottom:6px;}
  .news-side-img{width:104px;height:70px;object-fit:cover;border-radius:6px;flex:none;background:var(--bg-2);}
  .news-rows{display:flex;flex-direction:column;}
  .news-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line);color:inherit;}
  .news-row.flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr);}
  .news-row.flip .news-row-img{order:2;}
  .news-row-img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;background:var(--bg-2);}
  .news-row h3{font-size:var(--fs-xl);line-height:1.25;margin:0 0 8px;}
  .news-row p{color:var(--sub);margin:0 0 10px;line-height:1.6;}
  div.news-img-fallback.news-img-fallback{background:linear-gradient(135deg,#17110F,#A31F18 70%,#E0322A);}
  .news-img-fallback{display:flex;align-items:flex-end;padding:12px;background:linear-gradient(135deg,#17110F,#A31F18 70%,#E0322A);color:#fff;font-weight:800;font-size:var(--fs-xs);letter-spacing:0.08em;text-transform:uppercase;}
  .news-side-img.news-img-fallback{padding:6px;font-size:8px;}
  .news-article{max-width:820px;padding:34px 24px 64px;}
  .news-article-title{font-size:34px;line-height:1.15;margin:0 0 12px;}
  .news-figure{margin:0 0 24px;}
  .news-article-img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;display:block;}
  .news-figure figcaption{font-size:var(--fs-xs);color:var(--sub-dim);margin-top:8px;}
  .news-body{font-size:var(--fs-md);line-height:1.8;}
  .news-body p{margin:0 0 18px;}
  .news-more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:10px;}
  .news-more-card{color:inherit;}
  .news-more-img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;margin-bottom:8px;background:var(--bg-2);}
  @media (max-width:820px){
    .news-top{grid-template-columns:1fr;gap:20px;}
    .news-side{border-left:0;padding-left:0;}
    .news-row,.news-row.flip{grid-template-columns:1fr;gap:12px;}
    .news-row.flip .news-row-img{order:0;}
    .news-lead-title{font-size:24px;}
    .news-article-title{font-size:26px;}
    .news-more{grid-template-columns:1fr;}
  }
  /* Article editor cover preview */
  .art-cover-preview{position:relative;aspect-ratio:16/9;border:1.5px dashed var(--line-strong);border-radius:var(--radius-input);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-2);}
  .art-cover-preview img{width:100%;height:100%;object-fit:cover;display:block;}
  .art-cover-tag{position:absolute;left:8px;bottom:8px;background:rgba(20,16,14,0.75);color:#fff;font-size:var(--fs-2xs);font-weight:700;padding:3px 8px;border-radius:6px;}
  .art-cover-busy{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(255,255,255,0.8);font-weight:700;}
  .spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--line-strong);border-top-color:var(--red);animation:ti-spin .8s linear infinite;display:inline-block;}
  @keyframes ti-spin{to{transform:rotate(360deg);}}

  /* Public FAQ accordion — explicit dark text (a <button> otherwise inherits the browser/OS
     button colour, which some phones and dark modes render white) with maroon accents. */
  .faq-item{background:#fff;border:1px solid var(--line);border-left:4px solid #7A1F1A;border-radius:10px;margin-bottom:10px;overflow:hidden;transition:box-shadow .15s ease,border-color .15s ease;}
  .faq-item:hover{box-shadow:var(--shadow-sm);border-color:rgba(122,31,26,0.35);border-left-color:#7A1F1A;}
  .faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;border:0;background:transparent;padding:16px 18px;font:inherit;font-weight:700;font-size:var(--fs-md);color:var(--ink);-webkit-text-fill-color:var(--ink);cursor:pointer;-webkit-appearance:none;appearance:none;}
  .faq-q:focus-visible{outline:none;box-shadow:inset 0 0 0 2px rgba(122,31,26,0.4);}
  .faq-chev{flex:none;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:rgba(122,31,26,0.08);color:#7A1F1A;-webkit-text-fill-color:#7A1F1A;transition:transform .15s ease,background .15s ease;}
  .faq-item.open{border-color:rgba(122,31,26,0.35);}
  .faq-item.open .faq-q{color:#7A1F1A;-webkit-text-fill-color:#7A1F1A;background:rgba(122,31,26,0.05);}
  .faq-item.open .faq-chev{transform:rotate(180deg);background:#7A1F1A;color:#fff;-webkit-text-fill-color:#fff;}
  .faq-a{padding:4px 18px 18px;color:#2A2420;line-height:1.7;font-size:var(--fs-base);}

  /* ---- Responsive fixes from the 21-device sweep (Apple / Samsung / Xiaomi phones + tablets) ---- */
  /* Phones: logo + location + Log In on one row, menu links on ONE swipeable row (no wrapping to
     a 3-row header). */
  @media (max-width:900px){
    .nav-inner{row-gap:6px;padding-top:12px;padding-bottom:6px;}
    .navlinks-row{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -24px;padding:0 18px;}
    .navlinks-row::-webkit-scrollbar{display:none;}
  }
  @media (max-width:480px){
    .nav-inner{gap:8px;}
    .navmeta{gap:6px;}
    .visitor-loc{padding:0 8px;}
    .visitor-loc > span:not(.vl-flag):not(.vl-q){display:none;} /* flag only — country name in the tooltip */
    .visitor-loc .vl-q{display:none;}
    .brand{font-size:var(--fs-md);}
    .btn.nav-login-btn{padding:0 12px;}
  }
  /* Tall pop-ups (e.g. Add staff user) scroll inside the screen instead of being cut off at the
     top on short phones like the iPhone SE. */
  .modal-card{max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow-y:auto;}
  /* Video placeholder labels: stack instead of overlapping on narrow screens. */
  @media (max-width:640px){
    .mkt-video-pending{top:10px;bottom:auto;right:10px;}
    .mkt-video-caption{left:10px;bottom:10px;max-width:calc(100% - 20px);}
  }
  /* Phones: keep the logged-in top bar to one tidy row — title left, actions right; the
     name/role text is dropped (it's in the account switcher and Profile). */
  @media (max-width:600px){
    .topbar{padding:10px 12px;gap:8px;flex-wrap:nowrap;}
    .topbar-title{font-size:var(--fs-md);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .topbar .navmeta{flex-wrap:nowrap;gap:6px;flex:none;}
    .topbar-who{display:none;}
    .topbar .navmeta .btn{height:var(--btn-h-xs);padding:0 9px;font-size:var(--fs-2xs);}
    .topbar .bell-btn{width:30px;height:30px;}
  }
  /* FAQ search */
  .faq-wrap{max-width:760px;padding:40px 24px 60px;}
  .faq-search{position:relative;margin-bottom:18px;}
  .faq-search input{padding:14px 44px 14px 44px;border-radius:12px;border:1.5px solid rgba(122,31,26,0.35);font-size:16px;background:#fff;color:var(--ink);-webkit-appearance:none;appearance:none;}
  .faq-search input::-webkit-search-cancel-button{display:none;}
  .faq-search input:focus{border-color:#7A1F1A;box-shadow:0 0 0 3px rgba(122,31,26,0.14);}
  .faq-search-ic{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:16px;pointer-events:none;}
  .faq-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:8px;border:0;background:rgba(122,31,26,0.08);color:#7A1F1A;-webkit-text-fill-color:#7A1F1A;font-weight:800;cursor:pointer;}
  .faq-search-clear[hidden]{display:none;}
  .faq-count{font-size:var(--fs-sm);color:var(--sub);margin:-6px 0 12px;}
  .faq-mark{background:rgba(224,50,42,0.16);color:#7A1F1A;border-radius:3px;padding:0 1px;}
  .faq-empty{border:1px dashed rgba(122,31,26,0.35);border-radius:10px;padding:22px;text-align:center;background:#fff;color:var(--ink);}
  @media (max-width:600px){ .faq-wrap{padding:24px 16px 48px;} }
  /* LMS: membership tier ladder + training status */
  .tier-card{border-left:4px solid #7A1F1A;}
  .tier-bar{height:10px;border-radius:999px;background:var(--line);overflow:hidden;margin-bottom:12px;}
  .tier-bar > div{height:100%;background:linear-gradient(90deg,#7A1F1A,var(--red));border-radius:999px;}
  .tier-next{background:rgba(122,31,26,0.05);border:1px solid rgba(122,31,26,0.18);border-radius:10px;padding:10px 14px;font-size:var(--fs-sm);margin-bottom:14px;}
  .tier-next ul,.tier-list{margin:0;padding-left:18px;line-height:1.7;font-size:var(--fs-sm);}
  .tier-ladder{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
  .tier-step{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;font-size:var(--fs-sm);}
  .tier-step.done{opacity:0.75;}
  .tier-step.current{border:2px solid #7A1F1A;box-shadow:var(--shadow-sm);}
  .tier-step-head{display:flex;justify-content:space-between;align-items:center;gap:6px;font-weight:800;margin-bottom:6px;flex-wrap:wrap;}
  .tier-step-need{color:var(--ink);line-height:1.5;margin-bottom:6px;}
  .tier-step-perk{color:var(--green-deep);font-size:var(--fs-xs);font-weight:600;}
  .tier-points{width:100%;border-collapse:collapse;font-size:var(--fs-sm);}
  .tier-points td{padding:5px 0;border-bottom:1px solid var(--line);}
  .tier-points td:last-child{text-align:right;font-weight:700;white-space:nowrap;padding-left:10px;}
  .tier-points tr.total td{border-bottom:0;font-weight:800;color:#7A1F1A;}
  .train-head{font-size:var(--fs-xs);font-weight:800;text-transform:uppercase;letter-spacing:0.06em;padding-bottom:6px;border-bottom:2px solid;margin-bottom:4px;}
  .train-head.done{color:var(--green-deep);border-color:var(--green);}
  .train-head.todo{color:#7A1F1A;border-color:#7A1F1A;}
  .train-row{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--line);}
  @media (max-width:900px){ .tier-ladder{grid-template-columns:repeat(2,minmax(0,1fr));} }
  @media (max-width:420px){ .tier-ladder{grid-template-columns:1fr;} }
  /* ---- Traffic insights charts ---- */
  .viz-kpis{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));}
  .viz-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;}
  .viz-card{margin:0;min-width:0;}
  .viz-card.wide{grid-column:1 / -1;}
  .viz-title{font-weight:800;margin-bottom:10px;display:flex;align-items:center;}
  .viz-svg{width:100%;height:auto;display:block;overflow:visible;}
  .viz-grid{stroke:var(--line);stroke-width:1;}
  .viz-axis{font-size:11px;fill:var(--sub-dim);font-family:inherit;}
  .viz-cross{stroke:var(--sub-dim);stroke-width:1;stroke-dasharray:3 3;}
  .viz-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:var(--fs-xs);color:var(--sub);margin-bottom:6px;}
  .viz-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px;}
  .viz-bars{display:flex;flex-direction:column;gap:8px;}
  .viz-bar-row{display:grid;grid-template-columns:minmax(90px,38%) 1fr auto;gap:10px;align-items:center;font-size:var(--fs-sm);cursor:default;}
  .viz-bar-label{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .viz-bar-track{height:12px;background:var(--bg-2);border-radius:4px;overflow:hidden;}
  .viz-bar-fill{height:100%;border-radius:0 4px 4px 0;}
  .viz-bar-val{color:var(--sub);font-size:var(--fs-xs);white-space:nowrap;font-variant-numeric:tabular-nums;}
  .viz-empty{color:var(--sub);font-size:var(--fs-sm);padding:16px 0;}
  .viz-heat-wrap{overflow-x:auto;}
  .viz-heat{border-collapse:separate;border-spacing:2px;width:100%;min-width:520px;font-size:10px;}
  .viz-heat th{color:var(--sub-dim);font-weight:600;padding:0 4px;text-align:right;}
  .viz-heat thead th{text-align:center;}
  .viz-heat td{height:18px;border-radius:3px;}
  .viz-scale{display:flex;align-items:center;gap:3px;justify-content:flex-end;margin-top:8px;font-size:var(--fs-2xs);color:var(--sub);}
  .viz-scale i{width:16px;height:10px;border-radius:2px;display:inline-block;}
  .viz-scale span{margin:0 4px;}
  .viz-table-wrap{overflow-x:auto;}
  .viz-table td{font-variant-numeric:tabular-nums;}
  .viz-tip{position:fixed;z-index:300;display:none;pointer-events:none;background:var(--ink);color:#fff;font-size:var(--fs-xs);line-height:1.5;padding:8px 10px;border-radius:8px;box-shadow:var(--shadow);max-width:240px;}
  .viz-tip strong{display:block;margin-bottom:2px;}
  .viz-sample-toggle{display:flex;align-items:center;gap:6px;font-size:var(--fs-sm);font-weight:600;margin:0;white-space:nowrap;}
  @media (max-width:820px){ .viz-grid-2{grid-template-columns:1fr;} .viz-bar-row{grid-template-columns:minmax(80px,40%) 1fr auto;} }

  /* ================= LMS v2: course tiles + full-screen player ================= */
  :root{ --maroon:#7A1F1A; }
  .sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
  .lms-course-tile{display:flex;flex-direction:column;gap:10px;}
  .lms-clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--fs-sm);}
  .lms-player{position:fixed;inset:0;z-index:90;background:var(--bg);display:flex;flex-direction:column;height:100vh;height:100dvh;}
  .lms-player-head{flex:none;background:#fff;border-bottom:1px solid var(--line);padding:8px 16px 8px;}
  .lms-head-row{display:flex;align-items:center;gap:10px;min-height:44px;}
  .lms-head-title{flex:1;min-width:0;font-weight:700;font-size:var(--fs-md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .lms-icon-btn{width:40px;height:40px;font-size:16px;}
  .lms-progress-segs{display:flex;gap:3px;margin:8px 0 6px;}
  .lms-progress-segs .seg{flex:1;height:4px;border-radius:2px;background:var(--line-strong);transition:background .3s ease;}
  .lms-progress-segs .seg.is-done{background:var(--green);}
  .lms-progress-segs .seg.is-current{background:var(--red);}
  .lms-progress-segs .seg.is-failed{background:var(--maroon);}
  .lms-progress-segs .seg-group{position:relative;overflow:hidden;}
  .lms-progress-segs .seg-group i{position:absolute;left:0;top:0;bottom:0;background:var(--green);}
  .lms-step-label{font-size:var(--fs-xs);font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .lms-player-body{flex:1;min-height:0;display:flex;background:var(--bg-2);}
  .lms-rail{display:none;width:280px;flex:none;overflow-y:auto;background:#fff;border-right:1px solid var(--line);padding:12px 10px;}
  .lms-rail-head{font-size:var(--fs-2xs);font-weight:800;text-transform:uppercase;letter-spacing:0.06em;color:var(--sub-dim);margin:12px 8px 6px;}
  .lms-rail-step{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;border:0;background:none;border-radius:10px;padding:6px 8px;text-align:left;font:inherit;font-size:var(--fs-sm);color:var(--ink);cursor:pointer;}
  .lms-rail-step:hover{background:var(--bg-2);}
  .lms-rail-step.is-current{background:rgba(224,50,42,0.07);font-weight:700;}
  .lms-rail-step.is-locked{color:var(--sub-dim);cursor:not-allowed;}
  .lms-dot{width:24px;height:24px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-size:11px;border:2px solid var(--line-strong);background:#fff;color:#fff;}
  .lms-rail-step.is-done .lms-dot{background:var(--green);border-color:var(--green);}
  .lms-rail-step.is-current .lms-dot{border-color:var(--red);box-shadow:0 0 0 4px rgba(224,50,42,0.15);}
  .lms-rail-step.is-failed .lms-dot{background:var(--maroon);border-color:var(--maroon);}
  .lms-rail-step.is-locked .lms-dot{font-size:10px;border-color:var(--line);color:inherit;}
  .lms-rail-name{flex:1;min-width:0;}
  .lms-rail-meta{font-size:var(--fs-2xs);color:var(--sub-dim);white-space:nowrap;}
  .lms-stage{flex:1;min-width:0;overflow-y:auto;padding:24px 16px 32px;display:flex;flex-direction:column;align-items:center;}
  .lms-stage > *{width:100%;max-width:720px;}
  .lms-player-foot{flex:none;display:flex;gap:10px;justify-content:flex-end;align-items:center;flex-wrap:wrap;background:#fff;border-top:1px solid var(--line);padding:12px 16px calc(12px + env(safe-area-inset-bottom));}
  .lms-foot-caption{width:100%;text-align:right;font-size:var(--fs-xs);color:var(--sub);margin-bottom:-2px;}
  @media (pointer:coarse){ .lms-player-foot .btn{height:44px;} }
  @media (min-width:1024px){ .lms-rail{display:block;} }
  @media (max-width:560px){ .lms-player-foot .btn{flex:1;} .lms-foot-caption{text-align:center;} }
  /* reading card */
  .lms-card-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;}
  .lms-card{width:100%;max-width:640px;min-height:320px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);padding:28px;touch-action:pan-y;user-select:text;animation:lmsCardIn .22s ease-out;outline:none;}
  @keyframes lmsCardIn{from{opacity:0;transform:translateX(24px);}to{opacity:1;transform:none;}}
  .lms-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;}
  .lms-card-count{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:var(--fs-xs);color:var(--sub);}
  .lms-card-dots{display:flex;gap:5px;}
  .lms-card-dots i{width:6px;height:6px;border-radius:50%;background:var(--line-strong);}
  .lms-card-dots i.on{background:var(--red);}
  .lms-card-h{font-size:var(--fs-xl);font-weight:800;margin:0 0 12px;}
  .lms-card-body{font-size:17px;line-height:1.7;max-width:65ch;color:var(--ink);white-space:pre-wrap;}
  .lms-swipe-hint{font-size:var(--fs-xs);}
  @media (max-width:560px){ .lms-card{padding:22px;min-height:58vh;} .lms-card-body{font-size:16px;} }
  /* video */
  .lms-video-step h2{font-weight:800;}
  .lms-chip{display:inline-flex;align-items:center;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:var(--fs-xs);background:#fff;border:1px solid var(--line-strong);border-radius:999px;padding:2px 10px;}
  .lms-video-wrap{aspect-ratio:16/9;background:#000;border-radius:var(--radius-input);overflow:hidden;}
  .lms-video-wrap video{width:100%;height:100%;display:block;}
  .lms-video-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#fff;text-align:center;background:linear-gradient(135deg,#15110F,#1F140E 60%,#3a1410);padding:16px;}
  .lms-watch-bar{height:6px;border-radius:999px;background:var(--line);overflow:hidden;margin:12px 0 6px;}
  .lms-watch-bar > div{height:100%;background:var(--green);border-radius:999px;}
  /* centred cards (ready, result, complete) */
  .lms-center-card{max-width:520px!important;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);padding:28px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;margin:auto 0;}
  .lms-center-card h2{margin:0;font-size:var(--fs-xl);}
  .lms-center-card p{margin:0;line-height:1.6;}
  .lms-ready-btn{width:100%;max-width:320px;height:48px;font-size:var(--fs-md);}
  /* question */
  .lms-q{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);padding:22px 20px 20px;overflow:hidden;margin:auto 0;}
  .lms-q-bar{position:absolute;left:0;right:0;top:0;height:3px;background:var(--line);}
  .lms-q-bar > div{height:100%;width:100%;background:var(--red);}
  .lms-q-top{margin-bottom:10px;font-size:var(--fs-sm);}
  .lms-q-prompt{font-size:var(--fs-lg);font-weight:700;line-height:1.4;margin:0 0 16px;}
  .lms-timer{position:relative;width:48px;height:48px;flex:none;}
  .lms-timer svg{width:100%;height:100%;transform:rotate(-90deg);}
  .lms-timer-bg{fill:none;stroke:var(--line);stroke-width:4;}
  .lms-timer-fg{fill:none;stroke:var(--ink);stroke-width:4;stroke-linecap:round;}
  .lms-timer span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'IBM Plex Mono',ui-monospace,monospace;font-weight:700;font-size:var(--fs-md);}
  .lms-timer.is-urgent .lms-timer-fg{stroke:var(--red);}
  .lms-timer.is-urgent span{color:var(--red);animation:lmsPop .15s ease-out;}
  @keyframes lmsPop{from{transform:scale(1.15);}to{transform:scale(1);}}
  .lms-opts{display:flex;flex-direction:column;gap:10px;animation:lmsFade .2s ease-out;}
  @keyframes lmsFade{from{opacity:0;}to{opacity:1;}}
  .lms-opt{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:14px 16px;border-radius:var(--radius-input);background:#fff;border:1.5px solid var(--line-strong);text-align:left;font:inherit;font-size:var(--fs-base);color:var(--ink);-webkit-text-fill-color:var(--ink);cursor:pointer;transition:border-color .12s ease,transform .08s ease;}
  .lms-opt:hover:not([disabled]),.lms-opt:focus-visible{border-color:var(--red);outline:none;}
  .lms-opt:active:not([disabled]){transform:scale(.98);}
  .lms-opt-k{width:24px;height:24px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;background:var(--bg-2);font-size:var(--fs-xs);font-weight:800;}
  .lms-opt-mark{margin-left:auto;font-weight:800;}
  .lms-opt.is-correct{border-color:var(--green);background:rgba(47,158,107,.10);animation:lmsGlow .3s ease-out;}
  .lms-opt.is-wrong{border-color:var(--maroon);background:rgba(122,31,26,.08);animation:lmsShake .25s ease-out;}
  .lms-opt.is-dim{opacity:.5;}
  .lms-opt[disabled]{cursor:default;}
  @keyframes lmsGlow{0%{box-shadow:0 0 0 0 rgba(47,158,107,.45);}100%{box-shadow:0 0 0 10px rgba(47,158,107,0);}}
  @keyframes lmsShake{0%,100%{transform:none;}25%{transform:translateX(-6px);}75%{transform:translateX(6px);}}
  .lms-feedback{margin-top:14px;border-radius:var(--radius-input);padding:14px 16px;border-left:4px solid;display:flex;flex-direction:column;gap:8px;line-height:1.55;animation:lmsRise .18s ease-out;}
  @keyframes lmsRise{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:none;}}
  .lms-feedback.ok{border-color:var(--green);background:rgba(47,158,107,.08);}
  .lms-feedback.bad{border-color:var(--maroon);background:rgba(122,31,26,.06);}
  .lms-fb-title{font-weight:800;}
  .lms-feedback.ok .lms-fb-title{color:var(--green-deep);}
  .lms-feedback.bad .lms-fb-title{color:var(--maroon);}
  .lms-feedback .btn{align-self:flex-end;}
  .lms-paused{position:absolute;inset:0;background:rgba(255,255,255,.94);display:flex;align-items:center;justify-content:center;font-weight:800;cursor:pointer;}
  /* results */
  .lms-result-score{font-size:var(--fs-2xl);font-weight:800;}
  .lms-result-banner{font-weight:800;padding:6px 14px;border-radius:999px;}
  .lms-quiz-result.pass .lms-result-banner{background:rgba(47,158,107,.12);color:var(--green-deep);}
  .lms-quiz-result.fail .lms-result-banner{background:rgba(122,31,26,.08);color:var(--maroon);}
  .lms-result-list{list-style:none;padding:0;margin:4px 0;text-align:left;width:100%;font-size:var(--fs-sm);}
  .lms-result-list li{padding:7px 0;border-bottom:1px solid var(--line);}
  .lms-result-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;width:100%;}
  @media (max-width:560px){ .lms-result-actions .btn{flex:1;} .lms-q{padding:20px 14px 16px;} .lms-q-prompt{font-size:16px;} }
  @media (prefers-reduced-motion:reduce){ .lms-card,.lms-opts,.lms-feedback,.lms-opt,.lms-timer span{animation:none!important;} }
  /* admin builder */
  .lms-split-preview{font-size:var(--fs-xs);font-weight:700;color:var(--maroon);margin-top:4px;}
  .lms-type-toggle{display:inline-flex;border:1px solid var(--line-strong);border-radius:999px;padding:2px;margin-bottom:10px;}
  .lms-type-toggle button{border:0;background:none;padding:5px 12px;border-radius:999px;font:inherit;font-size:var(--fs-xs);font-weight:700;cursor:pointer;color:var(--sub);}
  .lms-type-toggle button.on{background:var(--ink);color:#fff;}
  .lms-preview-banner{flex:none;background:#15110F;color:#fff;font-size:var(--fs-xs);font-weight:600;padding:8px 16px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;text-align:center;}
  .lms-preview-banner .btn{background:#fff;color:var(--ink);}
  /* LMS editor + outline */
  .lms-ed-top{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:16px;}
  .lms-ed-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
  .lms-ready-pill{font-size:var(--fs-2xs);font-weight:800;padding:4px 10px;border-radius:999px;}
  .lms-ready-pill.ok{background:rgba(47,158,107,.12);color:var(--green-deep);}
  .lms-ready-pill.bad{background:var(--amber-bg);color:var(--amber);}
  .lms-ed-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start;}
  .lms-ed-side{position:sticky;top:84px;}
  .lms-ed-h{font-weight:800;font-size:var(--fs-md);margin-bottom:10px;}
  .lms-ed-sub{margin-bottom:12px;}
  .lms-ed-sub-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
  .lms-ed-qs summary{cursor:pointer;padding:6px 0;}
  .lms-ed-q{background:var(--bg-2);border-radius:var(--radius-input);padding:10px;margin:8px 0;}
  .lms-obj-n{width:24px;height:24px;border-radius:50%;background:var(--bg-2);display:flex;align-items:center;justify-content:center;font-size:var(--fs-xs);font-weight:800;flex:none;}
  .lms-icon-pick{display:flex;gap:6px;flex-wrap:wrap;}
  .lms-icon-pick button{width:40px;height:40px;border-radius:10px;border:1.5px solid var(--line-strong);background:#fff;font-size:20px;cursor:pointer;}
  .lms-icon-pick button.on{border-color:var(--red);box-shadow:var(--focus-ring);}
  .lms-prereq{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-sm);}
  .lms-prereq label{font-weight:500;margin:0;display:flex;gap:6px;align-items:center;}
  .lms-outline{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;}
  .lms-outline li{border:1px solid var(--line);border-left:4px solid var(--green);border-radius:8px;padding:8px 10px;background:#fff;}
  .lms-outline li.warn{border-left-color:var(--amber);}
  .lms-outline-row{display:flex;justify-content:space-between;gap:8px;font-size:var(--fs-sm);cursor:pointer;}
  .lms-outline-state{font-size:var(--fs-2xs);font-weight:800;white-space:nowrap;color:var(--sub);}
  .lms-outline.compact li{padding:6px 8px;}
  .lms-block-line{font-size:var(--fs-2xs);color:var(--sub);padding-left:10px;}
  .lms-check{margin:0;padding-left:18px;font-size:var(--fs-xs);line-height:1.6;}
  .lms-check.bad{color:var(--maroon);}
  .lms-check.warn{color:var(--amber);}
  .lms-tips ul{margin:8px 0 0;padding-left:18px;font-size:var(--fs-sm);line-height:1.7;}
  .lms-tips summary{cursor:pointer;}
  .lms-admin-card .lms-outline{margin-bottom:12px;}
  .lms-admin-actions{display:flex;gap:8px;flex-wrap:wrap;}
  .lms-chips{display:flex;gap:6px;flex-wrap:wrap;}
  .lms-chips span{font-size:var(--fs-2xs);font-weight:700;padding:3px 8px;border-radius:999px;background:var(--bg-2);color:var(--sub);}
  .lms-chips span.hot{background:var(--amber-bg);color:var(--amber);}
  .lms-tile-actions{display:flex;gap:8px;}
  .lms-tile-actions > *{flex:1;}
  .lms-ol{max-width:820px;display:flex;flex-direction:column;gap:14px;padding-bottom:80px;}
  .lms-ol .card{margin:0;}
  .lms-ol-head{display:flex;gap:16px;align-items:flex-start;}
  .lms-ol-icon{font-size:40px;width:64px;height:64px;border-radius:16px;background:var(--bg-2);display:flex;align-items:center;justify-content:center;flex:none;}
  .lms-ol-h1{font-size:var(--fs-2xl);margin:0 0 6px;line-height:1.2;}
  .lms-ol-h2{font-weight:800;font-size:var(--fs-md);margin-bottom:8px;}
  .lms-ol-obj{margin:0;padding:0;list-style:none;}
  .lms-ol-obj li{padding:5px 0 5px 26px;position:relative;line-height:1.5;}
  .lms-ol-obj li::before{content:'✓';position:absolute;left:0;color:var(--green-deep);font-weight:800;}
  .lms-ol-parts{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;}
  .lms-ol-part{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden;}
  .lms-ol-part.done{border-left:4px solid var(--green);}
  .lms-ol-part.prog{border-left:4px solid var(--red);}
  .lms-ol-row{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:10px 14px;border:0;background:none;text-align:left;font:inherit;color:var(--ink);cursor:pointer;}
  .lms-ol-n{font-size:var(--fs-2xs);font-weight:800;text-transform:uppercase;letter-spacing:0.05em;color:var(--sub-dim);white-space:nowrap;}
  .lms-ol-main{flex:1;min-width:0;display:flex;flex-direction:column;}
  .lms-ol-title{font-weight:700;}
  .lms-ol-meta{font-size:var(--fs-xs);color:var(--sub);}
  .lms-ol-status{font-size:var(--fs-xs);font-weight:700;white-space:nowrap;color:var(--sub);}
  .lms-ol-part.done .lms-ol-status{color:var(--green-deep);}
  .lms-ol-part.prog .lms-ol-status{color:var(--red);}
  .lms-ol-steps{list-style:none;margin:0;padding:4px 14px 12px 70px;font-size:var(--fs-sm);line-height:1.6;}
  .lms-ol-steps .muted{font-size:var(--fs-xs);}
  .lms-ol-cert{display:flex;gap:14px;align-items:center;}
  .lms-ol-foot{position:sticky;bottom:0;background:linear-gradient(transparent,var(--bg) 30%);padding:16px 0 calc(8px + env(safe-area-inset-bottom));max-width:820px;}
  .lms-preview-banner select{width:auto;padding:4px 8px;font-size:var(--fs-xs);background:#fff;}
  .lms-tile-icon{display:inline-block;margin-right:2px;}
  @media (max-width:1100px){ .lms-ed-grid{grid-template-columns:1fr;} .lms-ed-side{position:static;order:-1;} }
  @media (max-width:600px){ .lms-ol-status-l{display:none;} .lms-ol-steps{padding-left:16px;} .lms-ol-n{display:none;} .lms-ol-h1{font-size:var(--fs-xl);} .lms-ol-head{gap:12px;} .lms-ol-icon{width:52px;height:52px;font-size:30px;} }
  .btn.lms-choice{display:block;width:100%;height:auto;min-height:44px;padding:14px 16px;white-space:normal;text-align:left;line-height:1.4;}
  .btn.lms-choice > div + div{margin-top:4px;}
  /* hidden help tips must never widen the page on phones */
  .tip-panel{display:none;max-width:min(230px, calc(100vw - 32px));}
  .tip:hover .tip-panel, .tip:focus-within .tip-panel{display:block;}
  @media (max-width:600px){ .tip{position:static;} .tip-panel{position:fixed;left:16px;right:16px;bottom:auto;top:30%;transform:none;width:auto;max-width:none;} }
  @media (max-width:600px){ .lms-ed-top{flex-direction:column;align-items:stretch;} .lms-ed-actions .btn{flex:1 1 auto;} .lms-ed-actions .lms-ready-pill{flex-basis:100%;text-align:center;} }
  /* article video covers + insights */
  .art-cover-type{margin:6px 0 10px;}
  .art-cover-preview video{width:100%;display:block;aspect-ratio:16/9;background:#111;border-radius:var(--radius-input);}
  .art-thumb{position:relative;display:inline-block;vertical-align:middle;margin-right:8px;}
  .art-thumb img{width:64px;height:36px;object-fit:cover;border-radius:6px;display:block;}
  .art-thumb i{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-style:normal;font-size:12px;text-shadow:0 1px 3px rgba(0,0,0,.6);}
  .news-video-wrap{position:relative;display:block;}
  .news-video-wrap > img{width:100%;}
  .news-play{position:absolute;left:12px;bottom:12px;width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.65);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;padding-left:3px;}
  .news-side-img-wrap .news-play,.news-more-img-wrap .news-play{width:26px;height:26px;font-size:10px;left:6px;bottom:6px;}
  .news-article-video{width:100%;aspect-ratio:16/9;background:#111;object-fit:contain;}
  .media-missing-note{display:none;font-size:var(--fs-xs);color:var(--sub);margin-top:6px;}
  .media-missing .media-missing-note{display:block;}
  .pay-proof-chip{display:flex;gap:12px;align-items:center;border:1px solid var(--line-strong);border-radius:var(--radius-input);padding:8px;background:#fff;}
  .pay-proof-chip img{width:48px;height:64px;object-fit:cover;border-radius:4px;border:1px solid var(--line);}
  .news-side-img-wrap{flex:none;width:104px;}
  .news-row-img-wrap{min-width:0;}
  .news-row.flip .news-row-img-wrap{order:2;}
  @media (max-width:820px){ .news-row.flip .news-row-img-wrap{order:0;} }
  .proof-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;}
  .proof-card{display:flex;gap:12px;border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff;min-width:0;}
  .proof-thumb{width:72px;height:110px;flex:none;border:1px solid var(--line);border-radius:8px;background:var(--bg-2);padding:0;overflow:hidden;cursor:zoom-in;display:flex;align-items:center;justify-content:center;}
  .proof-thumb img{width:100%;height:100%;object-fit:cover;object-position:top;}
  .proof-meta{min-width:0;flex:1;}
  .reach-low{color:var(--red-deep);font-weight:700;}
  .likely{font-size:var(--fs-2xs);font-weight:800;padding:3px 8px;border-radius:999px;white-space:nowrap;}
  .likely-high{background:rgba(47,158,107,.14);color:var(--green-deep);}
  .likely-mid{background:var(--amber-bg);color:var(--amber);}
  .likely-low{background:var(--bg-2);color:var(--sub);}
  .ins-tier{font-size:var(--fs-2xs);font-weight:800;padding:1px 6px;border-radius:999px;background:var(--bg-2);color:var(--ink);margin-right:4px;}
  /* ===== Page Builder: published pages (container queries so previews match real devices) ===== */
  .pb-page{container-type:inline-size;background:#fff;color:var(--ink);}
  .pb-in{max-width:1080px;margin:0 auto;padding:0 24px;}
  .pb-narrow{max-width:760px;}
  .pb-center{text-align:center;}
  .pb-page h1{font-size:44px;line-height:1.1;margin:0 0 16px;letter-spacing:-0.02em;}
  .pb-page h2{font-size:30px;line-height:1.2;margin:0 0 14px;letter-spacing:-0.01em;}
  .pb-sec{padding:56px 0;}
  .pb-tint{background:var(--bg);}
  .pb-body p{line-height:1.7;margin:0 0 12px;font-size:var(--fs-md);}
  .pb-lead{font-size:19px;line-height:1.6;margin:0 0 24px;opacity:.9;max-width:640px;}
  .pb-lead-dark{color:var(--sub);margin:-4px 0 20px;}
  .pb-btn{padding:14px 26px;font-size:var(--fs-md);}
  .pb-hero{position:relative;padding:96px 0 88px;background:linear-gradient(120deg,#15110F 0%,#2a1712 60%,#4a1a14 100%);color:#fff;overflow:hidden;}
  .pb-hero[style*="--pb-hero-img"]{background:linear-gradient(90deg,rgba(14,10,8,.88) 0%,rgba(14,10,8,.55) 60%,rgba(14,10,8,.3) 100%),var(--pb-hero-img) center/cover no-repeat;}
  .pb-hero.pb-light{background:linear-gradient(120deg,#fff7f3,#fdecea);color:var(--ink);}
  .pb-hero.pb-light[style*="--pb-hero-img"]{background:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.75) 60%,rgba(255,255,255,.45) 100%),var(--pb-hero-img) center/cover no-repeat;}
  .pb-align-center .pb-in{text-align:center;} .pb-align-center .pb-lead{margin-left:auto;margin-right:auto;}
  .pb-split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;}
  .pb-split.pb-flip .pb-split-img{order:2;}
  .pb-split-img img{width:100%;border-radius:16px;display:block;aspect-ratio:4/3;object-fit:cover;}
  .pb-img-empty{background:repeating-linear-gradient(45deg,#f1eeeb,#f1eeeb 10px,#e9e4e0 10px,#e9e4e0 20px);border-radius:16px;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;color:var(--sub);font-weight:700;}
  .pb-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px;}
  .pb-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;}
  .pb-card-ic{font-size:28px;margin-bottom:10px;} .pb-card-t{font-weight:800;font-size:var(--fs-md);margin-bottom:6px;} .pb-card-x{color:var(--sub);line-height:1.6;}
  .pb-stats{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;}
  .pb-stat{flex:1 1 160px;max-width:260px;text-align:center;padding:18px;border-radius:16px;background:var(--bg);}
  .pb-stat-v{font-size:40px;font-weight:800;color:var(--red);line-height:1.1;} .pb-stat-l{color:var(--sub);font-weight:600;margin-top:4px;}
  .pb-video{width:100%;aspect-ratio:16/9;border-radius:16px;background:#111;display:block;}
  .pb-caption{color:var(--sub);font-size:var(--fs-sm);margin-top:8px;}
  .pb-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;}
  .pb-field label{display:block;font-weight:700;font-size:var(--fs-sm);margin-bottom:6px;}
  .pb-field input:not([type=checkbox]),.pb-field select,.pb-field textarea{width:100%;font-size:16px;}
  .pb-wide{grid-column:1 / -1;}
  .pb-req{color:var(--red);}
  .pb-check{display:flex !important;gap:10px;align-items:flex-start;font-weight:500 !important;}
  .pb-check input{width:auto;margin-top:3px;}
  .pb-hint{font-size:var(--fs-xs);color:var(--sub);}
  .pb-hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;opacity:0;}
  .pb-form-done{background:#fff;border:1px solid var(--line);border-radius:16px;padding:36px 24px;text-align:center;font-size:var(--fs-md);font-weight:600;}
  .pb-done-ic{width:56px;height:56px;border-radius:50%;background:var(--green);color:#fff;font-size:28px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;}
  .pb-faq{border:1px solid var(--line);border-left:4px solid var(--maroon,#7a1f2b);border-radius:10px;padding:0 16px;margin-bottom:10px;background:#fff;}
  .pb-faq summary{cursor:pointer;font-weight:700;padding:14px 0;color:var(--ink);}
  .pb-logos-sec{padding:36px 0;}
  .pb-logos-h{text-align:center;color:var(--sub);font-weight:700;font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px;}
  .pb-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 36px;align-items:center;}
  .pb-logos span{font-weight:800;font-size:20px;color:#9b948e;}
  .pb-logos img{height:36px;width:auto;filter:grayscale(1);opacity:.75;}
  .pb-cta{padding:64px 0;background:linear-gradient(120deg,var(--red-deep,#c0261d),var(--red,#e5352b));color:#fff;}
  .pb-cta .pb-lead{margin-left:auto;margin-right:auto;}
  .pb-btn-light{background:#fff;color:var(--red-deep,#c0261d);border:0;font-weight:800;}
  @container (max-width: 820px){
    .pb-page h1{font-size:34px;} .pb-page h2{font-size:25px;}
    .pb-cards{grid-template-columns:1fr 1fr;}
    .pb-split{gap:24px;}
  }
  @container (max-width: 560px){
    .pb-in{padding:0 16px;}
    .pb-page h1{font-size:28px;} .pb-page h2{font-size:22px;}
    .pb-hero{padding:64px 0 56px;} .pb-sec{padding:40px 0;} .pb-cta{padding:44px 0;}
    .pb-lead{font-size:16px;}
    .pb-cards,.pb-split,.pb-form-grid{grid-template-columns:1fr;}
    .pb-split.pb-flip .pb-split-img{order:0;}
    .pb-form-grid{padding:16px;}
    .pb-stat{flex-basis:40%;} .pb-stat-v{font-size:30px;}
    .pb-btn{width:100%;text-align:center;}
  }
  /* ===== Page Builder: editor ===== */
  .pb-grid{display:grid;grid-template-columns:400px minmax(0,1fr);gap:18px;align-items:start;}
  .pb-side{min-width:0;}
  .pb-tabs{margin-bottom:10px;width:100%;display:flex;} .pb-tabs button{flex:1;}
  .pb-blocks{display:flex;flex-direction:column;gap:8px;}
  .pb-bed{border:1px solid var(--line);border-radius:12px;background:#fff;}
  .pb-bed.open{border-color:var(--red);box-shadow:0 0 0 3px rgba(229,53,43,.08);}
  .pb-bed.is-hidden{opacity:.55;}
  .pb-bed.drop{border-style:dashed;border-color:var(--red);}
  .pb-bed-head{display:flex;align-items:center;gap:4px;padding:6px 6px 6px 4px;}
  .pb-grip{cursor:grab;color:var(--sub-dim);padding:0 4px;font-size:14px;letter-spacing:-2px;}
  .pb-bed-title{flex:1;min-width:0;display:flex;gap:8px;align-items:center;background:none;border:0;font:inherit;color:var(--ink);text-align:left;cursor:pointer;padding:6px 2px;}
  .pb-bed-title > span:last-child{display:flex;flex-direction:column;min-width:0;}
  .pb-bed-title em{font-style:normal;font-size:var(--fs-xs);color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .pb-bed-tools{display:flex;gap:2px;flex:none;}
  .pb-bed-tools button{width:30px;height:30px;border:0;background:none;border-radius:8px;cursor:pointer;font-size:13px;color:var(--ink);}
  .pb-bed-tools button:hover:not(:disabled){background:var(--bg-2);}
  .pb-bed-tools button:disabled{opacity:.3;cursor:default;}
  .pb-bed-body{padding:4px 12px 12px;border-top:1px solid var(--line);}
  .pb-bed-body .field{margin:10px 0 0;}
  .pb-add{margin-top:14px;}
  .pb-palette{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;}
  .pb-palette button{display:flex;gap:8px;align-items:center;padding:10px;border:1px dashed var(--line-strong);border-radius:10px;background:#fff;font:inherit;font-size:var(--fs-sm);font-weight:600;color:var(--ink);cursor:pointer;text-align:left;min-height:44px;}
  .pb-palette button:hover{border-color:var(--red);background:#fff7f6;}
  .pb-listed{display:flex;flex-direction:column;gap:6px;margin-top:10px;}
  .pb-listed-row{display:flex;gap:6px;align-items:flex-start;}
  .pb-listed-row input,.pb-listed-row textarea{flex:1;min-width:0;}
  .pb-listed-row .pb-ic-in{flex:0 0 52px;text-align:center;}
  .pb-file-btn{white-space:nowrap;}
  .pb-fields{display:flex;flex-direction:column;gap:8px;}
  .pb-fieldrow{border:1px solid var(--line);border-radius:10px;padding:8px;background:var(--bg);display:flex;flex-direction:column;gap:6px;}
  .pb-fieldrow-top{display:grid;grid-template-columns:150px minmax(0,1fr);gap:6px;}
  .pb-fieldrow-bot{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-xs);}
  .pb-fieldrow-bot label{display:flex;gap:6px;align-items:center;font-weight:600;margin:0;}
  .pb-imgpick{display:flex;gap:10px;align-items:center;margin-bottom:6px;} .pb-imgpick img{width:96px;height:54px;object-fit:cover;border-radius:6px;}
  .pb-slug{display:flex;align-items:center;border:1.5px solid var(--line-strong);border-radius:var(--radius-input);overflow:hidden;background:#fff;}
  .pb-slug span{padding:0 4px 0 12px;color:var(--sub);font-family:var(--mono,monospace);font-size:var(--fs-sm);}
  .pb-slug input{border:0 !important;box-shadow:none !important;padding-left:0;}
  .pb-navbox{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--bg);}
  .pb-switch{display:flex;gap:8px;align-items:center;margin:0;} .pb-switch input{width:auto;}
  .pb-preview-col{position:sticky;top:84px;min-width:0;}
  .pb-preview-bar{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap;}
  .pb-stage{background:#e9e5e1;border-radius:14px;padding:14px;max-height:calc(100vh - 150px);overflow:auto;}
  .pb-frame{margin:0 auto;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.12);transition:width .2s ease;}
  .pb-frame-desktop{width:100%;} .pb-frame-tablet{width:768px;max-width:100%;} .pb-frame-mobile{width:375px;max-width:100%;}
  .pb-frame .pb-block{cursor:pointer;position:relative;}
  .pb-frame .pb-block:hover{outline:2px dashed rgba(229,53,43,.5);outline-offset:-2px;}
  .pb-frame .pb-block.is-open{outline:2px solid var(--red);outline-offset:-2px;}
  .pb-frame input,.pb-frame select,.pb-frame textarea{pointer-events:none;}
  .pb-fake-nav{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#15110F;color:#fff;padding:12px 16px;font-size:12px;flex-wrap:wrap;}
  .pb-fake-nav i{font-style:normal;color:#ff6b4a;}
  .pb-fake-nav span{display:flex;gap:12px;flex-wrap:wrap;} .pb-fake-nav em{font-style:normal;opacity:.75;} .pb-fake-nav em.on{opacity:1;font-weight:800;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#ff6b4a;}
  .pb-fake-nav .muted{color:rgba(255,255,255,.55);}
  .pb-navpreview{display:flex;gap:8px;flex-wrap:wrap;background:#15110F;padding:12px;border-radius:10px;}
  .pb-navpreview span{color:rgba(255,255,255,.8);font-size:var(--fs-sm);font-weight:600;padding:4px 8px;border-radius:6px;}
  .pb-navpreview span.custom{background:rgba(229,53,43,.25);color:#fff;}
  .pb-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;}
  .pb-list-card{margin:0;}
  .pb-list-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 14px;}
  .pb-list-stats div{background:var(--bg);border-radius:10px;padding:8px;text-align:center;} .pb-list-stats b{display:block;font-size:var(--fs-lg);} .pb-list-stats span{font-size:var(--fs-2xs);color:var(--sub);text-transform:uppercase;font-weight:700;letter-spacing:.04em;}
  .pb-full-preview{flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0;}
  .pb-full-bar{display:flex;gap:8px;align-items:center;background:#15110F;color:#fff;padding:10px 16px;font-size:var(--fs-sm);flex-wrap:wrap;}
  .pb-full-scroll{flex:1;overflow:auto;background:#e9e5e1;padding:16px;}
  .pb-full-frame{margin:0 auto;background:#fff;}
  .pb-full-frame.pb-frame-tablet{width:768px;max-width:100%;} .pb-full-frame.pb-frame-mobile{width:375px;max-width:100%;}
  @media (max-width:1100px){ .pb-grid{grid-template-columns:1fr;} .pb-preview-col{position:static;} .pb-stage{max-height:none;} }
  @media (max-width:600px){ .pb-stage{padding:8px;} .pb-fieldrow-top{grid-template-columns:1fr;} .pb-palette{grid-template-columns:1fr 1fr;} .pb-page h1{} }
  /* ===== Leads ===== */
  .leads-filters{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:8px;}
  .leads-scroll{overflow:auto;}
  .leads-table td{vertical-align:top;font-size:var(--fs-sm);}
  .lead-status{width:auto;padding:4px 8px;font-size:var(--fs-xs);font-weight:700;border-radius:999px;}
  .lead-status.lead-new{background:#fdecea;color:var(--red-deep);border-color:transparent;}
  .lead-status.lead-contacted{background:#eaf2fc;color:#1f5fae;border-color:transparent;}
  .lead-status.lead-qualified{background:var(--amber-bg);color:var(--amber);border-color:transparent;}
  .lead-status.lead-won{background:rgba(47,158,107,.14);color:var(--green-deep);border-color:transparent;}
  .lead-status.lead-lost{background:var(--bg-2);color:var(--sub);border-color:transparent;}
  .lead-detail dl{display:grid;grid-template-columns:200px minmax(0,1fr);gap:6px 14px;margin:0;font-size:var(--fs-sm);}
  .lead-detail dt{color:var(--sub);font-weight:700;} .lead-detail dd{margin:0;word-break:break-word;}
  .lead-findings{margin-top:16px;} .lead-findings ul{margin:6px 0 0;padding-left:20px;line-height:1.8;}
  @media (max-width:820px){ .leads-filters{grid-template-columns:1fr 1fr;} .leads-filters input{grid-column:1 / -1;} .lead-detail dl{grid-template-columns:1fr;} .lead-detail dt{margin-top:6px;} }
  .repeat-badge{display:inline-block;font-size:var(--fs-2xs);font-weight:800;padding:2px 8px;border-radius:999px;background:rgba(47,158,107,.14);color:var(--green-deep);white-space:nowrap;}
  .lead-repeat-row td{background:rgba(47,158,107,.04);}
  .pb-list-card.is-hidden{opacity:.8;border-style:dashed;}
  .pb-builtin{background:linear-gradient(180deg,#fff,#faf7f5);}
  .pb-list-stats{grid-template-columns:repeat(4,1fr);}
  .pb-more{display:contents;}
  .pi-findings{margin:6px 0 0;padding-left:22px;line-height:1.6;}
  .pi-findings li{margin-bottom:10px;}
  .pi-action{color:var(--green-deep);font-size:var(--fs-sm);margin-top:2px;}
  @media (max-width:600px){
    .pb-bed-head{flex-wrap:wrap;}
    .pb-bed-title{flex:1 1 calc(100% - 30px);}
    .pb-bed-tools{width:100%;justify-content:flex-end;border-top:1px dashed var(--line);padding-top:4px;}
    .pb-bed-tools button{width:40px;height:36px;}
  }
  .pb-shortlink{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:8px 0 2px;padding:6px 8px;border:1px dashed var(--line-strong);border-radius:10px;background:var(--bg);}
  .pb-shortlink.live{border-style:solid;border-color:rgba(47,158,107,.35);background:rgba(47,158,107,.05);}
  .pb-shortlink-url{flex:1 1 180px;min-width:0;font-family:var(--mono,monospace);font-size:var(--fs-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .pb-namecheck{font-size:var(--fs-xs);margin-top:6px;min-height:18px;}
  .pb-namecheck.ok{color:var(--green-deep);} .pb-namecheck.bad{color:var(--red-deep);}
  .pb-slug span{white-space:nowrap;}
  .pb-serp{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;font-family:Arial,sans-serif;}
  .pb-serp-url{font-size:12px;color:#4d5156;} .pb-serp-title{font-size:18px;color:#1a0dab;margin:2px 0;line-height:1.3;} .pb-serp-desc{font-size:13px;color:#4d5156;line-height:1.5;}
  .pb-seo-checks{list-style:none;margin:0;padding:0;font-size:var(--fs-xs);line-height:1.7;}
  .pb-seo-checks .ok{color:var(--green-deep);} .pb-seo-checks .warn{color:var(--amber);} .pb-seo-checks .score{margin-top:4px;color:var(--ink);}
  .pb-urls{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-xs);}
  .pb-urls div{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:4px 0;border-bottom:1px solid var(--line);}
  @media (max-width:600px){ .pb-slug{flex-wrap:wrap;} .pb-slug span{padding:6px 12px 0;} .pb-slug input{width:100%;padding-left:12px;} }
  .pb-livebar{display:flex;align-items:center;gap:10px;margin-top:8px;}
  .pb-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;margin:0;font-size:var(--fs-sm);}
  .pb-toggle input{position:absolute;opacity:0;width:1px;height:1px;}
  .pb-toggle-track{width:44px;height:26px;border-radius:999px;background:#cfc8c2;position:relative;transition:background .15s ease;flex:none;}
  .pb-toggle-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:left .15s ease;}
  .pb-toggle input:checked + .pb-toggle-track{background:var(--green,#2f9e6b);}
  .pb-toggle input:checked + .pb-toggle-track .pb-toggle-knob{left:21px;}
  .pb-toggle input:focus-visible + .pb-toggle-track{box-shadow:var(--focus-ring);}
  .pb-ai-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px;}
  .pb-ai-chips button{font:inherit;font-size:var(--fs-2xs);font-weight:700;padding:5px 10px;border-radius:999px;border:1px solid var(--line-strong);background:#fff;cursor:pointer;color:var(--ink);}
  .pb-ai-chips button:hover{border-color:var(--red);}
  .pb-ai-rebuild{width:100%;margin-bottom:10px;border-style:dashed;}
  /* ===== Sales chatbot widget ===== */
  #botHost{position:fixed;right:20px;bottom:20px;z-index:900;}
  .bot-bubble-wrap{display:flex;align-items:center;gap:10px;}
  .bot-bubble{width:60px;height:60px;border-radius:50%;border:0;background:linear-gradient(135deg,var(--red,#e5352b),#ff6b4a);color:#fff;font-size:28px;cursor:pointer;box-shadow:0 10px 30px rgba(229,53,43,.35);}
  .bot-teaser{background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 16px;font:inherit;font-weight:700;font-size:var(--fs-sm);box-shadow:var(--shadow);cursor:pointer;color:var(--ink);animation:botIn .3s ease;}
  @keyframes botIn{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
  .bot-panel{width:380px;height:min(620px, calc(100vh - 40px));background:#fff;border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.25);display:flex;flex-direction:column;overflow:hidden;animation:botIn .2s ease;}
  .bot-head{display:flex;gap:10px;align-items:center;padding:14px 16px;background:linear-gradient(120deg,#15110F,#3a1a13);color:#fff;}
  .bot-av{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:20px;flex:none;}
  .bot-sub{font-size:var(--fs-2xs);opacity:.75;}
  .bot-x{background:none;border:0;color:#fff;font-size:18px;cursor:pointer;width:36px;height:36px;border-radius:50%;}
  .bot-body{flex:1;overflow:auto;padding:14px;background:#f7f4f2;display:flex;flex-direction:column;gap:8px;}
  .bot-msg{max-width:86%;background:#fff;border:1px solid var(--line);border-radius:14px 14px 14px 4px;padding:10px 12px;font-size:var(--fs-sm);line-height:1.55;color:var(--ink);align-self:flex-start;}
  .bot-msg.me{align-self:flex-end;background:var(--red,#e5352b);color:#fff;border-color:transparent;border-radius:14px 14px 4px 14px;}
  .bot-tag{font-size:var(--fs-2xs);color:var(--sub);margin-top:4px;} .bot-tag.warn{color:var(--amber);}
  .bot-fb{display:flex;gap:4px;align-items:center;margin-top:6px;font-size:var(--fs-2xs);color:var(--sub);} .bot-fb button{border:0;background:var(--bg-2);border-radius:8px;cursor:pointer;padding:2px 6px;}
  .bot-chips{display:flex;gap:6px;flex-wrap:wrap;}
  .bot-chips button{font:inherit;font-size:var(--fs-xs);font-weight:700;border:1px solid var(--red,#e5352b);color:var(--red-deep,#c0261d);background:#fff;border-radius:999px;padding:7px 12px;cursor:pointer;min-height:34px;}
  .bot-input{display:flex;gap:6px;padding:10px;border-top:1px solid var(--line);background:#fff;}
  .bot-input input{flex:1;min-width:0;font-size:16px;}
  .bot-form{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px;font-size:var(--fs-sm);}
  .bot-form input{font-size:16px;}
  .bot-form-h{font-weight:800;}
  .bot-err{color:var(--red-deep);font-size:var(--fs-xs);min-height:0;}
  .bot-types{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
  .bot-types button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;border:1.5px solid var(--line-strong);border-radius:12px;background:#fff;font:inherit;font-weight:700;cursor:pointer;color:var(--ink);}
  .bot-types button span{font-size:24px;} .bot-types small{font-weight:400;color:var(--sub);font-size:var(--fs-2xs);text-align:center;}
  .bot-types button:hover{border-color:var(--red);}
  .bot-days{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;}
  .bot-days button{flex:none;display:flex;flex-direction:column;align-items:center;padding:6px 10px;border:1px solid var(--line-strong);border-radius:10px;background:#fff;font:inherit;font-size:var(--fs-2xs);cursor:pointer;color:var(--ink);}
  .bot-days button.on{background:var(--ink);color:#fff;border-color:var(--ink);}
  .bot-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;}
  .bot-slots button{padding:9px 4px;border:1px solid var(--line-strong);border-radius:10px;background:#fff;font:inherit;font-weight:700;font-size:var(--fs-xs);cursor:pointer;color:var(--ink);}
  .bot-slots button:hover{border-color:var(--red);background:#fff7f6;}
  .bot-booked{margin-top:8px;background:rgba(47,158,107,.08);border:1px solid rgba(47,158,107,.3);border-radius:10px;padding:10px;font-size:var(--fs-xs);}
  @media (max-width:600px){ #botHost{right:12px;bottom:12px;left:auto;} .bot-panel{position:fixed;inset:0;width:auto;height:auto;border-radius:0;} .bot-teaser{display:none;} }
  .pulse-form{animation:pulseForm 1.6s ease 2;border-radius:14px;}
  @keyframes pulseForm{0%,100%{box-shadow:0 0 0 0 rgba(229,53,43,0);}40%{box-shadow:0 0 0 6px rgba(229,53,43,.25);}}
  /* ===== Sales chatbot dashboard ===== */
  .bot-tabs{flex-wrap:wrap;}
  .bot-kb{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;}
  .bot-kb-card,.bot-un,.bot-conv{margin:0 0 12px;}
  .bot-conv summary{cursor:pointer;}
  .bot-transcript{display:flex;flex-direction:column;gap:6px;margin-top:10px;background:#f7f4f2;border-radius:12px;padding:10px;}
  .bot-week-card{overflow-x:auto;}
  .bot-week{display:grid;grid-template-columns:52px repeat(7,minmax(110px,1fr));gap:6px;min-width:820px;}
  .bot-week-times{padding-top:28px;display:grid;grid-template-rows:repeat(10,48px);font-size:var(--fs-2xs);color:var(--sub);}
  .bot-week-h{font-weight:800;font-size:var(--fs-xs);text-align:center;height:22px;}
  .bot-week-col{position:relative;height:480px;background:repeating-linear-gradient(#fff,#fff 47px,var(--line) 47px,var(--line) 48px);border:1px solid var(--line);border-radius:8px;}
  .bot-week-col.closed{background:#f1eeeb;}
  .bot-ev{position:absolute;left:3px;right:3px;border-radius:6px;padding:3px 5px;font-size:10px;line-height:1.25;overflow:hidden;}
  .bot-ev.booking{background:rgba(229,53,43,.14);border-left:3px solid var(--red);color:var(--red-deep);font-weight:700;}
  .bot-ev.busy{background:#e8eef8;border-left:3px solid #2a78d6;color:#1f5fae;}
  .bot-ev.blocked{background:repeating-linear-gradient(45deg,#eee,#eee 6px,#e2e2e2 6px,#e2e2e2 12px);color:var(--sub);}
  .bot-key{display:inline-block;width:10px;height:10px;border-radius:3px;margin:0 3px 0 10px;vertical-align:middle;}
  .bot-key.booking{background:rgba(229,53,43,.5);} .bot-key.busy{background:#2a78d6;} .bot-key.blocked{background:#bbb;}
  .bot-hours{display:flex;flex-direction:column;gap:4px;}
  .bot-hours > div{display:grid;grid-template-columns:70px 64px 12px 64px;gap:6px;align-items:center;}
  .bot-hours input[type=number]{padding:6px;}
  .int-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:14px;}
  .int-card{margin:0;} .int-card.open{grid-column:1 / -1;border-color:var(--red);}
  .int-ic{font-size:26px;width:44px;height:44px;border-radius:12px;background:var(--bg-2);display:flex;align-items:center;justify-content:center;flex:none;}
  .int-form{margin-top:8px;max-width:640px;}
  .int-ro{display:flex;gap:8px;align-items:center;justify-content:space-between;border:1px dashed var(--line-strong);border-radius:var(--radius-input);padding:8px 10px;font-size:var(--fs-xs);word-break:break-all;}
  .int-test{font-size:var(--fs-xs);margin-bottom:8px;} .int-test.ok{color:var(--green-deep);} .int-test.bad{color:var(--red-deep);}
  .int-line a{font-weight:700;}
  @media (max-width:600px){ .int-grid{grid-template-columns:1fr;} }
  @media (max-width:700px){
    .bot-tabs{flex-wrap:nowrap;overflow-x:auto;max-width:100%;border-radius:12px;-webkit-overflow-scrolling:touch;}
    .bot-tabs button{white-space:nowrap;flex:none;}
    .int-card > .row{flex-direction:column;align-items:flex-start;}
  }
  /* ===== Live sales calendar ===== */
  .cal-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:flex-start;margin-bottom:12px;}
  .cal-title .int-line{font-size:var(--fs-xs);margin-top:4px;}
  .cal-actions{display:flex;gap:8px;flex-wrap:wrap;}
  .cal-card{padding:14px;}
  .cal-bar{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px;}
  .cal-nav{display:flex;gap:6px;align-items:center;flex-wrap:wrap;} .cal-period{font-size:var(--fs-md);margin-left:6px;}
  .cal-week{overflow-x:auto;}
  .cal-week.week .cal-whead,.cal-week.week .cal-wbody{min-width:760px;}
  .cal-whead{display:grid;grid-template-columns:52px repeat(var(--cols),minmax(0,1fr));gap:4px;margin-bottom:4px;}
  .cal-whead button{border:0;background:none;font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;padding:4px;border-radius:10px;color:var(--ink);}
  .cal-whead button span{font-size:var(--fs-2xs);color:var(--sub);text-transform:uppercase;font-weight:700;} .cal-whead button b{font-size:var(--fs-lg);}
  .cal-whead button.today b{background:var(--red);color:#fff;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;}
  .cal-wbody{display:grid;grid-template-columns:52px repeat(var(--cols),minmax(0,1fr));gap:4px;}
  .cal-times div{font-size:var(--fs-2xs);color:var(--sub);text-align:right;padding-right:6px;transform:translateY(-6px);}
  .cal-daycol{position:relative;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;}
  .cal-slot{border-bottom:1px solid #f1eeeb;cursor:pointer;} .cal-slot:nth-child(2n){border-bottom-color:var(--line);}
  .cal-slot.off{background:#f7f5f3;} .cal-slot.past{background-image:linear-gradient(rgba(240,237,234,.6),rgba(240,237,234,.6));}
  .cal-slot:hover{background:#fff1ef;}
  .cal-now{position:absolute;left:0;right:0;height:2px;background:var(--red);z-index:3;pointer-events:none;} .cal-now::before{content:'';position:absolute;left:-4px;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--red);}
  .cal-ev{position:absolute;left:3px;right:3px;z-index:2;border:0;border-left:4px solid var(--evc,#e5352b);background:color-mix(in srgb, var(--evc,#e5352b) 12%, #fff);border-radius:6px;padding:3px 6px;font:inherit;font-size:11px;line-height:1.25;text-align:left;cursor:pointer;overflow:hidden;color:var(--ink);display:block;}
  .cal-ev span{display:block;color:var(--sub);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .cal-ev.st-cancelled{text-decoration:line-through;opacity:.7;}
  .cal-ev.blocked{border-left-color:#9a948e;background:repeating-linear-gradient(45deg,#f1eeeb,#f1eeeb 6px,#e6e2de 6px,#e6e2de 12px);color:var(--sub);}
  .cal-mcell .cal-ev,.cal-agenda .cal-ev{position:static;margin-top:3px;}
  .cal-month{overflow-x:auto;} .cal-mhead,.cal-mgrid{display:grid;grid-template-columns:repeat(7,minmax(96px,1fr));gap:4px;min-width:700px;}
  .cal-mhead div{font-size:var(--fs-2xs);font-weight:800;color:var(--sub);text-transform:uppercase;padding:4px;}
  .cal-mcell{min-height:104px;border:1px solid var(--line);border-radius:8px;padding:4px;background:#fff;cursor:pointer;}
  .cal-mcell.other{background:#f7f5f3;color:var(--sub-dim);} .cal-mcell.today{border-color:var(--red);}
  .cal-mday{font-weight:800;font-size:var(--fs-xs);} .cal-more{font-size:10px;color:var(--sub);margin-top:2px;}
  .cal-agenda{display:flex;flex-direction:column;gap:8px;} .cal-ag-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px;align-items:center;} .cal-ag-date{font-weight:700;font-size:var(--fs-sm);} .cal-ag-date .muted{font-weight:400;font-size:var(--fs-xs);}
  .cal-agenda .cal-ev{padding:8px 10px;font-size:var(--fs-sm);} .cal-agenda .cal-ev span{font-size:var(--fs-xs);}
  .cal-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:var(--fs-2xs);color:var(--sub);margin-top:10px;align-items:center;}
  .cal-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px;vertical-align:middle;} .cal-legend i.hatch{background:repeating-linear-gradient(45deg,#ddd,#ddd 3px,#bbb 3px,#bbb 6px);}
  .cal-pf-when{background:var(--bg);border-radius:10px;padding:10px 12px;margin-bottom:12px;font-size:var(--fs-sm);}
  .cal-pf-h{font-weight:800;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--sub);margin:14px 0 6px;}
  .cal-pf{border:1px solid var(--line);border-radius:10px;overflow:hidden;}
  .cal-pf-row{display:grid;grid-template-columns:140px minmax(0,1fr);gap:10px;padding:8px 12px;border-bottom:1px solid var(--line);font-size:var(--fs-sm);} .cal-pf-row:last-child{border-bottom:0;} .cal-pf-row > span{color:var(--sub);font-weight:600;} .cal-pf-row > div{word-break:break-word;}
  .bot-fl{display:flex;flex-direction:column;gap:6px;margin-top:8px;} .bot-fl .btn{justify-content:center;}
  @media (max-width:600px){ .cal-ag-row{grid-template-columns:1fr;} .cal-pf-row{grid-template-columns:1fr;gap:2px;} .cal-week.day .cal-wbody,.cal-week.day .cal-whead{min-width:0;} }
  /* ===== Notification centre ===== */
  .nc-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px;}
  .nc-filters button{font:inherit;font-size:var(--fs-xs);font-weight:700;padding:7px 12px;border-radius:999px;border:1px solid var(--line-strong);background:#fff;cursor:pointer;color:var(--ink);min-height:34px;}
  .nc-filters button.active{background:var(--ink);color:#fff;border-color:var(--ink);}
  .nc-filters button b{color:var(--red);margin-left:2px;} .nc-filters button.active b{color:#ffb4ab;}
  .nc-filters.mini{padding:6px 10px 8px;margin:0;border-bottom:1px solid var(--line);} .nc-filters.mini button{font-size:var(--fs-2xs);padding:4px 8px;min-height:28px;}
  .nc-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px;} .nc-bar input[type=search]{flex:1 1 220px;} .nc-bar label{display:flex;gap:6px;align-items:center;margin:0;font-weight:600;font-size:var(--fs-sm);}
  .nc-group{margin-bottom:14px;} .nc-gh{font-weight:800;font-size:var(--fs-sm);margin:0 0 6px;}
  .nc-card{padding:0;overflow:hidden;}
  .nc-item{display:flex;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line);align-items:flex-start;} .nc-item:last-child{border-bottom:0;}
  .nc-item.unread{background:#fff7f6;}
  .nc-ic{width:36px;height:36px;border-radius:10px;background:var(--bg-2);display:flex;align-items:center;justify-content:center;font-size:18px;flex:none;}
  .nc-main{flex:1;min-width:0;cursor:pointer;} .nc-title{font-weight:700;font-size:var(--fs-sm);} .nc-body{font-size:var(--fs-sm);color:var(--sub);margin-top:2px;line-height:1.5;} .nc-meta{font-size:var(--fs-2xs);color:var(--sub-dim);margin-top:4px;}
  .nc-tools{display:flex;gap:4px;flex:none;}
  .notif-all{display:block;text-align:center;padding:10px;font-weight:700;font-size:var(--fs-sm);border-top:1px solid var(--line);}
  @media (max-width:600px){ .nc-tools{flex-direction:column;} }
  .drawer-body.cal-drawer-body{display:block !important;padding:16px;overflow:auto;}
  .cal-drawer-body textarea,.cal-drawer-body input{width:100%;}
  .cal-drawer-body .bot-transcript .bot-msg{max-width:100%;}
  .cal-ev{background:#fdeceb;} .cal-ev.st-completed{background:#e6f4ed;} .cal-ev.st-no_show{background:#fbf1dc;} .cal-ev.st-cancelled{background:#f1eeeb;}
  .bot-fl-more{font-size:var(--fs-2xs);color:var(--sub);text-align:center;margin-top:4px;}
  /* ===== Freelancer policy ===== */
  .pol-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:18px;align-items:start;margin-top:12px;}
  .pol-step{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;}
  .pol-rail{display:flex;flex-direction:column;align-items:center;}
  .pol-num{width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;flex:none;}
  .pol-line{flex:1;width:3px;background:linear-gradient(var(--line-strong),var(--line-strong));margin:4px 0;min-height:16px;border-radius:2px;}
  .pol-card{margin:0 0 12px;}
  .pol-title{font-weight:800;margin-bottom:4px;}
  .pol-who{text-align:center;background:var(--bg);border-radius:10px;padding:6px 10px;flex:none;min-width:84px;}
  .pol-who span{display:block;font-size:var(--fs-2xs);color:var(--sub);text-transform:uppercase;font-weight:700;letter-spacing:.04em;} .pol-who b{display:block;font-size:var(--fs-lg);} .pol-who small{font-size:var(--fs-2xs);color:var(--sub);}
  .pol-fields{margin-top:10px;display:flex;flex-direction:column;gap:6px;}
  .pol-f{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 10px;border-radius:8px;background:var(--bg);font-size:var(--fs-sm);}
  .pol-f > span{color:var(--sub);} .pol-f > b{white-space:nowrap;}
  .pol-f.edit{background:#fff;border:1px solid var(--line);flex-wrap:wrap;} .pol-f.edit label{margin:0;font-weight:600;flex:1 1 200px;}
  .pol-in{display:flex;gap:6px;align-items:center;} .pol-in input{width:140px;} .pol-in input[type=number]{width:110px;} .pol-in span{font-size:var(--fs-xs);color:var(--sub);min-width:40px;}
  .pol-side .card{margin:0 0 14px;}
  .pol-tl{display:flex;flex-direction:column;gap:10px;margin-top:8px;}
  .pol-tl-row{display:grid;grid-template-columns:96px minmax(0,1fr) 70px;gap:8px;align-items:center;font-size:var(--fs-sm);}
  .pol-tl-row b{text-align:right;font-size:var(--fs-xs);}
  .pol-tl-track{position:relative;height:10px;background:#e8f3ec;border-radius:999px;}
  .pol-tl-wait{position:absolute;left:0;top:0;bottom:0;background:repeating-linear-gradient(45deg,#e6e2de,#e6e2de 4px,#d8d3ce 4px,#d8d3ce 8px);border-radius:999px;}
  .pol-tl-dot{position:absolute;top:-3px;width:16px;height:16px;border-radius:50%;background:var(--green,#2f9e6b);transform:translateX(-50%);box-shadow:0 0 0 3px #fff;}
  .pol-h{border-bottom:1px solid var(--line);padding:8px 0;font-size:var(--fs-sm);} .pol-h summary{cursor:pointer;} .pol-h ul{margin:6px 0;padding-left:18px;font-size:var(--fs-xs);line-height:1.6;}
  .pol-changes{margin:0;padding-left:18px;font-size:var(--fs-sm);line-height:1.7;max-height:220px;overflow:auto;}
  @media (max-width:1000px){ .pol-grid{grid-template-columns:1fr;} }
  @media (max-width:600px){ .pol-step{grid-template-columns:30px minmax(0,1fr);gap:8px;} .pol-num{width:28px;height:28px;font-size:var(--fs-xs);} .pol-card > .row{flex-direction:column;} .pol-f{flex-direction:column;align-items:flex-start;} .pol-f > b{white-space:normal;} .pol-tl-row{grid-template-columns:80px minmax(0,1fr) 62px;} }
  @media (max-width:600px){ .pol-f.edit label{flex:none;} .pol-in{width:100%;} .pol-in input,.pol-in input[type=number]{flex:1;width:auto;min-width:0;} }

/* ---- v26: chat language, pre-chat details, live chat (widget + console), roles & access ---- */
.bot-lang{display:flex;background:rgba(255,255,255,.12);border-radius:999px;padding:2px;flex:none;}
.bot-lang button{border:0;background:none;color:#fff;font:inherit;font-size:11px;font-weight:800;padding:5px 8px;border-radius:999px;cursor:pointer;min-height:28px;opacity:.75;}
.bot-lang button.on{background:#fff;color:var(--ink);opacity:1;}
.bot-live{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 14px;font-size:var(--fs-xs);background:#fff8e6;border-bottom:1px solid #f1dfb0;color:#7a5600;}
.bot-live.active{background:#eaf7f0;border-color:#bfe3cf;color:#1f6b46;}
.bot-sys{align-self:center;font-size:var(--fs-2xs);color:var(--sub);background:#efebe8;border-radius:999px;padding:4px 10px;text-align:center;max-width:92%;}
.bot-msg.agent{background:#eef4ff;border-color:#cfdcf5;}
.bot-msg.agent.me{background:#2a5bd7;color:#fff;border-color:transparent;}
.bot-who{font-size:var(--fs-2xs);font-weight:800;opacity:.75;margin-bottom:2px;}
.bot-prof{background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px 10px;font-size:var(--fs-xs);}
.bot-prof summary{cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bot-prof-b{display:flex;flex-direction:column;gap:6px;margin-top:6px;font-size:var(--fs-xs);line-height:1.5;word-break:break-word;}
.bot-prof-b span{display:block;font-size:var(--fs-2xs);color:var(--sub);font-weight:700;}
.bot-prof-b .btn{align-self:flex-start;}
.bot-pre label{font-weight:700;font-size:var(--fs-xs);margin:2px 0 -4px;}
.bot-pre textarea{font-size:16px;resize:vertical;}
.bot-aud{display:grid;grid-template-columns:1fr 1fr;gap:6px;}
.bot-aud button{border:1.5px solid var(--line-strong);background:#fff;border-radius:10px;padding:9px 6px;font:inherit;font-size:var(--fs-xs);font-weight:700;cursor:pointer;color:var(--ink);line-height:1.3;min-height:44px;}
.bot-aud button.on{border-color:var(--red);background:#fff4f2;color:var(--red-deep);}
.bot-chips button.hot{background:var(--red,#e5352b);color:#fff;}
.lms-chips .warn{background:var(--amber-bg);color:var(--amber);}
/* live chat console */
.lc-ctl{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.lc-ctl select{width:auto;min-width:0;}
.lc-mtabs{display:none;margin-bottom:10px;}
.lc-wrap{display:grid;grid-template-columns:320px minmax(0,1fr);gap:14px;align-items:start;}
.lc-queue{display:flex;flex-direction:column;gap:10px;position:sticky;top:12px;max-height:calc(100vh - 140px);overflow:auto;}
.lc-sec{background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px;}
.lc-sec summary{cursor:pointer;font-weight:800;font-size:var(--fs-sm);padding:4px 6px;display:flex;align-items:center;gap:6px;list-style:none;}
.lc-sec summary::-webkit-details-marker{display:none;}
.lc-count{margin-left:auto;background:var(--bg-2);border-radius:999px;padding:1px 8px;font-size:var(--fs-2xs);}
.lc-count.hot{background:var(--red);color:#fff;animation:lcPulse 1.4s infinite;}
@keyframes lcPulse{50%{opacity:.6;}}
.lc-empty{font-size:var(--fs-xs);color:var(--sub);padding:6px;}
.lc-item{border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin-top:6px;cursor:pointer;background:#fff;}
.lc-item:hover,.lc-item.open{border-color:var(--ink);}
.lc-item.late{border-color:var(--red);background:#fff6f5;}
.lc-item-top{display:flex;gap:6px;align-items:center;font-size:var(--fs-sm);}
.lc-since{margin-left:auto;font-size:var(--fs-2xs);color:var(--sub);font-variant-numeric:tabular-nums;white-space:nowrap;}
.lc-item-sub{font-size:var(--fs-2xs);color:var(--sub);margin-top:2px;}
.lc-item-last{font-size:var(--fs-xs);margin-top:4px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.lc-item-act{display:flex;justify-content:flex-end;gap:6px;align-items:center;margin-top:6px;}
.lc-item-act:empty{display:none;}
.lc-unread{background:#2a5bd7;color:#fff;border-radius:999px;font-size:var(--fs-2xs);padding:1px 8px;font-weight:800;margin-right:auto;}
.lc-wins{display:grid;gap:12px;grid-template-columns:1fr;}
.lc-wins.n2,.lc-wins.n3,.lc-wins.n4{grid-template-columns:repeat(2,minmax(0,1fr));}
.lc-win{display:flex;flex-direction:column;padding:0;overflow:hidden;height:min(640px, calc(100vh - 170px));min-height:420px;}
.lc-wins.n3 .lc-win,.lc-wins.n4 .lc-win{height:min(520px, calc(50vh - 40px));min-height:380px;}
.lc-win.mine{border-color:#2a5bd7;}
.lc-win-h{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;padding:10px 12px;border-bottom:1px solid var(--line);}
.lc-win-st{font-size:var(--fs-2xs);color:var(--sub);}
.lc-prof{display:flex;flex-wrap:wrap;gap:4px 6px;padding:8px 12px;border-bottom:1px solid var(--line);background:#fbfaf9;font-size:var(--fs-2xs);}
.lc-prof span,.lc-prof a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:2px 8px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;}
.lc-req{flex-basis:100%;font-size:var(--fs-xs);line-height:1.45;margin-top:2px;word-break:break-word;}
.lc-src{flex-basis:100%;color:var(--sub);}
.lc-tr{flex:1;overflow:auto;padding:10px 12px;display:flex;flex-direction:column;gap:6px;background:#f7f4f2;}
.lc-tr .bot-msg{max-width:88%;}
.lc-tr .bot-msg.visitor{align-self:flex-start;}
.lc-tr .bot-msg.botm{align-self:flex-end;background:#f1eeeb;}
.lc-tr .bot-msg.agent.me{align-self:flex-end;}
.lc-t{font-size:10px;opacity:.6;margin-top:2px;text-align:right;}
.lc-reply{border-top:1px solid var(--line);padding:8px;background:#fff;}
.lc-reply textarea{font-size:16px;resize:none;width:100%;}
.lc-reply-bar{display:flex;gap:6px;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:8px;border-top:1px solid var(--line);background:#fff;}
.lc-reply .lc-reply-bar{border:0;padding:6px 0 0;}
.lc-reply-bar select{width:auto;flex:1 1 130px;min-width:0;font-size:var(--fs-xs);padding:6px 8px;}
.lc-none{min-height:260px;display:flex;align-items:center;justify-content:center;}
.lc-set{display:flex;flex-direction:column;gap:6px;max-height:65vh;overflow:auto;padding-right:4px;}
.lc-opt{display:flex;gap:8px;align-items:center;font-weight:500;font-size:var(--fs-sm);}
.lc-opt input{width:auto;}
.lc-sounds{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px;}
.lc-snd{display:flex;gap:6px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:6px 8px;font-weight:600;font-size:var(--fs-xs);}
.lc-snd input{width:auto;}
.lc-snd .btn{margin-left:auto;}
@media (max-width:900px){
  .lc-mtabs{display:inline-flex;}
  .lc-wrap{grid-template-columns:1fr;}
  .lc-wrap.m-queue .lc-wins{display:none;}
  .lc-wrap.m-chats .lc-queue{display:none;}
  .lc-queue{position:static;max-height:none;}
  .lc-wins.n2,.lc-wins.n3,.lc-wins.n4{grid-template-columns:1fr;}
  .lc-win,.lc-wins.n3 .lc-win,.lc-wins.n4 .lc-win{height:calc(100vh - 200px);min-height:420px;}
}
/* roles & access */
.role-sec-h{font-weight:800;font-size:var(--fs-sm);margin:6px 0 8px;color:var(--sub);text-transform:uppercase;letter-spacing:.04em;}
.role-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin-bottom:18px;}
.role-card{display:flex;flex-direction:column;gap:8px;margin:0;}
.role-name{font-weight:800;font-size:var(--fs-md, 16px);}
.role-keys{display:flex;flex-wrap:wrap;gap:4px;}
.role-keys span{font-size:var(--fs-2xs);background:var(--bg-2);border-radius:999px;padding:2px 8px;}
.role-acts{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;}
.role-check{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;max-height:52vh;overflow:auto;padding-right:4px;}
.role-check fieldset{border:1px solid var(--line);border-radius:12px;padding:8px 10px;margin:0;min-width:0;}
.role-check legend{font-weight:800;font-size:var(--fs-xs);padding:0 4px;display:flex;gap:4px;align-items:center;}
.role-check label{display:flex;gap:8px;align-items:flex-start;font-weight:500;font-size:var(--fs-sm);padding:4px 0;}
.role-check label input{width:auto;margin-top:3px;flex:none;}
.role-check label small{display:block;font-size:var(--fs-2xs);color:var(--sub);}
.role-check label.sens small{color:var(--amber);}
.role-people{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow:auto;}
.role-person{border:1px solid var(--line);border-radius:10px;padding:8px 10px;}
/* ---- v27: landing page languages ---- */
.pb-langbar{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:8px 16px;background:#faf8f6;border-bottom:1px solid var(--line);font-size:var(--fs-xs);flex-wrap:wrap;}
.pb-langbar > div{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end;}
.pb-langbar button{font:inherit;font-size:var(--fs-xs);font-weight:700;border:1px solid var(--line-strong);background:#fff;color:var(--ink);border-radius:999px;padding:6px 12px;cursor:pointer;min-height:34px;}
.pb-langbar button.on{background:var(--ink);color:#fff;border-color:var(--ink);}
/* Arabic pages: each text runs in its own direction, so untranslated English stays readable. */
.pb-lang-ar :is(h1,h2,h3,p,summary,label,li,.pb-stat-v,.pb-stat-l,.pb-card-t,.pb-card-x,.pb-caption,.pb-logos-h,.pb-hint,.pb-form-done div){unicode-bidi:plaintext;}
.pb-lang-ar .pb-page :is(h1,h2,h3,p,label,.pb-card-t,.pb-card-x):not(.pb-center *):not(.pb-center){text-align:start;}
.pb-langs-badge{font-size:var(--fs-2xs);color:var(--sub);margin-top:6px;}
.pb-lang-panel{display:flex;flex-direction:column;gap:6px;}
.pb-lang-auto{display:flex;gap:8px;align-items:flex-start;font-weight:500;font-size:var(--fs-sm);}
.pb-lang-auto input{width:auto;margin-top:3px;}
.pb-lang-rows{display:flex;flex-direction:column;gap:8px;margin-top:6px;}
.pb-lang-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px 12px;}
.pb-lang-row.on{border-color:var(--line-strong);background:#fff;}
.pb-lang-n{font-size:var(--fs-sm);min-width:0;}
.pb-lang-n span{display:block;font-size:var(--fs-2xs);color:var(--sub);}
.pb-lang-n span[lang]{display:inline;font-size:var(--fs-xs);margin-left:4px;}
.pb-lang-prog,.pb-lang-acts{grid-column:1 / -1;}
.pb-lang-prog{font-size:var(--fs-2xs);color:var(--sub);}
.pb-lang-bar{height:6px;background:var(--bg-2);border-radius:999px;overflow:hidden;margin-bottom:4px;}
.pb-lang-bar i{display:block;height:100%;background:#2f9e6b;border-radius:999px;}
.pb-lang-acts{display:flex;gap:6px;flex-wrap:wrap;}
.warn{color:var(--amber);}
.pb-lang-tools{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0;}
.pb-lang-g{border-top:1px solid var(--line);padding-top:8px;margin-top:4px;}
.pb-lang-gh{font-weight:800;font-size:var(--fs-xs);margin-bottom:6px;}
.pb-lang-item{margin-bottom:10px;}
.pb-lang-item label{font-size:var(--fs-2xs);font-weight:700;color:var(--sub);}
.pb-lang-item.stale input,.pb-lang-item.stale textarea{border-color:var(--amber);}
.pb-lang-src{font-size:var(--fs-xs);background:#f7f4f2;border-radius:8px;padding:6px 8px;margin:3px 0;white-space:pre-wrap;word-break:break-word;}
.pb-lang-item input,.pb-lang-item textarea{font-size:16px;}
.pb-prev-lang{width:auto;font-size:var(--fs-xs);padding:6px 8px;}
/* ---- v28: centred call-outs, role ticker, category buttons & landing pages, marketplace, freelancer profiles ---- */
.mkt-center{text-align:center;}
.mkt-center h2,.mkt-center .mkt-sub,.mkt-center .mkt-kicker{margin-left:auto;margin-right:auto;text-align:center;}
.mkt-cat-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;}
.mkt-cat-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border:1px solid var(--line-strong);border-radius:999px;background:#fff;color:var(--ink);font-weight:700;font-size:var(--fs-sm);text-decoration:none;min-height:46px;transition:border-color .15s, transform .15s;}
.mkt-cat-btn:hover{border-color:var(--red);transform:translateY(-1px);}
.mkt-cat-btn em{font-style:normal;font-size:var(--fs-2xs);background:var(--red);color:#fff;border-radius:999px;padding:2px 8px;}
.mkt-cat-pill{display:inline-flex;gap:6px;align-items:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:999px;padding:6px 14px;font-weight:700;font-size:var(--fs-sm);}
.mkt-steps-6{grid-template-columns:repeat(3,1fr);}
@media (max-width:900px){ .mkt-steps-6{grid-template-columns:1fr 1fr;} }
@media (max-width:640px){ .mkt-steps-6{grid-template-columns:1fr;} }
.mkt-cat-open{display:flex;flex-direction:column;}
.mkt-cat-open a{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 14px;border-top:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:var(--fs-sm);}
.mkt-cat-open a span{color:var(--sub);font-size:var(--fs-xs);}
.rb-list{display:flex;flex-direction:column;gap:6px;margin-top:10px;}
.rb-row{display:grid;grid-template-columns:28px 56px minmax(120px,200px) 1fr;gap:6px;align-items:center;}
.rb-row input{padding:6px 8px;font-size:var(--fs-sm);}
.rb-on input{width:auto;}
@media (max-width:640px){ .rb-row{grid-template-columns:28px 56px 1fr;} .rb-roles{grid-column:1 / -1;} }
/* marketplace */
.mp-cat{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-2xs);font-weight:800;background:#fff2f0;color:var(--red-deep);border:1px solid #f6c9c3;border-radius:999px;padding:2px 10px;white-space:nowrap;}
.mp-flow{font-size:var(--fs-xs);color:var(--sub);background:var(--bg-2);border-radius:10px;padding:8px 10px;margin-top:6px;line-height:1.5;}
.mp-internal{font-size:var(--fs-2xs);font-weight:700;color:var(--amber);margin-left:6px;}
.mp-tl-ed{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:4px 10px;border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:10px;}
.mp-tl-h{grid-column:1 / -1;font-weight:800;font-size:var(--fs-sm);}
.mp-tl-h span{font-weight:400;font-size:var(--fs-xs);}
.mp-show{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:var(--fs-sm);margin-bottom:12px;}
.mp-show label{display:flex;gap:6px;align-items:center;font-weight:500;}
.mp-show input{width:auto;}
.mp-review-req{margin-top:10px;font-size:var(--fs-sm);}
.mp-review-req div{color:var(--sub);margin-top:2px;}
.mp-skills{margin:10px 0;}
.mp-skill-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;}
.mp-skill-list label{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line-strong);border-radius:999px;padding:6px 12px;font-weight:600;font-size:var(--fs-xs);cursor:pointer;min-height:36px;}
.mp-skill-list label.on{border-color:var(--red);background:#fff4f2;color:var(--red-deep);}
.mp-skill-list input{width:auto;}
.mp-cats{margin:6px 0 12px;}
.mp-rec-link{margin-left:auto;font-size:var(--fs-xs);font-weight:700;align-self:center;}
.mp-sec{margin-bottom:18px;}
.mp-sec-h{font-weight:800;margin-bottom:8px;}
.mp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;}
.mp-card{cursor:pointer;margin:0;display:flex;flex-direction:column;gap:4px;}
.mp-card:hover{border-color:var(--ink);}
.mp-card h3{margin:6px 0 0;font-size:var(--fs-md, 16px);}
.mp-money{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;}
.mp-money div{background:var(--bg-2);border-radius:10px;padding:6px 10px;display:flex;flex-direction:column;}
.mp-money span{font-size:var(--fs-2xs);color:var(--sub);}
.mp-money b{font-size:var(--fs-sm);}
.mp-money.big b{font-size:var(--fs-lg);}
.mp-mine{display:flex;flex-direction:column;gap:10px;}
.mp-mine-row{display:grid;grid-template-columns:minmax(0,260px) 1fr;gap:12px;align-items:center;cursor:pointer;margin:0;}
@media (max-width:760px){ .mp-mine-row{grid-template-columns:1fr;} }
.mp-steps{display:flex;flex-wrap:wrap;gap:4px;list-style:none;padding:0;margin:8px 0;}
.mp-steps li{display:flex;align-items:center;gap:4px;font-size:var(--fs-2xs);color:var(--sub);background:#f4f1ee;border-radius:999px;padding:3px 8px;}
.mp-steps li.done{background:#e8f5ee;color:#1f6b46;}
.mp-steps li.now{background:var(--ink);color:#fff;font-weight:700;}
.mp-end{font-weight:700;font-size:var(--fs-sm);margin:8px 0;}
.mp-detail{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;margin-top:10px;align-items:start;}
.mp-main{display:flex;flex-direction:column;gap:12px;}
.mp-main .card{margin:0;}
.mp-side{position:sticky;top:12px;display:flex;flex-direction:column;gap:12px;}
.mp-side .card{margin:0;}
@media (max-width:900px){ .mp-detail{grid-template-columns:1fr;} .mp-side{position:static;} }
.mp-h1{font-size:var(--fs-xl);margin:8px 0 4px;}
.mp-sh{font-size:var(--fs-md, 16px);margin:16px 0 6px;}
.mp-text{line-height:1.65;}
.mp-req{margin:0;padding-left:20px;line-height:1.7;}
.mp-tl{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;}
.mp-tl div{border-left:3px solid var(--red);padding:2px 0 2px 10px;display:flex;flex-direction:column;}
.mp-tl div.past{border-color:var(--line-strong);opacity:.7;}
.mp-tl span{font-size:var(--fs-2xs);color:var(--sub);}
.mp-tl b{font-size:var(--fs-sm);}
.mp-tl em{font-style:normal;color:var(--amber);font-size:var(--fs-2xs);}
.mp-tl.small{margin:6px 0 12px;}
.mp-how{margin:0;padding-left:20px;line-height:1.8;font-size:var(--fs-sm);}
.mp-bid .field{margin-bottom:8px;}
.mp-note{background:var(--bg-2);border-radius:10px;padding:8px 10px;font-size:var(--fs-sm);margin:8px 0;line-height:1.5;}
.mp-note.late{background:#fff1f0;color:var(--red-deep);}
.mp-ext{margin-top:8px;font-size:var(--fs-sm);}
.mp-ext summary{cursor:pointer;font-weight:700;}
.mp-log{margin-top:10px;font-size:var(--fs-xs);}
.mp-log summary{cursor:pointer;font-weight:700;}
.mp-log div{padding:4px 0;border-top:1px solid var(--line);}
.mp-log span{color:var(--sub);margin-right:6px;}
.mp-board{display:grid;grid-template-columns:repeat(6,minmax(200px,1fr));gap:10px;overflow-x:auto;padding-bottom:6px;}
.mp-col{background:#f7f4f2;border-radius:12px;padding:8px;min-height:120px;}
.mp-col-h{font-weight:800;font-size:var(--fs-xs);display:flex;justify-content:space-between;margin-bottom:6px;}
.mp-col-h span{background:#fff;border-radius:999px;padding:0 8px;}
.mp-bidcard{background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin-bottom:6px;cursor:pointer;}
.mp-bidcard:hover{border-color:var(--ink);}
.mp-bidcard.late{border-color:var(--red);}
.mp-flag{font-size:var(--fs-2xs);font-weight:700;color:var(--amber);margin-top:4px;}
.mp-flag.red{color:var(--red-deep);}
@media (max-width:900px){ .mp-board{grid-template-columns:1fr;overflow:visible;} }
.mp-drawer{display:flex;flex-direction:column;gap:10px;padding:14px;}
.mp-proof{border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:var(--fs-sm);display:flex;flex-direction:column;gap:4px;word-break:break-word;}
.mp-acts{display:flex;gap:6px;flex-wrap:wrap;}
.mp-invlist{max-height:240px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:6px;display:flex;flex-direction:column;gap:2px;}
.mp-invlist label{display:flex;gap:6px;align-items:center;font-weight:500;font-size:var(--fs-sm);}
.mp-invlist input{width:auto;}
.mp-fin{margin:14px 0;}
.mp-fin-h{font-weight:800;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--sub);margin-bottom:6px;}
.mp-fin-row{display:flex;justify-content:space-between;gap:8px;align-items:center;border-top:1px solid var(--line);padding:8px 0;flex-wrap:wrap;}
.mp-fin-act{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:var(--fs-sm);font-weight:700;}
/* freelancer profiles */
.fr-bar{display:flex;gap:8px;flex-wrap:wrap;}
.fr-bar input{flex:1 1 240px;}
.fr-bar select{width:auto;flex:0 1 220px;}
.fr-list{display:flex;flex-direction:column;gap:8px;}
.fr-row{display:flex;gap:12px;align-items:center;margin:0;color:var(--ink);text-decoration:none;}
.fr-row:hover{border-color:var(--ink);}
.fr-av{width:44px;height:44px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;flex:none;overflow:hidden;}
.fr-av img{width:100%;height:100%;object-fit:cover;}
.fr-av.big{width:76px;height:76px;font-size:28px;}
.fr-skills{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;}
.fr-skills span{font-size:var(--fs-2xs);background:var(--bg-2);border-radius:999px;padding:2px 8px;}
.fr-nums{display:flex;gap:10px;flex:none;}
.fr-nums div{display:flex;flex-direction:column;align-items:center;min-width:44px;}
.fr-nums b{font-size:var(--fs-md, 16px);}
.fr-nums span{font-size:var(--fs-2xs);color:var(--sub);}
.fr-nums .bad b{color:var(--red);}
@media (max-width:600px){ .fr-row{flex-wrap:wrap;} .fr-nums{width:100%;justify-content:space-around;} }
.fr-head{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap;margin:10px 0 14px;}
.fr-contact{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:6px;font-size:var(--fs-sm);}
.fr-head-acts{display:flex;flex-direction:column;gap:6px;flex:none;}
.fr-head-acts select{width:auto;max-width:260px;}
@media (max-width:640px){ .fr-head-acts{width:100%;} .fr-head-acts select{max-width:none;width:100%;} }
.fr-note{margin-bottom:12px;}
.fr-log{display:flex;flex-direction:column;}
.fr-ev{display:flex;gap:10px;padding:10px 0;border-top:1px solid var(--line);}
.fr-ev-ic{width:30px;height:30px;border-radius:50%;background:var(--bg-2);display:flex;align-items:center;justify-content:center;flex:none;}
.fr-ev-h{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:var(--fs-sm);}
.fr-ev-h span{font-size:var(--fs-2xs);color:var(--sub);}
.fr-ev-t{font-size:var(--fs-sm);line-height:1.55;white-space:pre-wrap;word-break:break-word;}
.pb-langbar.foot{justify-content:center;border-bottom:0;border-top:1px solid var(--line);padding:14px 16px;}
.tier-chip{display:inline-block;font-size:var(--fs-2xs);font-weight:800;background:#f6efe2;color:#7a5600;border:1px solid #ead9b3;border-radius:999px;padding:1px 8px;vertical-align:middle;letter-spacing:0;}
/* v29: category buttons under the top bar */
.mkt-cat-strip{background:#faf8f6;border-bottom:1px solid var(--line);}
.mkt-cat-strip-in{display:flex;gap:8px;overflow-x:auto;padding:10px 16px;max-width:1240px;margin:0 auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch;}
@media (min-width:1100px){ .mkt-cat-strip-in{flex-wrap:wrap;justify-content:center;overflow:visible;} }
.mkt-cat-strip .mkt-cat-btn{flex:none;padding:8px 14px;min-height:40px;font-size:var(--fs-xs);}
.mkt-cat-btn.on{background:var(--ink);color:#fff;border-color:var(--ink);}
.su-skills{display:grid;grid-template-columns:1fr 1fr;gap:6px;}
.su-skills label{display:flex;gap:8px;align-items:center;border:1px solid var(--line-strong);border-radius:10px;padding:8px 10px;font-weight:600;font-size:var(--fs-xs);cursor:pointer;min-height:42px;margin:0;}
.su-skills label.on{border-color:var(--red);background:#fff4f2;color:var(--red-deep);}
.su-skills input{width:auto;flex:none;}
@media (max-width:420px){ .su-skills{grid-template-columns:1fr;} }
/* ---- v31: candidate profile, PDF viewer, Master CV search, applicant review, sidebar groups, tier metals, earnings tracker ---- */
.pdfv{border:1px solid var(--line);border-radius:10px;background:#525659;min-height:120px;overflow:hidden;}
.pdfv-bar{display:flex;gap:8px;align-items:center;justify-content:flex-end;padding:6px 10px;background:#3c3f41;color:#fff;font-size:var(--fs-xs);}
.pdfv-bar span{margin-right:auto;}
.pdfv-bar .btn{background:#fff;min-height:28px;padding:2px 10px;}
.pdfv-pages{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px;max-height:80vh;overflow:auto;}
.pdfv-page{max-width:none;box-shadow:0 2px 10px rgba(0,0,0,.35);background:#fff;}
.pdfv-loading{color:#fff;padding:24px;text-align:center;font-size:var(--fs-sm);}
.drawer.cp-drawer{width:min(760px,100vw);padding:0;display:flex;flex-direction:column;}
.cp-drawer .drawer-close{position:absolute;top:10px;right:10px;z-index:3;background:#fff;color:#1d1a19;}
.cp-host{overflow:auto;flex:1;}
.cp{background:#f3f2ef;min-height:100%;}
.cp-hero{background:#fff;border-bottom:1px solid var(--line);}
.cp-banner{height:84px;background:linear-gradient(120deg,#15110F,#7A1F1A 70%,#e5352b);}
.cp-hero-in{display:flex;gap:14px;align-items:flex-start;padding:0 20px 14px;flex-wrap:wrap;margin-top:-42px;}
.cp-av{width:96px;height:96px;border-radius:50%;border:4px solid #fff;background:#2b2523;color:#fff;font-weight:800;font-size:32px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:none;}
.cp-av img{width:100%;height:100%;object-fit:cover;}
.cp-av.sm{width:52px;height:52px;font-size:18px;border-width:0;}
.cp-who{flex:1;min-width:220px;padding-top:48px;}
.cp-hero-in > .cp-acts{padding-top:52px;}
@media (max-width:560px){.cp-who{padding-top:0;min-width:100%;}.cp-hero-in > .cp-acts{padding-top:0;}}
.cp-who h2{margin:0;font-size:var(--fs-xl);}
.cp-head{font-size:var(--fs-sm);margin-top:2px;}
.cp-meta{font-size:var(--fs-xs);color:var(--sub);margin-top:4px;line-height:1.8;}
.cp-src{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-2xs);font-weight:800;border-radius:999px;padding:1px 8px;background:#eef1f4;color:#334;}
.cp-src.linkedin{background:#e8f1fb;color:#0a66c2;}
.cp-src.cv_upload{background:#fff3e6;color:#9a4d00;}
.cp-demo{font-size:var(--fs-2xs);color:var(--amber);margin-top:4px;}
.cp-demo.ok{color:var(--green-deep);}
.cp-acts{display:flex;gap:6px;flex-wrap:wrap;}
.cp-nav{position:sticky;top:0;z-index:2;display:flex;gap:4px;overflow-x:auto;background:#fff;border-bottom:1px solid var(--line);padding:0 14px;}
.cp-nav a{padding:10px 10px;font-size:var(--fs-xs);font-weight:700;color:var(--sub);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent;}
.cp-nav a:hover{color:var(--ink);border-color:var(--ink);}
.cp-body{padding:12px;display:flex;flex-direction:column;gap:10px;}
.cp-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;scroll-margin-top:48px;}
.cp-card h3{margin:0 0 10px;font-size:var(--fs-md, 16px);}
.cp-sec{margin-top:10px;}
.cp-sec h4{margin:0 0 6px;font-size:var(--fs-sm);}
.cp-sec p{margin:0;line-height:1.6;font-size:var(--fs-sm);}
.cp-exp{padding:8px 0;border-top:1px solid var(--line);font-size:var(--fs-sm);line-height:1.5;}
.cp-exp:first-of-type{border-top:0;}
.cp-exp p{margin:4px 0 0;color:var(--sub);}
.cp-kv{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;font-size:var(--fs-sm);word-break:break-word;}
.cp-kv span{display:block;font-size:var(--fs-2xs);color:var(--sub);font-weight:700;}
.cp-chips{display:flex;flex-wrap:wrap;gap:6px;}
.cp-chips span,.cp-chips button{font:inherit;font-size:var(--fs-xs);background:#eef0f2;border:0;border-radius:999px;padding:4px 10px;color:var(--ink);}
.cp-chips button{cursor:pointer;}
.cp-chips.sm span{font-size:var(--fs-2xs);padding:2px 8px;}
.cp-li{font-size:var(--fs-sm);padding:2px 0;}
.cp-empty{font-size:var(--fs-sm);color:var(--sub);padding:6px 0;}
.cp-sub{border:1px solid var(--line);border-radius:10px;padding:10px;margin-bottom:8px;}
.cp-seen{font-size:var(--fs-2xs);font-weight:700;color:var(--green-deep);background:#eaf7f0;border-radius:999px;padding:2px 8px;}
.cp-seen.no{color:var(--sub);background:#f1eeeb;}
.cp-fb{font-size:var(--fs-sm);background:#fff8e6;border-radius:8px;padding:6px 8px;margin-top:6px;}
.cp-fb.bad{background:#fff1f0;color:var(--red-deep);}
.cp-reply{margin-top:4px;color:var(--ink);}
.cp-inline{display:flex;gap:6px;align-items:center;margin-top:6px;}
.cp-inline input,.cp-inline select,.cp-inline textarea{flex:1;min-width:0;font-size:16px;}
.cp-inline.wrap{flex-wrap:wrap;}
.cp-inline.wrap select,.cp-inline.wrap textarea{flex:1 1 100%;}
.cp-check{display:flex;gap:6px;align-items:center;font-weight:500;font-size:var(--fs-sm);margin:0;}
.cp-check input{width:auto;}
.cp-qual{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:4px 12px;align-items:end;margin-bottom:8px;}
.cp-qual .cp-wide{grid-column:1 / -1;}
.cp-stars button{border:0;background:none;font-size:22px;color:#8a817b;cursor:pointer;padding:0 2px;}
.cp-stars button.on{color:#b07d00;}
.cp-note{border-top:1px solid var(--line);padding:8px 0;font-size:var(--fs-sm);white-space:pre-wrap;}
.cp-cv-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:var(--fs-sm);}
.cp-page{margin-top:10px;border-radius:14px;overflow:hidden;border:1px solid var(--line);}
.ws-sub-flags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px;}
/* master CV */
.mcv-k{cursor:pointer;}
.mcv-dash{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0;}
.mcv-dash .card{margin:0;}
.mcv-bar{display:grid;grid-template-columns:minmax(80px,140px) 1fr 34px;gap:8px;align-items:center;font-size:var(--fs-xs);margin-top:6px;}
.mcv-bar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mcv-bar i{display:block;height:8px;border-radius:999px;background:linear-gradient(90deg,#7A1F1A,var(--red));}
.mcv-bar b{text-align:right;}
.mcv-search{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-bottom:10px;}
.mcv-search input{font-size:16px;}
.mcv-ai{display:flex;gap:6px;align-items:center;border:1px solid var(--line-strong);border-radius:12px;padding:2px 2px 2px 10px;background:#fff;}
.mcv-ai input{border:0;flex:1;min-width:0;padding:8px 4px;}
.mcv-rail-btn{display:none;}
.mcv-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:12px;align-items:start;}
.mcv-rail{position:sticky;top:12px;margin:0;display:flex;flex-direction:column;gap:8px;}
.mcv-f label{font-size:var(--fs-2xs);font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--sub);}
.mcv-f select,.mcv-f input{width:100%;margin-top:2px;}
.mcv-rh{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap;}
.mcv-rh label{display:flex;gap:6px;align-items:center;font-size:var(--fs-xs);font-weight:600;margin:0;}
.mcv-rh select{width:auto;}
.mcv-list{display:flex;flex-direction:column;gap:8px;}
.mcv-card{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer;}
.mcv-card:hover{border-color:var(--ink);box-shadow:var(--shadow-sm);}
.mcv-main{flex:1;min-width:0;}
.mcv-name{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:var(--fs-md, 16px);}
.mcv-head{font-size:var(--fs-sm);margin:2px 0;}
.mcv-meta{font-size:var(--fs-xs);color:var(--sub);line-height:1.8;margin-bottom:4px;}
.mcv-side{flex:none;display:flex;flex-direction:column;gap:2px;align-items:flex-end;font-size:var(--fs-2xs);text-align:right;}
.mcv-stars{color:#f0b400;}
.mcv-table tr:hover td{background:#faf8f6;}
.mcv-pager{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:12px;font-size:var(--fs-sm);}
@media (max-width:1000px){ .mcv-dash{grid-template-columns:1fr;} .mcv-search{grid-template-columns:1fr;} .mcv-rail-btn{display:inline-flex;justify-self:start;} .mcv-layout{grid-template-columns:1fr;} .mcv-rail{display:none;position:static;} .mcv-layout.rail-open .mcv-rail{display:flex;} }
@media (max-width:600px){ .mcv-card{flex-wrap:wrap;} .mcv-side{flex-direction:row;flex-wrap:wrap;gap:8px;align-items:center;width:100%;text-align:left;} }
/* applicant review */
.arv-new-pill{background:var(--red);color:#fff;border-radius:999px;padding:2px 10px;font-weight:800;font-size:var(--fs-2xs);}
.arv-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px;}
.arv-bar input[type=search]{flex:1 1 260px;font-size:16px;}
.arv-bar select{width:auto;flex:0 1 auto;max-width:220px;}
.arv-list{display:flex;flex-direction:column;gap:10px;}
.arv-card{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:14px;align-items:center;margin:0;}
.arv-card.is-new{border-left:4px solid var(--red);}
.arv-photo{width:64px;height:64px;border-radius:50%;border:0;padding:0;background:#2b2523;color:#fff;font-weight:800;font-size:24px;overflow:hidden;cursor:pointer;}
.arv-photo img{width:100%;height:100%;object-fit:cover;}
.arv-name{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:var(--fs-md, 16px);font-weight:800;}
.arv-name a{color:var(--ink);text-decoration:none;}
.arv-name a:hover{text-decoration:underline;}
.arv-new{background:var(--red);color:#fff;font-size:10px;font-weight:800;border-radius:999px;padding:2px 8px;letter-spacing:.06em;animation:lcPulse 1.6s infinite;}
.arv-sub{font-size:var(--fs-xs);color:var(--sub);margin:2px 0 6px;line-height:1.6;}
.arv-can{display:flex;gap:4px;flex-wrap:wrap;align-items:center;font-size:var(--fs-xs);}
.arv-links{display:flex;gap:12px;flex-wrap:wrap;font-size:var(--fs-xs);margin-top:6px;}
.arv-acts{display:flex;flex-direction:column;gap:6px;align-items:stretch;}
@media (max-width:760px){ .arv-card{grid-template-columns:52px minmax(0,1fr);} .arv-photo{width:52px;height:52px;font-size:20px;} .arv-acts{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;} }
.arv-dec{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;}
.arv-rej{margin-top:10px;display:flex;flex-direction:column;gap:6px;}
.arv-id{max-width:100%;border-radius:8px;border:1px solid var(--line);}
.arv-doc{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:var(--fs-sm);padding:6px 0;border-top:1px solid var(--line);flex-wrap:wrap;}
.arv-box{margin-top:10px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;}
.arv-box summary{cursor:pointer;font-weight:700;font-size:var(--fs-sm);}
.arv-box textarea{margin:6px 0;width:100%;}
.arv-kinds{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:4px;margin-top:8px;}
.su-skills small{color:var(--sub);font-weight:500;}
.mp-skill-list.ro span{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line-strong);border-radius:999px;padding:6px 12px;font-weight:600;font-size:var(--fs-xs);}
.mp-skill-list.ro span.on{border-color:var(--red);background:#fff4f2;color:var(--red-deep);}
/* sidebar groups */
.sidebar-grouped .sidebar-section{margin:12px 10px 4px;}
.sidebar-grouped .sidebar-section:first-child{margin-top:4px;}
.sidebar-sep{height:1px;background:var(--line);margin:8px 10px;opacity:.6;}
.sidebar.collapsed .sidebar-sep{margin:6px 8px;}
/* metallic tiers */
.tg{border:0 !important;font-weight:800;text-shadow:0 1px 0 rgba(255,255,255,.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.45), 0 1px 2px rgba(0,0,0,.15);}
.tg-bronze{background:linear-gradient(135deg,#7A4A1E 0%,#B8732F 28%,#E9A866 50%,#C27A35 68%,#8C5523 100%) !important;color:#fff !important;text-shadow:0 1px 1px rgba(0,0,0,.35);}
.tg-silver{background:linear-gradient(135deg,#7D8893 0%,#B8C2CC 28%,#F7F9FB 50%,#C3CCD5 68%,#8E9AA6 100%) !important;color:#1d2730 !important;}
.tg-gold{background:linear-gradient(135deg,#8A6A0C 0%,#D4A82A 28%,#FFF1A8 50%,#E2BA3C 68%,#9C7A12 100%) !important;color:#3b2c00 !important;}
.tg-platinum{background:linear-gradient(135deg,#4E5B6B 0%,#9FB0C6 28%,#F4F7FB 50%,#B9C6D8 68%,#5E6A7A 100%) !important;color:#1a2230 !important;}
.tier-step-head > span.tg{padding:3px 10px;border-radius:999px;}
/* earnings tracker */
.earn-policy{margin-top:12px;background:#fff8e6;border-color:#f1dfb0;font-size:var(--fs-sm);}
.earn-months{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px;}
.earn-months div{background:var(--bg-2);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;}
.earn-months div.pass{background:#eaf7f0;}
.earn-months span{font-size:var(--fs-2xs);color:var(--sub);font-weight:700;}
.earn-months b{font-size:var(--fs-lg);}
.earn-bars{display:flex;gap:6px;align-items:flex-end;overflow-x:auto;padding:6px 0 4px;min-height:110px;}
.earn-bars div{flex:1 0 56px;display:flex;flex-direction:column;align-items:center;gap:2px;}
.earn-bars i{display:block;width:70%;background:linear-gradient(180deg,var(--red),#7A1F1A);border-radius:6px 6px 2px 2px;}
.earn-bars b{font-size:var(--fs-2xs);}
.earn-bars span{font-size:10px;color:var(--sub);text-align:center;}
.earn-list{margin-top:10px;}
.earn-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.5fr) auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line);}
.earn-prog span{font-size:var(--fs-2xs);color:var(--sub);}
.earn-track{position:relative;height:8px;background:var(--line);border-radius:999px;overflow:hidden;margin-bottom:4px;}
.earn-track i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#c27a35,#2f9e6b);border-radius:999px;}
.earn-track em{position:absolute;top:0;bottom:0;width:2px;background:#fff;}
.earn-amt{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:var(--fs-sm);}
@media (max-width:640px){ .earn-row{grid-template-columns:1fr;} .earn-amt{flex-direction:row;justify-content:space-between;align-items:center;} .earn-months{grid-template-columns:repeat(2,1fr);} }

/* ===== v32 · Express Source AI ===== */
.es-logo{display:block;flex:none;border-radius:22%;}
.es-logo .es-spark{transform-origin:50px 14px;animation:esTwinkle 2.4s ease-in-out infinite;}
@keyframes esTwinkle{0%,100%{transform:scale(.75) rotate(0deg);opacity:.75}50%{transform:scale(1.15) rotate(45deg);opacity:1}}
.es-side{position:relative;overflow:hidden;}
.es-side .es-ic{display:inline-flex;}
.es-side .es-ic .es-logo{animation:esGlow 3s ease-in-out infinite;}
@keyframes esGlow{0%,100%{box-shadow:0 0 0 0 rgba(229,53,43,0)}50%{box-shadow:0 0 0 4px rgba(229,53,43,.22)}}
.es-lbl{font-weight:800;}
.es-word{background:linear-gradient(90deg,#15110F 0%,#7A1F1A 35%,#e5352b 50%,#7A1F1A 65%,#15110F 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:esShimmer 4s linear infinite;}
.sidebar-link.active .es-word{background:none;color:inherit;-webkit-background-clip:initial;background-clip:initial;}
@keyframes esShimmer{0%{background-position:120% 0}100%{background-position:-120% 0}}
.es-ai{display:inline-block;font-size:10px;font-weight:900;letter-spacing:.04em;color:#fff;background:linear-gradient(120deg,#7A1F1A,#e5352b);border-radius:6px;padding:1px 5px;vertical-align:middle;}
@media (prefers-reduced-motion:reduce){.es-logo .es-spark,.es-side .es-ic .es-logo,.es-word{animation:none;}.es-word{color:inherit;background:none;}}
.es-hero{display:flex;gap:22px;align-items:center;background:linear-gradient(120deg,#15110F,#3a1512 55%,#7A1F1A);color:#fff;border-radius:22px;padding:26px 28px;margin-bottom:14px;flex-wrap:wrap;}
.es-hero-logo .es-logo{box-shadow:0 0 0 6px rgba(255,255,255,.08);animation:esGlow 3s ease-in-out infinite;}
.es-hero-txt{flex:1;min-width:240px;}
.es-hero h1{margin:4px 0 6px;font-size:clamp(26px,4vw,36px);letter-spacing:-.02em;color:#fff;}
.es-hero h1 .es-ai{font-size:14px;padding:3px 8px;}
.es-hero p{margin:0 0 14px;color:#f1e6e3;max-width:640px;line-height:1.55;}
.es-kicker{font-size:var(--fs-2xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#FFD6AA;}
.es-cta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.es-hero .btn-ghost{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.35);}
.es-hero .btn-ghost:hover{background:rgba(255,255,255,.18);}
.es-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:14px;}
.es-card{margin:0;}
.es-card p{margin:6px 0 0;font-size:var(--fs-sm);color:var(--sub);line-height:1.55;}
.es-fi{width:40px;height:40px;border-radius:12px;background:#fdecea;display:grid;place-items:center;font-size:20px;margin-bottom:8px;}
.es-fi.es-in{background:#0a66c2;color:#fff;font-weight:900;font-size:16px;}
.es-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px;}
.es-two .card{margin:0;}
.es-h{margin:0 0 10px;font-size:var(--fs-lg, 18px);}
.es-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;}
.es-step{display:flex;gap:10px;align-items:flex-start;}
.es-step .muted{font-size:var(--fs-sm);line-height:1.5;}
.es-n{flex:none;width:26px;height:26px;border-radius:50%;background:#15110F;color:#fff;font-weight:800;font-size:var(--fs-xs);display:grid;place-items:center;}
.es-step code,.es-fine code{background:#f3eeeb;border-radius:6px;padding:1px 6px;font-size:.92em;}
.es-fine{font-size:var(--fs-xs);line-height:1.55;}
.es-rules ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:var(--fs-sm);line-height:1.55;}
.es-rules{border-left:4px solid var(--red);}
.es-conn-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.es-conn-row input[type=file]{max-width:100%;}
.es-conn-row .cp-check{flex:1;min-width:220px;}
.es-ok{background:#e8f5ee;color:#1f6b45;border-radius:10px;padding:8px 10px;font-size:var(--fs-sm);margin-top:8px;}
.es-bad{background:#fdecea;color:#9b1c1c;border-radius:10px;padding:8px 10px;margin-top:8px;}
.es-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.es-admin-grid section{display:flex;flex-direction:column;gap:8px;min-width:0;}
.es-admin-grid h4{margin:0;font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--sub);}
.es-admin-grid .field{margin:0;}
.es-switch{display:flex !important;gap:8px;align-items:center;font-weight:700;font-size:var(--fs-sm);cursor:pointer;margin:0;}
.es-switch input{width:18px !important;height:18px;margin:0;flex:none;}
.es-switch span{flex:1;}
.es-aud{display:flex;gap:14px;flex-wrap:wrap;}
.es-stat{font-size:var(--fs-xs);color:var(--sub);background:#faf7f5;border-radius:10px;padding:8px 10px;}
.es-two-f{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.es-banner{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:linear-gradient(120deg,#15110F,#7A1F1A 75%,#e5352b);color:#fff;border-radius:16px;padding:12px 14px;margin-bottom:12px;}
.es-banner-t{flex:1;min-width:200px;display:flex;flex-direction:column;font-size:var(--fs-sm);line-height:1.45;}
.es-banner-t span{color:#f1e6e3;}
.es-banner .btn-ghost{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.35);}
.es-banner-x{background:rgba(255,255,255,.14);border:0;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;flex:none;}
.li-av{background:#0a66c2 !important;}
.li-banner{background:linear-gradient(120deg,#0b2540,#0a66c2 70%,#3d8fd8) !important;}
.li-aif{font-size:var(--fs-xs);background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin:-2px 0 10px;line-height:1.6;}
@media (max-width:1100px){.es-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.es-admin-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:760px){.es-grid,.es-two,.es-admin-grid{grid-template-columns:1fr;}.es-hero{padding:20px;}.es-hero-txt{min-width:0;flex-basis:100%;}.es-hero p{overflow-wrap:anywhere;}.es-two-f{grid-template-columns:1fr;}}
.es-nodl{display:inline-flex;align-items:center;gap:6px;background:rgba(255,214,170,.15);border:1px dashed rgba(255,214,170,.6);color:#FFD6AA;border-radius:999px;padding:8px 14px;font-size:var(--fs-xs);font-weight:700;max-width:100%;}
.es-fine .es-nodl{background:none;border:0;color:inherit;padding:0;font-weight:600;}
.es-switch select{width:auto;display:inline-block;padding:2px 6px;margin:0 4px;font-size:var(--fs-sm);}
.es-warn{color:#9b1c1c;font-weight:600;}

/* ===== v34 · freelance flow, legal, master projects, AI headhunter ===== */
.mp-ready{background:#fff8e6;border:1px solid #f1d58a;border-radius:10px;padding:8px 10px;font-size:var(--fs-xs);margin:8px 0;}
.mp-ready ul{margin:4px 0 6px;padding-left:18px;}
.mp-ready.ok{background:#e8f5ee;border-color:#bfe3cd;color:#1f6b45;}
.mp-timer{background:#fdecea;color:#7A1F1A;border-radius:10px;padding:8px 10px;font-size:var(--fs-sm);margin:6px 0;}
.mp-chk{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0;font-size:var(--fs-xs);}
.mp-chk span{border-radius:999px;padding:2px 9px;font-weight:700;}
.mp-chk .ok{background:#e8f5ee;color:#1f6b45;}
.mp-chk .no{background:#fdecea;color:#9b1c1c;}
.mp-flag.grey{background:#f3eeeb;color:#5c5552;}
.lg-wrap{max-width:820px;padding:36px 20px 60px;}
.lg-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:14px;}
.lg-top h1{margin:0;font-size:var(--fs-xl);}
.lg-doc{font-size:var(--fs-sm);line-height:1.7;}
.lg-doc p{margin:0 0 10px;}
.lg-doc .lg-sub{padding-left:14px;}
.lg-h{font-size:var(--fs-md,16px);margin:18px 0 6px;}
.lg-sec:first-child .lg-h{margin-top:0;}
.lg-ul{margin:0 0 10px;padding-left:20px;}
.lg-links{margin-top:18px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:var(--fs-sm);}
.lg-conf{background:#15110F;color:#FFD6AA;border-radius:12px;padding:10px 14px;font-weight:700;font-size:var(--fs-sm);margin-bottom:10px;}
.lg-acc{background:#e8f5ee;color:#1f6b45;border-radius:10px;padding:8px 12px;font-size:var(--fs-sm);margin-bottom:10px;}
.lg-edit textarea{width:100%;font:13px/1.55 ui-monospace,Menlo,monospace;margin-top:10px;}
@media print{.sidebar,.topbar,.lg-links,.lg-edit{display:none !important;}}
.cp-files{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;}
.cp-file{margin:0;}
.cp-file-img{aspect-ratio:16/10;background:#f3eeeb;border-radius:10px;overflow:hidden;display:grid;place-items:center;cursor:zoom-in;font-size:var(--fs-2xs);}
.cp-file-img img{width:100%;height:100%;object-fit:cover;object-position:top;}
.cp-file figcaption{font-size:var(--fs-2xs);color:var(--sub);margin-top:4px;}
.mpd-bar{display:grid;grid-template-columns:minmax(200px,2fr) repeat(5,minmax(0,1fr));gap:8px;margin:12px 0;}
.mpd-bar input{font-size:16px;}
.mpd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;}
.mpd-rows{display:flex;flex-direction:column;gap:6px;}
.mpd-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;border:1px solid var(--line);border-radius:10px;padding:8px 10px;cursor:pointer;background:#fff;}
.mpd-row:hover{border-color:var(--ink);}
.mpd-row .muted{margin-left:auto;font-size:var(--fs-2xs);}
.aih-hero{background:linear-gradient(120deg,#15110F,#3a1512 55%,#7A1F1A);color:#fff;border-radius:20px;padding:22px 24px;margin-bottom:12px;}
.aih-hero h1{margin:4px 0 6px;color:#fff;font-size:clamp(24px,3.5vw,32px);}
.aih-hero p{margin:0;color:#f1e6e3;max-width:720px;}
.aih-tabs{margin-bottom:12px;}
.aih-form{margin-bottom:14px;}
.aih-rank{flex:none;width:26px;height:26px;border-radius:50%;background:#15110F;color:#fff;font-weight:800;font-size:var(--fs-xs);display:grid;place-items:center;}
.aih-score{width:90px;height:8px;border-radius:999px;background:#f1ece9;overflow:hidden;}
.aih-score i{display:block;height:100%;background:linear-gradient(90deg,#7A1F1A,var(--red));}
.aih-comp{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;}
.aih-co{margin:0;display:flex;flex-direction:column;gap:8px;}
.aih-co-h{display:flex;gap:10px;align-items:flex-start;}
.aih-co-h > div{flex:1;min-width:0;}
.aih-ppl{display:flex;flex-direction:column;gap:6px;}
.aih-p{display:flex;gap:8px;align-items:center;padding:6px 8px;border-radius:10px;border:1px solid var(--line);cursor:pointer;background:#fff;}
.aih-p:hover{border-color:var(--ink);}
.aih-p > div{flex:1;min-width:0;font-size:var(--fs-sm);}
.aih-p .muted{font-size:var(--fs-2xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
@media (max-width:900px){.mpd-bar{grid-template-columns:1fr 1fr;}.mpd-bar input{grid-column:1 / -1;}}
@media (max-width:560px){.aih-comp,.mpd-grid{grid-template-columns:1fr;}}

/* ===== v35 · start windows, bank details, ratings, ranking ===== */
.ops-ack{background:#faf7f5;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:var(--fs-xs);margin:8px 0;}
.ops-ack ul{margin:6px 0 8px;padding-left:18px;line-height:1.55;}
.ops-bank{background:#fff;border:1px dashed var(--line-strong);border-radius:10px;padding:10px 12px;margin:8px 0;font-size:var(--fs-sm);}
.ops-kv{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin-top:6px;font-size:var(--fs-sm);}
.ops-kv span{color:var(--sub);}
.ops-mono{font-family:ui-monospace,Menlo,monospace;letter-spacing:.02em;}
.ops-pending{background:#fff8e6;border:1px solid #f1d58a;border-radius:10px;padding:10px 12px;font-size:var(--fs-sm);margin:8px 0;}
.ops-win{display:inline-flex;gap:6px;align-items:center;font-size:var(--fs-xs);font-weight:700;margin-right:8px;}
.ops-win select{width:auto;padding:4px 8px;}
.ops-rate-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:6px 0;font-size:var(--fs-sm);}
.ops-rate-row select{width:auto;}
.ops-stars{color:#b07d00;letter-spacing:1px;}
.ops-fb{border-top:1px solid var(--line);padding:8px 0;font-size:var(--fs-sm);}
.ops-fb:first-of-type{border-top:0;}
.ops-sort{border:0;background:none;font:inherit;font-weight:800;cursor:pointer;color:inherit;padding:0;white-space:nowrap;}
.ops-sort.on{color:var(--red);}
.ops-score{display:inline-block;width:60px;height:7px;border-radius:999px;background:#f1ece9;overflow:hidden;vertical-align:middle;margin-right:6px;}
.ops-score i{display:block;height:100%;background:linear-gradient(90deg,#7A1F1A,var(--red));}
.ops-rank td{white-space:nowrap;}

/* ===== v36 — LMS v107 (audience, quiz settings, ✓/✗ editor, quiz review, video task) + Product Analytics ===== */
.lms-type-toggle{flex-wrap:wrap;}
.lms-chips .aud{background:var(--red-tint);color:var(--red-deep);font-weight:700;}
.lms-aud-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:8px;}
.lms-aud{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;border:1px solid var(--line-strong);background:var(--surface);border-radius:12px;padding:10px 12px;cursor:pointer;font:inherit;color:inherit;}
.lms-aud small{color:var(--sub);font-size:var(--fs-xs);}
.lms-aud.on{border-color:var(--red);box-shadow:0 0 0 2px var(--red-tint);}
.lms-skill-pick{display:flex;flex-wrap:wrap;gap:6px;}
.lms-skill-pick label{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line-strong);border-radius:999px;padding:5px 10px;font-size:var(--fs-sm);font-weight:600;cursor:pointer;}
.lms-skill-pick label.on{border-color:var(--red);background:var(--red-tint);}
.lms-skill-pick input{width:auto;margin:0;}
.lms-qs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;}
.lms-ed-opts{display:flex;flex-direction:column;gap:5px;margin-bottom:2px;}
.lms-ed-opt{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:4px 8px 4px 4px;}
.lms-ed-opt.is-right{border-color:rgba(47,158,107,.55);background:rgba(47,158,107,.07);}
.lms-ed-opt input{border:0;background:transparent;padding:6px 4px;}
.lms-mark{width:30px;height:30px;border-radius:8px;border:0;font-weight:900;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.is-right .lms-mark{background:var(--green);color:#fff;}
.is-wrong .lms-mark{background:var(--red-tint);color:var(--red);}
.is-wrong .lms-mark:hover{background:rgba(47,158,107,.18);color:var(--green-deep);}
.lms-mark-l{font-size:var(--fs-2xs);font-weight:800;text-transform:uppercase;letter-spacing:.04em;}
.is-right .lms-mark-l{color:var(--green-deep);} .is-wrong .lms-mark-l{color:var(--red);}
.lms-why-l{display:block;font-size:var(--fs-xs);font-weight:800;color:var(--green-deep);margin-bottom:4px;}
.lms-why-l span{font-weight:500;color:var(--sub);}
.lms-why-l.need{color:var(--red);}
textarea.lms-need{border-color:var(--red);}
.lms-pub-sum{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;}
.lms-pub-sum>div{border:1px solid var(--line);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:2px;}
.lms-pub-sum span{font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.05em;color:var(--sub);font-weight:700;}
.lms-pub-sum small{color:var(--sub);font-size:var(--fs-xs);}
.lms-pub-ack{display:flex;gap:8px;align-items:flex-start;font-weight:600;margin-bottom:12px;font-size:var(--fs-sm);background:var(--surface-2);padding:10px;border-radius:10px;}
.lms-pub-ack input{margin-top:3px;}
.lms-rv{max-height:62vh;overflow:auto;display:flex;flex-direction:column;gap:12px;}
.lms-rv-ph{font-weight:800;margin-bottom:6px;}
.lms-rv-q{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:8px;}
.lms-rv-q.bad{border-color:var(--red);}
.lms-rv-qh{margin-bottom:6px;}
.lms-rv-opts{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-direction:column;gap:3px;}
.lms-rv-opts li{display:flex;gap:8px;align-items:center;font-size:var(--fs-sm);padding:4px 8px;border-radius:8px;}
.lms-rv-opts li span{width:20px;height:20px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;flex:0 0 20px;font-size:13px;}
.lms-rv-opts li.ok{background:rgba(47,158,107,.08);font-weight:700;} .lms-rv-opts li.ok span{background:var(--green);color:#fff;}
.lms-rv-opts li.no span{background:var(--red-tint);color:var(--red);}
.lms-rv-why{font-size:var(--fs-sm);background:var(--surface-2);padding:6px 8px;border-radius:8px;margin-bottom:6px;}
.lms-rv-prob{color:var(--red);font-size:var(--fs-xs);font-weight:700;margin-bottom:6px;}
.lms-task{max-width:560px;}
.lms-task-brief{white-space:pre-wrap;text-align:left;background:var(--surface-2);border-radius:12px;padding:12px 14px;margin:10px 0;line-height:1.55;}
.lms-task-status{border:1px solid var(--line);border-radius:10px;padding:8px 12px;margin-bottom:10px;font-weight:700;}
.lms-task-status.ok{border-color:rgba(47,158,107,.5);color:var(--green-deep);} .lms-task-status.bad{border-color:var(--red);color:var(--red);} .lms-task-status.prog{border-color:var(--amber-line);color:var(--amber);}
.lms-task-drop{display:flex;flex-direction:column;align-items:center;gap:4px;border:2px dashed var(--line-strong);border-radius:14px;padding:16px;cursor:pointer;margin-bottom:8px;font-weight:700;}
.lms-task-drop input{position:absolute;opacity:0;width:1px;height:1px;}
.lms-task textarea{width:100%;margin-bottom:10px;}
.linklike{border:0;background:none;padding:0;font:inherit;color:var(--red);text-decoration:underline;cursor:pointer;}
.pa-tabs{display:flex;gap:6px;margin:6px 0 12px;border-bottom:1px solid var(--line);overflow-x:auto;}
.pa-tabs a{padding:9px 14px;font-weight:700;color:var(--sub);text-decoration:none;border-bottom:3px solid transparent;white-space:nowrap;}
.pa-tabs a.on{color:var(--ink,inherit);border-bottom-color:var(--red);}
.pa-sub{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 10px;}
.pa-sub button{border:1px solid var(--line-strong);background:var(--surface);border-radius:999px;padding:6px 12px;font:inherit;font-size:var(--fs-sm);font-weight:700;cursor:pointer;color:inherit;}
.pa-sub button.on{background:var(--ink,#15110F);color:#fff;border-color:transparent;}
.pa-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;}
.pa-kpi{border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:var(--surface);display:flex;flex-direction:column;gap:2px;min-width:0;}
.pa-kpi b{font-size:var(--fs-xl,22px);line-height:1.15;overflow-wrap:anywhere;}
.pa-kpi span{font-size:var(--fs-xs);font-weight:700;color:var(--sub);}
.pa-kpi small{font-size:var(--fs-2xs);color:var(--sub);}
.pa-kpi.warn b{color:var(--amber);} .pa-kpi.good b{color:var(--green-deep);}
.pa-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0 4px;}
.pa-filters input[type=search]{flex:1 1 240px;min-width:0;}
.pa-filters select{width:auto;flex:0 1 auto;max-width:230px;}
.pa-more{display:flex;gap:10px;align-items:center;justify-content:center;margin:12px 0;}
.pa-view{display:inline-flex;border:1px solid var(--line-strong);border-radius:10px;overflow:hidden;}
.pa-view button{border:0;background:var(--surface);padding:7px 10px;font:inherit;font-size:var(--fs-sm);font-weight:700;cursor:pointer;color:var(--sub);}
.pa-view button.on{background:var(--surface-2);color:inherit;}
.pa-count{font-size:var(--fs-xs);margin:4px 0 8px;}
.pa-table td{vertical-align:middle;}
.pa-table tr[role=button]{cursor:pointer;}
.pa-table tr[role=button]:hover td{background:var(--surface-2);}
.pa-rankc{font-weight:800;}
.pa-who{display:flex;gap:10px;align-items:center;min-width:0;}
.pa-who .muted{font-size:var(--fs-2xs);}
.pa-av{width:34px;height:34px;border-radius:50%;background:var(--surface-2);display:inline-flex;align-items:center;justify-content:center;font-weight:800;flex:0 0 34px;overflow:hidden;}
.pa-av img{width:100%;height:100%;object-fit:cover;}
span.pa-bar{display:inline-block;width:70px;height:7px;border-radius:999px;background:var(--surface-2);overflow:hidden;vertical-align:middle;flex:0 0 70px;}
span.pa-bar i{display:block;height:100%;border-radius:999px;background:var(--red);}
.pa-prog{display:flex;align-items:center;gap:8px;font-size:var(--fs-xs);white-space:nowrap;}
.pa-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;}
.pa-card{display:flex;flex-direction:column;gap:8px;text-align:left;font:inherit;color:inherit;cursor:pointer;margin:0;}
div.pa-card{cursor:default;}
.pa-card-top{display:flex;gap:10px;align-items:center;min-width:0;}
.pa-card-top .muted{font-size:var(--fs-2xs);}
.pa-medal{font-weight:900;font-size:18px;}
.pa-card-row{display:flex;align-items:center;gap:8px;font-size:var(--fs-xs);}
.pa-card-row span:first-child{color:var(--sub);min-width:56px;}
.pa-card-row .pa-bar{flex:1 1 auto;width:auto;}
.pa-card-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;}
.pa-card-stats div{background:var(--surface-2);border-radius:10px;padding:6px;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;}
.pa-card-stats b{font-size:var(--fs-sm);} .pa-card-stats span{font-size:9px;color:var(--sub);text-transform:uppercase;letter-spacing:.03em;}
.pa-card-foot{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:space-between;font-size:var(--fs-2xs);}
.pa-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px;margin-bottom:12px;}
.pa-panel{margin:0;}
.pa-panel-h{font-weight:800;margin:4px 0 8px;}
.pa-bars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;}
.pa-bars button{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(40px,1fr) auto;gap:8px;align-items:center;width:100%;border:0;background:none;font:inherit;color:inherit;text-align:left;padding:5px 4px;border-radius:8px;cursor:pointer;}
.pa-bars button:disabled{cursor:default;}
.pa-bars button:not(:disabled):hover{background:var(--surface-2);}
.pa-bars-l{font-size:var(--fs-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pa-rank{display:inline-block;width:18px;color:var(--sub);font-size:var(--fs-2xs);font-weight:800;}
.pa-bars-t{height:10px;background:var(--surface-2);border-radius:4px;overflow:hidden;}
.pa-bars-t i{display:block;height:100%;background:var(--red);border-radius:0 4px 4px 0;}
.pa-bars-n{font-size:var(--fs-xs);color:var(--sub);white-space:nowrap;}
.pa-bars-n b{color:inherit;}
.pa-chips{display:flex;flex-wrap:wrap;gap:4px;}
.pa-chip{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line-strong);border-radius:999px;padding:2px 8px;font-size:var(--fs-2xs);font-weight:600;background:var(--surface);}
.pa-chip i{font-style:normal;color:var(--sub);font-weight:700;}
.pa-chip.lms{border-color:rgba(47,158,107,.5);background:rgba(47,158,107,.08);color:var(--green-deep);}
.pa-chip button{border:0;background:none;cursor:pointer;font-size:14px;line-height:1;color:var(--sub);padding:0 0 0 2px;}
.pa-clip{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px;}
.pa-pct{font-weight:800;font-size:var(--fs-sm);}
.pa-offer.empty{opacity:.75;}
.pa-offer-row{display:grid;grid-template-columns:76px 1fr;gap:8px;align-items:start;font-size:var(--fs-xs);margin-top:4px;}
.pa-offer-row>span{color:var(--sub);font-weight:700;padding-top:2px;}
.pa-drawer .pa-panel-h{margin-top:6px;}
.pa-dc{border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:6px;}
.pa-out{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--amber-bg);color:var(--amber);border-radius:8px;padding:6px 8px;font-size:var(--fs-xs);font-weight:700;}
.pa-hard summary{cursor:pointer;font-size:var(--fs-xs);color:var(--sub);font-weight:700;margin-top:4px;}
.pa-hard ol{margin:6px 0 0;padding-left:18px;font-size:var(--fs-xs);}
.pa-hard li{margin-bottom:4px;} .pa-hard li span{display:block;}
.pa-up{color:var(--green-deep);font-weight:800;} .pa-down{color:var(--red);font-weight:800;}
.pa-cols{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;align-items:end;height:180px;padding-top:6px;}
.pa-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px;}
.pa-col span{display:block;width:min(46px,70%);background:var(--red);border-radius:4px 4px 0 0;min-height:2px;}
.pa-col b{font-size:var(--fs-xs);} .pa-col small{font-size:var(--fs-2xs);color:var(--sub);}
.pa-grid.two{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));}
.pa-list-row{display:flex;gap:10px;align-items:center;border:0;border-bottom:1px solid var(--line);background:none;padding:8px 2px;font:inherit;color:inherit;text-align:left;cursor:pointer;width:100%;}
.pa-list-row span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column;}
.pa-about{white-space:pre-wrap;font-size:var(--fs-sm);line-height:1.55;background:var(--surface-2);padding:8px 10px;border-radius:10px;}
.pa-brief{font-size:var(--fs-sm);background:var(--surface-2);padding:8px 10px;border-radius:10px;margin-bottom:8px;}
.pa-novid{background:var(--surface-2);border-radius:10px;padding:30px;text-align:center;color:var(--sub);}
.mpf .field{margin-bottom:10px;}
.mpf-chips{display:flex;flex-wrap:wrap;gap:5px;align-items:center;border:1px solid var(--line-strong);border-radius:var(--radius-input,10px);padding:6px 8px;background:var(--surface);cursor:text;}
.mpf-chips input{border:0;flex:1 1 140px;min-width:120px;padding:4px;background:transparent;}
.mpf-chips input:focus{outline:none;}
.mpf-lang{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;gap:6px;margin-bottom:6px;}
@media (max-width:640px){
  .pa-card-stats{grid-template-columns:repeat(2,1fr);}
  .pa-bars button{grid-template-columns:minmax(0,1fr) 60px auto;}
  .lms-pub-sum{grid-template-columns:1fr;}
  .pa-cols{gap:6px;height:150px;}
  .pa-filters select{flex:1 1 140px;max-width:100%;}
}
/* v36 — call screening */
.scr-req{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--amber-line);background:var(--amber-bg);border-radius:12px;padding:10px 12px;margin-bottom:12px;cursor:pointer;}
.scr-req input{width:auto;margin-top:3px;}
.scr-req span{display:flex;flex-direction:column;gap:2px;} .scr-req small{color:var(--sub);font-size:var(--fs-xs);}
.scr-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;flex-wrap:wrap;}
.scr-sec{font-weight:800;margin:14px 0 8px;padding-top:10px;border-top:1px solid var(--line);}
.scr-grid3{display:grid;grid-template-columns:2fr 2fr 1fr;gap:10px;}
.scr-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.scr-sal{display:grid;grid-template-columns:minmax(0,1.4fr) auto auto;gap:12px;align-items:end;}
.scr-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:8px;font-weight:600;}
.scr-inline{display:inline-flex;gap:6px;align-items:center;font-weight:600;font-size:var(--fs-sm);}
.scr-inline select,.scr-inline input{width:auto;}
.scr-yn{display:inline-flex;border:1px solid var(--line-strong);border-radius:10px;overflow:hidden;}
.scr-yn button{border:0;background:var(--surface);padding:7px 14px;font:inherit;font-weight:700;cursor:pointer;color:var(--sub);}
.scr-yn button.on{background:var(--ink,#15110F);color:#fff;}
.scr-money{display:flex;align-items:center;border:1px solid var(--line-strong);border-radius:var(--radius-input,10px);overflow:hidden;background:var(--surface);}
.scr-money span{padding:0 10px;font-weight:800;color:var(--sub);border-right:1px solid var(--line);align-self:stretch;display:flex;align-items:center;background:var(--surface-2);}
.scr-money input{border:0;}
.scr-chips{display:flex;flex-wrap:wrap;gap:6px;}
.scr-chips button{border:1px solid var(--line-strong);background:var(--surface);border-radius:999px;padding:6px 12px;font:inherit;font-size:var(--fs-sm);font-weight:600;cursor:pointer;color:inherit;}
.scr-chips button.on{background:var(--ink,#15110F);color:#fff;border-color:transparent;}
.scr-int{display:flex;flex-direction:column;gap:6px;}
.scr-int-row{display:grid;grid-template-columns:1fr 1fr 170px 36px;gap:6px;}
.scr-done{background:rgba(47,158,107,.08);border:1px solid rgba(47,158,107,.4);color:var(--green-deep);border-radius:10px;padding:8px 10px;font-size:var(--fs-sm);font-weight:700;margin-bottom:6px;}
@media (max-width:640px){ .scr-grid3,.scr-grid2,.scr-sal{grid-template-columns:1fr;} .scr-int-row{grid-template-columns:1fr 1fr;} }
/* v36 — membership plans */
.plan-wrap{margin-bottom:16px;}
.plan-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap;margin-bottom:12px;}
.plan-toggle{display:inline-flex;background:var(--surface-2);border-radius:999px;padding:3px;}
.plan-toggle button{border:0;background:none;border-radius:999px;padding:7px 16px;font:inherit;font-weight:800;cursor:pointer;color:var(--sub);}
.plan-toggle button.on{background:var(--surface);color:inherit;box-shadow:0 1px 4px rgba(0,0,0,.12);}
.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;}
.plan-card{position:relative;border:1px solid var(--line-strong);border-radius:16px;padding:16px 14px;display:flex;flex-direction:column;gap:6px;background:var(--surface);}
.plan-card.is-pop{border-color:var(--red);box-shadow:0 0 0 2px var(--red-tint);}
.plan-card.is-current{background:var(--surface-2);}
.plan-pop{position:absolute;top:-10px;left:14px;background:var(--red);color:#fff;font-size:var(--fs-2xs);font-weight:800;border-radius:999px;padding:2px 8px;}
.plan-name{font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:var(--fs-xs);color:var(--sub);}
.plan-silver .plan-name{color:#6b7280;} .plan-gold .plan-name{color:#9a6b00;} .plan-platinum .plan-name{color:#4b4f7a;}
.plan-price{font-size:var(--fs-xl,22px);font-weight:900;line-height:1.15;overflow-wrap:anywhere;}
.plan-price small{font-size:var(--fs-sm);font-weight:600;color:var(--sub);}
.plan-sub{font-size:var(--fs-xs);color:var(--sub);min-height:16px;} .plan-sub b{color:var(--green-deep);}
.plan-perks{list-style:none;margin:4px 0 8px;padding:0;font-size:var(--fs-sm);display:flex;flex-direction:column;gap:3px;flex:1;}
.plan-cta{font-size:var(--fs-xs);font-weight:800;padding:8px 0;} .plan-cta.cur{color:var(--green-deep);}
.plan-pay{margin-top:14px;border:1px solid var(--line-strong);border-radius:14px;padding:14px;}
.plan-pay-h{font-weight:700;margin-bottom:10px;}
.plan-bank{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;background:var(--surface-2);border-radius:12px;padding:10px 12px;margin-bottom:8px;}
.plan-bank div{display:flex;flex-direction:column;gap:2px;min-width:0;} .plan-bank span{font-size:var(--fs-2xs);color:var(--sub);text-transform:uppercase;letter-spacing:.04em;font-weight:700;} .plan-bank b{overflow-wrap:anywhere;}
.plan-hist{margin-top:12px;} .plan-hist summary{cursor:pointer;font-weight:700;font-size:var(--fs-sm);}
.mp2-rev{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;} .mp2-rev div{background:var(--surface-2);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;} .mp2-rev span{font-size:var(--fs-2xs);color:var(--sub);font-weight:700;} .mp2-rev b{font-size:var(--fs-lg);overflow-wrap:anywhere;}
.mp2-switch{display:inline-flex;gap:6px;align-items:center;font-size:var(--fs-xs);font-weight:700;cursor:pointer;white-space:nowrap;}
.mp2-switch input{width:auto;margin:0;}
.mp2-switch.big{align-items:flex-start;white-space:normal;border:1px solid var(--line);border-radius:12px;padding:8px 10px;}
.mp2-switch.big span{display:flex;flex-direction:column;} .mp2-switch.big small{font-weight:500;color:var(--sub);}
.mp2-switch.dis{opacity:.6;cursor:not-allowed;}
.mp2-countries{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 12px;align-items:stretch;}
.mp2-countries button{border:1px solid var(--line-strong);background:var(--surface);border-radius:12px;padding:8px 12px;font:inherit;cursor:pointer;color:inherit;text-align:left;display:flex;flex-direction:column;}
.mp2-countries button.on{border-color:var(--red);box-shadow:0 0 0 2px var(--red-tint);}
.mp2-countries small{font-size:var(--fs-2xs);color:var(--sub);}
.mp2-countries select{width:auto;}
.mp2-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin:10px 0;}
.mp2-price td{vertical-align:middle;} .mp2-price .scr-money{max-width:220px;}
.mp2-bank{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;}
.scr-int>button{align-self:flex-start;}
/* ===== v37 — Client Partner Programme (landing uses the home page's mkt-* design system) ===== */
.cpp-split{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;}
.cpp-split.rev>div:first-child{order:2;}
.cpp-split .mkt-sub{margin-left:0;text-align:left;}
.cpp-media{padding:14px;}
.cpp-svg{width:100%;height:auto;display:block;}
.cpp-video-el{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000;border:0;display:block;}
.cpp-ticks{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:6px;font-weight:600;}
.cpp-ticks li::before{content:'✓ ';color:var(--red);font-weight:900;}
.cpp-see{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;}
.cpp-see h3{margin:0 0 8px;} .cpp-see ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:var(--fs-sm);color:var(--sub);}
.cpp-see li::before{content:'✓ ';color:var(--green);font-weight:900;} .cpp-see ul.no li::before{content:'✕ ';color:var(--red);}
.cpp-faq{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:8px;}
.cpp-faq details{padding:14px 18px;} .cpp-faq summary{cursor:pointer;font-weight:700;} .cpp-faq p{margin:8px 0 0;color:var(--sub);font-size:var(--fs-sm);line-height:1.7;}
.cpp-mock{display:flex;flex-direction:column;gap:8px;font-size:var(--fs-xs);}
.cpp-mock-k{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;}
.cpp-mock-k div{background:var(--surface-2);border-radius:10px;padding:8px;display:flex;flex-direction:column;} .cpp-mock-k b{font-size:var(--fs-md);} .cpp-mock-k span{color:var(--sub);font-size:10px;}
.cpp-mock-r{display:grid;grid-template-columns:1fr 1fr;gap:2px 8px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;}
.cpp-mock-r div{display:flex;flex-direction:column;} .cpp-mock-r span{color:var(--sub);} .cpp-mock-r em{font-style:normal;color:var(--red-deep);font-weight:800;} .cpp-mock-r i{grid-column:1/-1;font-style:normal;color:var(--sub-dim);font-size:10px;}
.cpp-mock-n{color:var(--sub-dim);font-size:10px;text-align:right;}
.cpp-form{max-width:820px;margin:0 auto;padding:24px;}
.cpp-form h2{margin:4px 0 6px;}
.cpp-grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;}
.cpp-steps-mini{list-style:none;display:flex;gap:6px;padding:0;margin:12px 0 14px;flex-wrap:wrap;}
.cpp-steps-mini li{display:flex;gap:6px;align-items:center;font-size:var(--fs-xs);color:var(--sub);font-weight:700;padding:6px 10px;border-radius:999px;border:1px solid var(--line-strong);}
.cpp-steps-mini li span{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-2);}
.cpp-steps-mini li.on{color:var(--ink);border-color:var(--red);} .cpp-steps-mini li.on span{background:var(--red);color:#fff;} .cpp-steps-mini li.done span{background:var(--green);color:#fff;}
.cpp-chips{display:flex;flex-wrap:wrap;gap:6px;}
.cpp-chips button{border:1px solid var(--line-strong);background:var(--surface);color:inherit;border-radius:999px;padding:6px 12px;font:inherit;font-size:var(--fs-sm);font-weight:600;cursor:pointer;}
.cpp-chips button.on{background:var(--ink);border-color:var(--ink);color:#fff;}
.cpp-drop{display:flex;border:2px dashed var(--line-strong);border-radius:12px;padding:14px;cursor:pointer;justify-content:center;font-weight:700;position:relative;}
.cpp-drop input{position:absolute;opacity:0;width:1px;height:1px;}
.cpp-check{display:flex;gap:10px;align-items:flex-start;font-size:var(--fs-sm);margin:8px 0;cursor:pointer;}
.cpp-check input{width:auto;margin-top:3px;} .cpp-check a{color:var(--red);}
.cpp-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px;flex-wrap:wrap;}
.cpp-terms h1{margin-top:0;} .cpp-terms h3{margin:18px 0 4px;} .cpp-terms p{color:var(--sub);line-height:1.7;}
@media (max-width:860px){ .cpp-split{grid-template-columns:1fr;gap:18px;} .cpp-split.rev>div:first-child{order:0;} .cpp-see{grid-template-columns:1fr;} }
@media (max-width:560px){ .cpp-grid2{grid-template-columns:1fr;} .cpp-mock-k{grid-template-columns:1fr 1fr;} .cpp-form{padding:18px;} }
/* partner portal & console */
.cpp-track{list-style:none;display:flex;gap:2px;padding:0;margin:10px 0;overflow-x:auto;}
.cpp-track li{flex:1 1 0;min-width:62px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;position:relative;}
.cpp-track li::before{content:'';position:absolute;top:12px;left:-50%;width:100%;height:2px;background:var(--line-strong);z-index:0;} .cpp-track li:first-child::before{display:none;} .cpp-track li.done::before,.cpp-track li.cur::before{background:var(--green);}
.cpp-track li span{position:relative;z-index:1;width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;background:var(--surface-2);border:2px solid var(--line-strong);}
.cpp-track li.done span{background:var(--green);border-color:var(--green);color:#fff;} .cpp-track li.cur span{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 0 0 4px var(--red-tint);}
.cpp-track li em{font-style:normal;font-size:10px;color:var(--sub);line-height:1.2;} .cpp-track li.cur em{color:inherit;font-weight:800;}
.cpp-track.closed{opacity:.55;} .cpp-track.small li{min-width:90px;}
.cpp-projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:10px;}
.cpp-proj{display:flex;flex-direction:column;gap:6px;margin:0;min-width:0;}
.cpp-upd{background:var(--surface-2);border-radius:8px;padding:6px 10px;font-size:var(--fs-sm);}
.cpp-role{border-left:3px solid var(--red);padding-left:8px;font-size:var(--fs-sm);}
.cpp-prog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;} .cpp-prog div{background:var(--surface-2);border-radius:10px;padding:6px;display:flex;flex-direction:column;align-items:center;} .cpp-prog b{font-size:var(--fs-md);} .cpp-prog span{font-size:10px;color:var(--sub);text-transform:uppercase;letter-spacing:.03em;}
.cpp-status{max-width:760px;} .cpp-req{border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin:8px 0;display:flex;flex-direction:column;gap:6px;font-size:var(--fs-sm);}
.cpp-what{margin:12px 0;font-size:var(--fs-sm);} .cpp-what ol{margin:6px 0 0;padding-left:18px;}
.card .cpp-grid2 input,.mp-drawer .cpp-grid2 input{width:100%;}
@media (max-width:640px){ .cpp-projects{grid-template-columns:1fr;} .cpp-prog{grid-template-columns:repeat(2,minmax(0,1fr));} }
.pa-kpi b.sm{font-size:var(--fs-md);line-height:1.3;}

/* ===== v38: Express Source install video + direct download ===== */
.es-vid{position:relative;border-radius:14px;overflow:hidden;margin:4px 0 10px;background:#15110F;aspect-ratio:16/9;}
.es-vid video{display:block;width:100%;height:100%;object-fit:contain;background:#000;}
.es-vid-empty{background:linear-gradient(135deg,#15110F,#7A1F1A);display:flex;align-items:center;justify-content:center;border:1px dashed rgba(255,255,255,0.35);}
.es-vid-ph{display:flex;flex-direction:column;align-items:center;gap:6px;color:#fff;text-align:center;padding:16px;max-width:360px;}
.es-vid-ph span:not(.es-vid-play){font-size:var(--fs-sm);color:rgba(255,255,255,0.75);line-height:1.5;}
.es-vid-play{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,0.14);display:flex;align-items:center;justify-content:center;font-size:20px;padding-left:4px;}
.es-vid-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;}
.es-vid-tools label.btn{cursor:pointer;}
.cpp-attach,.cpp-decl{margin:10px 0 6px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg-soft,#faf8f6);}
.cpp-attach-r{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;font-size:var(--fs-sm);}
.cpp-attach-r span{min-width:0;overflow-wrap:anywhere;}
.cpp-miss{color:var(--red);}
.cpp-decl .cpp-check{margin:8px 0;}
.cpp-decl-ok{font-size:var(--fs-sm);line-height:1.6;}
.lg-su-kicker{font-size:var(--fs-2xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--red);margin-bottom:4px;}
.lg-su-note{background:#FFF6F0;border:1px solid #F3D5C4;border-radius:12px;padding:12px 14px;font-size:var(--fs-sm);line-height:1.55;margin:0 0 12px;}
.lg-su-alt{display:flex;flex-direction:column;gap:4px;margin-top:8px;padding-top:8px;border-top:1px dashed #EBC9B5;}
.lg-su-alt a{color:var(--red);font-weight:600;}
.es-cta .btn{max-width:100%;white-space:normal;text-align:center;}
.es-vid-tools .btn{margin:0;}