/* ==========================================================================
   agnt8x platform console: the shared look for signed-in pages (26 Oct 2026)

   A page joins the console by loading, in <head> after its own styles:
     <link rel="stylesheet" href="/brand.css">
     <link rel="stylesheet" href="/console.css">
   and, as the first thing in <body class="x8c">:
     <script src="/console.js"></script>
   console.js draws the top bar and the left menu; this file styles them and
   brings the page's own components into the same look. Colours come from
   brand.css. The page's old navigation, ticker and footer stay in the HTML
   (its scripts still use them) but are hidden here.
   ========================================================================== */

/* Inter, self-hosted (SIL Open Font License 1.1) so EMBASSY deployments need no outside fetch */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('/vendor/fonts/inter-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('/vendor/fonts/inter-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('/vendor/fonts/inter-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('/vendor/fonts/inter-latin-700-normal.woff2') format('woff2')}

:root{
  --x8c-top-h:52px;
  --x8c-side-w:240px;
  --x8c-bg:#F5F6F8;
  --x8c-card:#FFFFFF;
  --x8c-line:#E3E5E9;
  --x8c-line-2:#D5D8DE;
  --x8c-soft:#EEF0F3;
  --x8c-text:#16181D;
  --x8c-text-2:#3D424D;
  --x8c-muted:#5B616E;
  --x8c-muted-2:#6B7180;
  --x8c-sel-bg:#F3ECDD;
  --x8c-sel-fg:#5C410E;
  --x8c-accent:var(--x8-gold-d,#94691C);
  --x8c-accent-h:#7A5714;
  --x8c-font:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --x8c-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}

/* ---------- page frame ---------- */
html:has(body.x8c){background:var(--x8c-bg)!important;height:auto!important}
body.x8c{
  background:var(--x8c-bg)!important;color:var(--x8c-text);
  font-family:var(--x8c-font)!important;
  padding-top:var(--x8c-top-h)!important;padding-left:var(--x8c-side-w)!important;
  min-height:100vh;height:auto!important;box-sizing:border-box;
  /* the page's own colour variables, brought into the console palette */
  --navy:var(--x8c-text);--text:var(--x8c-text);--muted:var(--x8c-muted);--dim:var(--x8c-text-2);
  --surface:#FAFBFC;--border:var(--x8c-line);
  --blue:var(--x8c-accent);--blue-mid:var(--x8c-accent-h);--blue-light:#FBF7EE;--blue-border:#E9D9B4;
  --purple:var(--x8c-accent);--purple-light:#FBF7EE;
}
body.x8c button,body.x8c input,body.x8c select,body.x8c textarea{font-family:var(--x8c-font)}
body.x8c :not(pre):not(code)[style*="IBM Plex Mono"]{font-family:var(--x8c-font)!important}
body.x8c code,body.x8c pre,body.x8c kbd{font-family:var(--x8c-mono)!important}

/* the page's old chrome: kept for its scripts, never shown */
body.x8c > nav,body.x8c #mobileNav,body.x8c > footer,
body.x8c .ticker-bar,body.x8c .ticker-wrap,body.x8c #tickerTrack{display:none!important}

/* ---------- top bar ---------- */
.x8c-top{position:fixed;top:0;left:0;right:0;height:var(--x8c-top-h);z-index:1000;background:var(--x8-ink,#0B0B0C);display:flex;align-items:center;gap:14px;padding:0 14px;box-sizing:border-box;font-family:var(--x8c-font)}
.x8c-top *{box-sizing:border-box}
.x8c-logo{display:flex;align-items:center;flex:0 0 auto}
.x8c-logo img{height:20px;width:auto;display:block}
.x8c-sep{width:1px;height:20px;background:#2A2C33;flex:0 0 auto}
.x8c-org{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:6px;background:#17181C;border:1px solid #2A2C33;color:#E7E9ED;font:500 13px var(--x8c-font);cursor:pointer;white-space:nowrap;max-width:220px}
.x8c-org span{overflow:hidden;text-overflow:ellipsis}
.x8c-org:hover{border-color:#3A3D45}
.x8c-search{position:relative;flex:1 1 auto;max-width:560px;margin:0 auto;display:flex;align-items:center;gap:8px;height:32px;padding:0 10px;border-radius:6px;background:#17181C;border:1px solid #2A2C33;color:#8D93A0}
.x8c-search:focus-within{border-color:var(--x8-gold,#B8892F)}
.x8c-search input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#E7E9ED;font:400 13.5px var(--x8c-font)}
.x8c-search input::placeholder{color:#8D93A0}
.x8c-kbd{font:500 11px var(--x8c-mono);color:#8D93A0;border:1px solid #2A2C33;border-radius:4px;padding:0 5px}
.x8c-acts{display:flex;align-items:center;gap:2px;flex:0 0 auto}
.x8c-ib{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:6px;border:0;background:transparent;color:#C9CDD5;cursor:pointer;text-decoration:none}
.x8c-ib:hover{background:#1E2026;color:#fff}
.x8c-ic{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.x8c-avatar{margin-left:6px;width:32px;height:32px;border-radius:50%;border:0;background:var(--x8-gold,#B8892F);color:var(--x8-ink,#0B0B0C);font:700 12px var(--x8c-font);cursor:pointer}
.x8c-avatar:hover,.x8c-avatar[aria-expanded="true"]{box-shadow:0 0 0 2px rgba(241,215,149,.45)}
.x8c-burger{display:none}

/* menus (account, organisation) */
.x8c-pop{position:absolute;top:calc(var(--x8c-top-h) - 4px);background:#fff;border:1px solid var(--x8c-line);border-radius:8px;box-shadow:0 12px 32px -8px rgba(11,11,12,.28);padding:6px;display:none;z-index:1001;min-width:260px;color:var(--x8c-text)}
.x8c-pop.open{display:block}
.x8c-pop-head{padding:10px 12px 12px;border-bottom:1px solid var(--x8c-soft);margin-bottom:6px}
.x8c-pop-head b{display:block;font-size:14px;font-weight:600;overflow-wrap:anywhere}
.x8c-pop-head small{display:block;font-size:12.5px;color:var(--x8c-muted);margin-top:2px;overflow-wrap:anywhere}
.x8c-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.x8c-chips span:empty{display:none}
.x8c-mi{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;font:500 13.5px var(--x8c-font);color:var(--x8c-text)!important;text-decoration:none!important;border-radius:6px;border:0;background:transparent;cursor:pointer;text-align:left}
.x8c-mi:hover{background:var(--x8c-bg)}
.x8c-mi.danger{color:#B42318!important}
.x8c-mi .x8c-check{margin-left:auto;color:var(--x8c-accent)}
.x8c-div{height:1px;background:var(--x8c-soft);margin:6px 0}
.x8c-lbl{font-size:11px;font-weight:600;color:var(--x8c-muted-2);letter-spacing:.04em;text-transform:uppercase;padding:8px 12px 4px}

/* ---------- left menu ---------- */
.x8c-side{position:fixed;top:var(--x8c-top-h);left:0;bottom:0;width:var(--x8c-side-w);z-index:950;background:#fff;border-right:1px solid var(--x8c-line);overflow-y:auto;padding:10px 10px 28px;box-sizing:border-box;font-family:var(--x8c-font)}
.x8c-grp{font-size:11px;font-weight:600;color:var(--x8c-muted-2);letter-spacing:.04em;text-transform:uppercase;padding:16px 10px 6px}
.x8c-gw:first-child .x8c-grp{padding-top:6px}
.x8c-side [hidden]{display:none!important}
.x8c-side a{display:flex;align-items:center;gap:10px;height:32px;padding:0 10px;border-radius:6px;color:var(--x8c-text-2)!important;font-size:13.5px;font-weight:500;text-decoration:none!important;white-space:nowrap}
.x8c-side a:hover{background:var(--x8c-soft);color:var(--x8c-text)!important}
.x8c-side a.on{background:var(--x8c-sel-bg);color:var(--x8c-sel-fg)!important;font-weight:600}
.x8c-side a.on .x8c-ic{color:var(--x8c-accent)}
.x8c-scrim{display:none}

/* ---------- shared components ---------- */
.lz{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:4px;font:700 11px var(--x8c-font);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}
.lz.ok{background:#E3F4EA;color:#14653A}.lz.warn{background:#FFF1D6;color:#7A4D00}.lz.info{background:#E8EEF9;color:#24477F}.lz.neutral{background:#F3F4F6;color:#454B57}.lz.gold{background:var(--x8c-sel-bg);color:var(--x8c-sel-fg)}
.x8c-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:6px;font:600 13px var(--x8c-font);cursor:pointer;border:1px solid var(--x8c-line-2);background:#fff;color:var(--x8c-text)!important;white-space:nowrap;text-decoration:none!important}
.x8c-btn:hover{background:var(--x8c-bg)}
.x8c-btn.pri{background:var(--x8c-accent);border-color:var(--x8c-accent);color:#fff!important}
.x8c-btn.pri:hover{background:var(--x8c-accent-h)}
.x8c-crumb{font-size:12.5px;color:var(--x8c-muted);display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.x8c-crumb a{color:var(--x8c-muted)!important;text-decoration:none}
.x8c-crumb a:hover{color:var(--x8c-text)!important;text-decoration:underline}
.x8c-crumb b{color:var(--x8c-text);font-weight:400}

/* ---------- narrow screens: the menu becomes a drawer ---------- */
@media (max-width:1024px){
  body.x8c{padding-left:0!important}
  .x8c-burger{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:6px;border:0;background:transparent;color:#E7E9ED;cursor:pointer;flex:0 0 auto}
  .x8c-burger:hover{background:#1E2026}
  .x8c-side{transform:translateX(-100%);transition:transform .22s ease;box-shadow:none}
  body.x8c-side-open .x8c-side{transform:none;box-shadow:12px 0 32px -12px rgba(11,11,12,.35)}
  body.x8c-side-open .x8c-scrim{display:block;position:fixed;inset:var(--x8c-top-h) 0 0 0;background:rgba(11,11,12,.35);z-index:940}
}
@media (max-width:760px){
  .x8c-search,.x8c-sep,.x8c-org{display:none}
  .x8c-acts{margin-left:auto}
}
@media (prefers-reduced-motion:reduce){.x8c-side{transition:none}}

/* search: jump-to results */
.x8c-jump{position:absolute;top:36px;left:0;right:0;background:#fff;border:1px solid var(--x8c-line);border-radius:8px;box-shadow:0 12px 32px -12px rgba(11,11,12,.28);padding:4px;z-index:60}
.x8c-jr{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:6px;color:var(--x8c-text);text-decoration:none;font:500 13px var(--x8c-font)}
.x8c-jr .x8c-ic{color:var(--x8c-muted)}
.x8c-jr span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.x8c-jr small{color:var(--x8c-muted);font-size:12px}
.x8c-jr.on,.x8c-jr:hover{background:var(--x8c-sel-bg);color:var(--x8c-sel-fg)}
.x8c-search input::-webkit-search-cancel-button{display:none}

/* page header used on every converted page: breadcrumb, title, one line, actions */
.x8c-ph{margin:0 0 16px}
.x8c-ph-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.x8c-ph h1{font:600 22px/1.25 var(--x8c-font);color:var(--x8c-text);letter-spacing:-.01em;margin:4px 0 0}
.x8c-ph p{font-size:13.5px;line-height:1.5;color:var(--x8c-muted);margin:4px 0 0;max-width:760px}
.x8c-ph-acts{display:flex;gap:8px;flex-wrap:wrap}
.x8c-wrap{max-width:1240px;margin:0 auto;padding:20px 28px 0}
@media (max-width:760px){.x8c-wrap{padding:16px 16px 0}}

/* older pages' feedback button: a quiet pill, bottom right */
body.x8c #fbk-widget-wrap{top:auto!important;bottom:20px;right:20px!important;flex-direction:column-reverse}
body.x8c #fbk-fab-label{display:none}
body.x8c #fbk-fab{width:auto;height:32px;border-radius:16px;padding:0 14px;background:#16181D;box-shadow:0 4px 16px -4px rgba(11,11,12,.35);font-size:0}
body.x8c #fbk-fab::after{content:"Feedback";font:600 13px var(--x8c-font);color:#fff}
body.x8c #fbk-fab:hover{transform:none;background:#000}
body.x8c #fbk-panel{top:auto;bottom:44px;border-radius:8px;background:#fff;border:1px solid var(--x8c-line);box-shadow:0 16px 40px -12px rgba(11,11,12,.3)}
body.x8c #page-video-overlay,body.x8c .page-video-bg,body.x8c #page-video-bg{display:none!important}

/* Support (Aria) in the console look */
body.x8c .x8c-support{display:inline-flex!important;height:32px;padding:0 10px;margin:0;border-radius:6px;gap:6px;background:transparent;border:1px solid #2A2C33;color:#E7E9ED;font:600 12.5px var(--x8c-font)}
body.x8c .x8c-support:hover,body.x8c .x8c-support.ax-active{background:#1C1E23;border-color:var(--x8-gold,#B8892F);color:#fff}
@media (max-width:760px){body.x8c .x8c-support span{display:none}body.x8c .x8c-support{width:32px;padding:0;border-color:transparent}}
body.x8c .ax-panel{font-family:var(--x8c-font);border-left:1px solid var(--x8c-line);box-shadow:-12px 0 32px -16px rgba(11,11,12,.25)}
body.x8c .ax-head{background:#16181D}
body.x8c .ax-avatar{background:var(--x8c-accent)}
body.x8c .ax-head-sub{color:#C9CDD5}
body.x8c .ax-context{background:var(--x8c-bg);border-bottom-color:var(--x8c-line)}
body.x8c .ax-context-text{font-family:var(--x8c-font);color:var(--x8c-muted)}
body.x8c .ax-msg-av{background:#16181D;color:#fff}
body.x8c .ax-msg.ax-user .ax-msg-av{background:var(--x8c-accent)}
body.x8c .ax-bubble{background:var(--x8c-bg);border-color:var(--x8c-line);color:var(--x8c-text);border-radius:2px 8px 8px 8px}
body.x8c .ax-msg.ax-user .ax-bubble{background:var(--x8c-accent);border-color:var(--x8c-accent);border-radius:8px 2px 8px 8px}
body.x8c .ax-qbtn{border:1px solid var(--x8c-line-2);background:#fff;color:var(--x8c-text-2);font-family:var(--x8c-font);border-radius:14px}
body.x8c .ax-qbtn:hover{background:var(--x8c-text);border-color:var(--x8c-text);color:#fff}
body.x8c .ax-input-row{border:1px solid var(--x8c-line-2);border-radius:8px;background:#fff}
body.x8c .ax-input-row:focus-within{border-color:var(--x8c-accent)}
body.x8c .ax-input{font-family:var(--x8c-font);color:var(--x8c-text)}
body.x8c .ax-send{background:var(--x8c-accent);border-radius:6px}
body.x8c .ax-send:hover{background:var(--x8c-accent-h)}
body.x8c .x8c-acts .x8c-support{margin:0 6px 0 4px}
/* Feature search: a longer list, and a brief gold ring on the section it opened. */
.x8c-jump{max-height:min(70vh,440px);overflow-y:auto}
.x8c-found{outline:2px solid var(--x8c-accent)!important;outline-offset:3px;border-radius:8px;transition:outline-color 1.2s ease}