/* TALNEXQ QI v4.15.4 layout recovery: additive, scoped UI only. */
:root[data-area="app"] .tnx-floating-theme{display:none!important}
:root[data-area="app"] body > #qiwa-entry{display:none!important}
:root[data-area="app"] body > #se-view-launch{display:none!important}
:root[data-area="app"] .app > .side{min-height:0}
:root[data-area="app"] .app > .side .navscroll{min-height:0;flex:1 1 auto;overflow-x:hidden;scrollbar-width:thin}
:root[data-area="app"] .app > .side .tnx-quicklinks{flex:none;display:block;margin:0 3px 10px;padding:9px;border:1px solid rgba(148,180,225,.24);background:rgba(71,128,205,.09);border-radius:12px}
:root[data-area="app"] .tnx-quicklinks-label{display:block;font-size:10px;color:#a9bbd6;letter-spacing:.11em;font-weight:800;padding:0 7px 5px}
:root[data-area="app"] .tnx-quicklinks nav{display:grid;gap:4px}
:root[data-area="app"] .app > .side .tnx-quicklinks nav a{display:flex;align-items:center;min-height:40px;padding:9px 11px;border-radius:9px;font-weight:700;font-size:12px;line-height:1.3;text-decoration:none;color:#d4e9ff;overflow-wrap:anywhere}
:root[data-area="app"] .app > .side .tnx-quicklinks nav a.tnx-quicklink-primary{color:white;background:#1464b7}
:root[data-area="app"] .app > .side .tnx-quicklinks nav a:hover{background:#2f74b5;color:#fff}
:root[data-area="app"] .app > .side .tnx-quicklinks nav a:focus-visible{outline:3px solid #a6dcff;outline-offset:2px}
:root[data-area="app"] #app .se13-more-menu .se-view-launch{position:static!important;inset:auto!important;display:flex!important;min-height:40px;width:100%;max-width:100%;padding:9px 12px;justify-content:flex-start;text-align:left;box-shadow:none!important;border:0!important;border-radius:9px!important;background:transparent!important;color:var(--ink,#24364e)!important;font:inherit!important;cursor:pointer}
:root[data-area="app"] #app .se13-more-menu .se-view-launch:hover{background:var(--surface-2,#e8f0fb)!important}
:root[data-area="app"] #app .se13-more-menu .se-view-launch .se-view-label{display:inline!important}
:root[data-area="app"] #se-view-panel{inset:72px 16px auto auto!important;max-height:min(75vh,580px);width:min(350px,calc(100vw - 24px))}
:root[data-area="app"] .app .content{min-width:0;padding-bottom:max(42px,env(safe-area-inset-bottom))}
:root[data-area="app"] .app #portal-content .kpis{grid-template-columns:repeat(auto-fit,minmax(min(100%,215px),1fr))!important;min-width:0;overflow:hidden}
:root[data-area="app"] .app #portal-content .kpis a{min-width:0;padding:16px 18px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
:root[data-area="app"] .app #portal-content .kpis b{font-size:clamp(23px,2.2vw,34px);line-height:1.18;overflow-wrap:anywhere}
:root[data-area="app"] .app #portal-content .kpis span{display:block;max-width:100%;line-height:1.5;font-size:12px}
:root[data-area="app"] .app .ptop .push{min-width:0;flex-wrap:wrap;row-gap:5px}
:root[data-area="app"] .app #portal-content .panel{max-width:100%;min-width:0}
@media(max-width:900px){
 :root[data-area="app"] .app #portal-content .kpis{grid-template-columns:repeat(auto-fit,minmax(min(100%,185px),1fr))!important}
 :root[data-area="app"] #se-view-panel{top:64px!important;right:12px!important}
}
@media(max-width:600px){
 :root[data-area="app"] .app #portal-content .kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 :root[data-area="app"] .app #portal-content .kpis a{padding:12px}
 :root[data-area="app"] .app #portal-content .kpis b{font-size:clamp(21px,6vw,27px)}
 :root[data-area="app"] .app #portal-content .kpis span{font-size:11.5px}
 :root[data-area="app"] .app .content{padding-bottom:calc(34px + env(safe-area-inset-bottom))}
}
@media(max-width:360px){:root[data-area="app"] .app #portal-content .kpis{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){:root[data-area="app"] .tnx-quicklinks *{transition:none!important}}

:root[data-area="app"] #app .se13-more-menu #se-view-launch{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;inset:auto!important;width:100%!important;min-width:0!important;height:auto!important;min-height:40px!important;padding:9px 12px!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;border-radius:8px!important;border:0!important;box-shadow:none!important;background:transparent!important;color:var(--ink,#dceafa)!important;font:700 12px/1.4 var(--font,system-ui)!important;z-index:auto!important;}
:root[data-area="app"] #app .se13-more-menu #se-view-launch .se-view-label{position:static!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;clip-path:none!important;overflow:visible!important;white-space:normal!important;margin-left:7px!important;}

:root[data-area="app"] .app .modal .qiwa-mobile-quicklink{display:block;margin:0 8px 8px;}
:root[data-area="app"] .app .modal .qiwa-mobile-quicklink a{display:block;padding:11px 12px;border-radius:10px;background:var(--accent-soft,#e9f4ff);color:var(--ink,#15365c);font-size:14px;font-weight:750;text-decoration:none;}

/* TALNEXQ v4.15.5: independent, compact floating viewing controls.
   Desktop uses a right-side rail; mobile uses a compact centered bottom dock with scroll space. */
:root[data-area="app"] .tnx-a11y-dock, .tnx-a11y-dock{
  position:fixed!important;right:max(10px,env(safe-area-inset-right,0px))!important;top:clamp(120px,35vh,350px)!important;bottom:auto!important;left:auto!important;
  width:50px;display:grid;gap:9px;z-index:10009!important;isolation:isolate;
}
.tnx-a11y-dock[hidden],.tnx-a11y-dialog[hidden],.tnx-install-dialog[hidden],.tnx-install-dialog .tnx-a11y-panel-action[hidden]{display:none!important}
.tnx-a11y-dock .tnx-mobile-install{display:none!important}
:root[data-area="app"] body > #se-view-launch{display:none!important}
:root[data-area="app"] .tnx-a11y-dock #se-view-launch,
:root[data-area="auth"] .tnx-a11y-dock #se-view-launch, .tnx-a11y-dock #se-view-launch,.tnx-a11y-dock .tnx-a11y-float{
  position:static!important;inset:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;
  width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;min-height:48px!important;
  padding:0!important;margin:0!important;border:1px solid #adc7ed!important;border-radius:15px!important;background:#ffffff!important;color:#1352a4!important;
  -webkit-text-fill-color:#1352a4!important;box-shadow:0 8px 22px #071e3f30!important;z-index:auto!important;
  font:800 21px/1.2 system-ui,sans-serif!important;cursor:pointer!important;transform:none!important;
}
.tnx-a11y-dock #se-view-launch .se-view-dot{font-size:15px!important;width:auto!important;height:auto!important;color:#1352a4!important}
.tnx-a11y-dock #se-view-launch .se-view-label{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.tnx-a11y-dock :is(button):hover{background:#eaf4ff!important;border-color:#2878d8!important}
.tnx-a11y-dock :is(button):focus-visible{outline:3px solid #ffba53!important;outline-offset:3px!important}
:root[data-theme="dark"] .tnx-a11y-dock .tnx-a11y-float,:root[data-theme="dark"] .tnx-a11y-dock #se-view-launch{background:#132a47!important;color:#ecf6ff!important;-webkit-text-fill-color:#ecf6ff!important;border-color:#637d9b!important}
:root[data-theme="dark"] .tnx-a11y-dock #se-view-launch .se-view-dot{color:#ecf6ff!important}
:root[data-area="app"] #se-view-panel,.tnx-a11y-dialog,.tnx-install-dialog{
  position:fixed!important;inset:auto max(72px,calc(env(safe-area-inset-right,0px) + 72px)) auto auto!important;
  top:clamp(88px,25vh,250px)!important;width:min(365px,calc(100vw - 86px))!important;
  max-height:min(70dvh,680px)!important;overflow:auto!important;z-index:10012!important;
  padding:18px;border:1px solid #bdcfe7;border-radius:16px;background:#fff;color:#153351;
  box-shadow:0 18px 48px #0c244d47;font:14px/1.52 system-ui,sans-serif;
}
.tnx-a11y-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}
.tnx-a11y-dialog-head h2{font-size:19px;line-height:1.3;margin:0;color:#12375c}
.tnx-a11y-description,.tnx-a11y-shortcuts,.tnx-install-description,.tnx-install-instructions{font-size:13px;line-height:1.5;color:#415a75}
.tnx-a11y-action-list{display:grid;gap:8px;margin:12px 0}
.tnx-a11y-panel-action{display:flex;align-items:center;justify-content:space-between;gap:15px;text-align:left;width:100%;min-height:44px;background:#eff6ff;color:#174d84;border:1px solid #b6cee8;border-radius:9px;padding:10px 12px;font:700 13px/1.4 system-ui,sans-serif;cursor:pointer}
.tnx-a11y-panel-action[aria-pressed="true"]{background:#d8e9ff;border-color:#2765bb;color:#134b92}
.tnx-a11y-state{font-size:12px;padding:3px 7px;border-radius:999px;background:#fff;color:#174d84}
.tnx-a11y-close{min-width:40px;min-height:40px;border-radius:9px;border:1px solid #aec8e8;background:#edf5ff;color:#164b80;font-size:20px;cursor:pointer}
.tnx-install-open{display:inline-flex;margin-top:10px;color:#1351a1;font-weight:750}
#tnx-pwa-install{display:flex;align-items:center;justify-content:center;min-height:43px;padding:9px 12px;gap:5px;border:1px solid #3a78b9;border-radius:10px;background:#e7f2ff;color:#124b86;font-size:13px;font-weight:750;cursor:pointer;width:100%;margin:6px 0;text-align:center}
#qiwa-entry #tnx-pwa-install{margin:2px 0 0}
#tnx-pwa-install:focus-visible,.tnx-a11y-dialog button:focus-visible,.tnx-install-dialog button:focus-visible{outline:3px solid #ffba53;outline-offset:2px}
:root[data-se-motion="reduce"] .tnx-a11y-dock *{transition:none!important;animation:none!important}
@media(prefers-reduced-motion:reduce){.tnx-a11y-dock *{transition:none!important;animation:none!important}}
.tnx-a11y-dock .tnx-mobile-install{display:none!important}
@media(max-width:700px){
  :root[data-area="app"] .app .content{padding-bottom:max(90px,env(safe-area-inset-bottom,0px))!important}
  .tnx-a11y-dock .tnx-mobile-install{display:flex!important}
  :root[data-area="app"] .tnx-a11y-dock, .tnx-a11y-dock{top:auto!important;bottom:max(14px,env(safe-area-inset-bottom,0px))!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:max-content!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:7px}
  :root[data-area="auth"] .tnx-a11y-dock #se-view-launch, .tnx-a11y-dock #se-view-launch,.tnx-a11y-dock .tnx-a11y-float{width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;border-radius:12px!important}
  :root[data-area="app"] #se-view-panel,.tnx-a11y-dialog,.tnx-install-dialog{top:auto!important;bottom:max(85px,env(safe-area-inset-bottom,0px))!important;right:60px!important;width:min(340px,calc(100vw - 72px))!important;max-height:72dvh!important}
}
@media(max-width:360px){.tnx-a11y-dialog,.tnx-install-dialog{padding:11px!important}}
@media print{.tnx-a11y-dock,.tnx-a11y-dialog,.tnx-install-dialog,#tnx-pwa-install{display:none!important}}

/* r3.8.6: mobile authentication tools follow the form in normal document flow. */
@media(max-width:700px){
  :root[data-area="auth"] #tnx-a11y-dock{position:static!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;transform:none!important;margin:18px auto max(18px,env(safe-area-inset-bottom,0px))!important;display:flex!important;justify-content:center!important;width:max-content!important;max-width:calc(100% - 24px)!important;}
  :root[data-area="auth"] .tnx-auth-main{padding-bottom:18px!important;}
}

/* TALNEXQ S2: restrained visual polish for the existing portal, without replacing
   portal layout, forms, permissions, page components or semantic controls. */
:root[data-theme="light"][data-area="app"] .app .content{background:linear-gradient(180deg,#f6faff 0,#f7f9fd 460px,#f7f9fd 100%);}
:root[data-theme="light"][data-area="app"] .app :is(.panel,.card,.stat,.kpi,.stat-card,.kpi-card,.widget,.workspace-card,.module-card){border-color:#dde8f5;box-shadow:0 6px 22px rgba(31,79,146,.055);}
:root[data-theme="light"][data-area="app"] .app :is(.panel,.card,.stat,.kpi,.stat-card,.kpi-card,.widget,.workspace-card,.module-card){transition:border-color .15s ease,box-shadow .15s ease;}
:root[data-theme="light"][data-area="app"] .app :is(.stat-card,.kpi-card,.workspace-card,.module-card):hover{border-color:#bed9fa;box-shadow:0 10px 28px rgba(25,80,155,.11)}
:root[data-theme="light"][data-area="app"] .app :is(button,.btn,a.btn,select,input,textarea):focus-visible{outline:3px solid #4d93ec;outline-offset:2px;}
:root[data-theme="light"][data-area="app"] .app :is(input,select,textarea){max-width:100%;}
:root[data-theme="light"][data-area="app"] .app :is(h1,h2,h3){letter-spacing:-.018em;}
@media(prefers-reduced-motion:reduce){:root[data-theme="light"][data-area="app"] .app :is(.panel,.card,.stat,.kpi,.stat-card,.kpi-card,.widget,.workspace-card,.module-card){transition:none}}

.ca-grants{padding:14px 12px;border:1px solid var(--line,#33465e);border-radius:12px;background:rgba(77,143,241,.05)}
.ca-grants-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:12px;margin:12px 0}
.ca-grant{display:grid;gap:5px;font-size:13px}.ca-grant select{width:100%;min-height:38px;padding:7px 10px;border:1px solid var(--line,#50647d);border-radius:8px;background:var(--surface,#17263c);color:inherit}
.ca-grants .actions{align-items:center;justify-content:space-between;flex-wrap:wrap}
@media(max-width:720px){.ca-grants-grid{grid-template-columns:1fr}.ca-grants{padding:12px}}

.oc-fast>a[href*="clientreq?t=acc"]{display:inline-flex;align-items:center;gap:7px;background:#2563eb;color:#fff;border-color:#2563eb;font-weight:750}

/* QI Coworker v0.1 — responsive, accessible, light-first floating workspace */
#qcw-root{font:inherit;color:#12213b;position:relative;z-index:2147480000}
#qcw-root *,#qcw-root *::before,#qcw-root *::after{box-sizing:border-box}
#qcw-root *,#qcw-root *:before,#qcw-root *:after{box-sizing:border-box}
.qcw-fab{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));right:max(18px,env(safe-area-inset-right));border:1px solid #b9d0f5;background:linear-gradient(130deg,#1558c4,#0c3993);color:white;box-shadow:0 10px 35px #174a924d;border-radius:22px;min-height:54px;padding:12px 18px;cursor:pointer;font-size:14px;font-weight:750;display:flex;gap:10px;align-items:center}
.qcw-fab:hover,.qcw-fab:focus-visible{outline:3px solid #83b5f5;outline-offset:2px}
.qcw-backdrop{position:fixed;inset:0;background:rgba(10,23,47,.36);display:grid;justify-items:end;align-items:stretch;padding:12px;z-index:2147480001}
.qcw-panel{width:min(100%,500px);height:min(100%,800px);max-height:calc(100dvh - 24px);border-radius:24px;background:#fff;color:#15294b;border:1px solid #dce6f7;box-shadow:0 26px 70px #0c25423e;display:flex;flex-direction:column;overflow:hidden}
.qcw-head{padding:19px 21px 14px;background:linear-gradient(120deg,#f5f9ff,#e7f1ff);border-bottom:1px solid #dce8f9;display:flex;align-items:start;gap:12px}
.qcw-head h2{font-size:21px;color:#143f8d;line-height:1.2;margin:2px 0 4px}
.qcw-head p{font-size:12px;color:#496384;margin:0}
.qcw-q{display:grid;place-items:center;width:42px;height:42px;border-radius:16px;background:#1556bd;color:#fff;font-size:25px;font-weight:800;flex-shrink:0}
.qcw-close{margin-left:auto;font-size:22px;background:#fff;border:1px solid #cbdcf4;color:#193c72;border-radius:12px;width:34px;height:34px;cursor:pointer}
.qcw-scroll{overflow-y:auto;overscroll-behavior:contain;flex:1;padding:18px 20px}
.qcw-kpi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:0 0 17px}
.qcw-stat{background:#f4f8ff;border:1px solid #e1eafb;border-radius:16px;padding:12px}
.qcw-stat b{font-size:21px;color:#163f8a;display:block}.qcw-stat small{display:block;color:#58708e;font-size:11px;margin-top:4px}
.qcw-label{font-weight:750;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#4c6686;margin:14px 0 8px}
.qcw-notice{border:1px solid #dce8f9;background:#f7faff;border-radius:14px;padding:12px;font-size:12px;line-height:1.55;color:#36557c}
.qcw-chips{display:flex;flex-wrap:wrap;gap:7px}.qcw-chip{border:1px solid #cbdcf3;border-radius:20px;padding:8px 11px;color:#164d98;background:white;font:inherit;font-size:12px;cursor:pointer;text-decoration:none}
.qcw-chip:hover,.qcw-chip:focus-visible{background:#e8f2ff;outline:2px solid #a4c6fc}
.qcw-chat{margin-top:14px}.qcw-chat label{display:block;font-weight:700;font-size:13px;color:#153d79;margin:0 0 8px}
.qcw-chat textarea{font-family:inherit;width:100%;min-height:78px;border:1px solid #a9c3e8;border-radius:14px;padding:12px;resize:vertical;color:#162c4b;background:white;font-size:14px}
.qcw-chat button[type=submit]{background:#1454b5;border:0;color:#fff;border-radius:12px;padding:11px 18px;margin-top:8px;font-weight:700;cursor:pointer}
.qcw-chat button:disabled{opacity:.6;cursor:wait}
.qcw-answer{margin:12px 0 0;border:1px solid #d8e6f7;border-radius:16px;background:#f9fbff;padding:13px;font-size:13px;line-height:1.6}
.qcw-answer strong{color:#16458a}.qcw-answer ol{padding-left:22px;margin:8px 0}
.qcw-controls{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:12px}
.qcw-controls button{border:1px solid #d1dff0;border-radius:10px;background:white;padding:8px 10px;color:#234d84;font-size:12px;cursor:pointer}
.qcw-sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.qcw-error{color:#9f2d30;font-size:12px;margin-top:8px}
.qcw-bars{display:flex;align-items:end;gap:4px;height:45px;margin-top:10px}
.qcw-bars i{width:100%;flex:1;min-width:8px;border-radius:3px 3px 0 0;background:#b5d4fa}
@media(max-width:590px){.qcw-backdrop{padding:0}.qcw-panel{width:100%;height:100dvh;max-height:100dvh;border-radius:0}.qcw-fab{bottom:max(10px,env(safe-area-inset-bottom));right:10px;min-height:48px}}
@media(prefers-reduced-motion:reduce){.qcw-panel,.qcw-fab{transition:none!important}}
@media(max-width:700px){
 :root[data-area="app"] .qcw-fab{bottom:calc(88px + env(safe-area-inset-bottom,0px));left:10px;right:auto;width:48px;min-height:48px;padding:0;gap:0;font-size:0;border-radius:14px}
 :root[data-area="app"] .qcw-fab::before{content:'QI';font-size:14px;font-weight:800}
}
@media(min-width:701px) and (max-width:900px){
 :root[data-area="app"] .qcw-fab{bottom:calc(88px + env(safe-area-inset-bottom,0px))}
}

/* QI Client Intelligence — responsive and reduced-motion friendly. */
.qi-client-intel{border:1px solid rgba(52,173,229,.27);background:linear-gradient(145deg,rgba(12,58,92,.16),transparent 65%)}
.qi-ci-eyebrow{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.18em;color:#13a9bb;margin-bottom:7px}
.qi-ci-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
.qi-ci-card{display:flex;flex-direction:column;padding:17px;border-radius:14px;background:rgba(48,137,190,.08);border:1px solid rgba(53,142,194,.2)}
.qi-ci-card strong{font-size:clamp(24px,2.5vw,34px);font-weight:800;line-height:1.1;color:var(--text,#c9e9f8)}
.qi-ci-card span{font-size:12px;line-height:1.5;margin-top:7px;color:var(--muted,#8db6c9)}
.qi-ci-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.qi-ci-columns h3{font-size:14px;font-weight:800;margin:4px 0 12px}
.qi-ci-list{list-style:none;padding:0;margin:0}.qi-ci-list li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(100,150,194,.18);padding:12px 0;font-size:13px}
.qi-ci-list li span{overflow-wrap:anywhere}.qi-ci-list small{white-space:nowrap;color:var(--muted,#89adc3)}
.qi-ci-foot{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:18px;color:var(--muted,#89adc3)}.qi-ci-foot a{font-weight:750;color:#17b4cf;white-space:nowrap}
@media(max-width:900px){.qi-ci-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.qi-ci-columns{grid-template-columns:1fr}.qi-ci-foot{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:410px){.qi-ci-cards{gap:7px}.qi-ci-card{padding:11px}.qi-ci-list li{flex-direction:column;gap:3px}.qi-ci-list small{white-space:normal}}
@media(prefers-reduced-motion:reduce){.qi-client-intel *{animation:none!important;transition:none!important}}

.so45{--so-surface:#10233e;--so-border:rgba(157,195,229,.2);--so-ink:#eff7ff;--so-muted:#a8bed5;--so-accent:#39e1cb;max-width:1490px;margin:0 auto;padding:clamp(15px,3vw,35px);color:var(--so-ink);font-family:inherit}
.so45 *{box-sizing:border-box}.so45-hero{background:radial-gradient(circle at 80% 0%,rgba(23,177,169,.25),transparent 40%),linear-gradient(115deg,#142a4b,#09182e);border:1px solid var(--so-border);border-radius:23px;padding:30px;display:flex;justify-content:space-between;align-items:center;gap:22px}.so45-kicker,.so45-card>small,.so45-head small{letter-spacing:.12em;color:#78dedb;font-weight:750;font-size:.72rem}.so45-hero h1{font-size:clamp(29px,3vw,49px);line-height:1.15;margin:15px 0}.so45-hero h1 em{font-style:normal;color:#56f1df}.so45-hero p{max-width:730px;color:var(--so-muted);line-height:1.65}.so45-hero-mark{border:1px solid #3ccbc6;border-radius:28px;padding:32px;font-size:68px;font-weight:800;color:#44e1d6}.so45-hero-mark span{font-size:16px;vertical-align:top}.so45-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:21px}.so45-chips span{padding:7px 12px;background:rgba(58,218,204,.1);color:#c4f4ee;border-radius:50px;font-size:12px}.so45-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.so45-metrics article{background:#10223c;border:1px solid var(--so-border);border-radius:15px;padding:20px}.so45-metrics small{display:block;color:var(--so-muted)}.so45-metrics strong{display:block;font-size:clamp(21px,2vw,31px);margin:8px 0;overflow-wrap:anywhere}.so45-metrics span{color:#8facbd;font-size:12px}.so45-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.so45 button{border:1px solid rgba(157,195,229,.26);border-radius:11px;background:#132a45;color:var(--so-ink);font:inherit;cursor:pointer;padding:10px 15px}.so45 button:hover{border-color:var(--so-accent)}.so45 button:disabled{opacity:.5;cursor:not-allowed}.so45 button:focus-visible,.so45 a:focus-visible,.so45 input:focus-visible,.so45 select:focus-visible,.so45 textarea:focus-visible{outline:3px solid #4feede;outline-offset:2px}.so45-tabs button.selected,.so45 button.primary{background:#34c8bb;color:#042b32;font-weight:800}.so45-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:14px}.so45-card{background:#10233e;border:1px solid var(--so-border);border-radius:18px;padding:clamp(18px,2vw,25px);min-width:0}.so45-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.so45 h2{font-size:clamp(19px,2vw,26px);margin:8px 0 13px}.so45 p,.so45 li{line-height:1.65;color:var(--so-muted)}.so45-split{display:flex;align-items:baseline;justify-content:space-between;margin:22px 0 10px}.so45-split strong{font-size:32px}.so45-split strong small{font-size:15px;color:var(--so-muted)}.so45-track{height:10px;border-radius:99px;background:#29415a;overflow:hidden;margin-bottom:24px}.so45-track i{height:100%;display:block;background:linear-gradient(90deg,#31d9c6,#75bafa);border-radius:inherit}.so45-pairs{margin-top:24px}.so45-pairs h3{font-size:16px}.so45-pairs>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--so-border)}.so45-side a{display:block;color:#6cf1e0;padding:12px 0;text-decoration:none;border-bottom:1px solid var(--so-border)}.so45-side ul{padding-left:21px}.so45-info{display:flex;flex-direction:column;gap:7px;border:1px solid var(--so-border);border-radius:12px;padding:14px;margin:12px 0}.so45-info span{font-size:20px}.so45-info small{color:var(--so-muted)}.so45-form label{display:flex;flex-direction:column;gap:7px;color:#d6e9f3;font-size:14px;margin-bottom:17px}.so45-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}.so45 input,.so45 select,.so45 textarea{min-width:0;width:100%;border:1px solid #55718d;background:#0b1b30;color:#effcff;border-radius:11px;padding:11px;font:inherit}.so45-buttons{display:flex;flex-wrap:wrap;gap:12px}.so45-message{padding:13px 16px;border:1px solid #41b4a5;border-radius:10px;background:#123b41;margin:12px 0}.so45-message.error{border-color:#e99999;background:#49272f}.so45-action-list{display:grid;gap:10px;margin-top:17px}.so45-action-list button{text-align:left}.so45-event-list{max-height:540px;overflow:auto}.so45-event-list article{border-bottom:1px solid var(--so-border);padding:14px 0;display:grid;gap:5px}.so45-event-list span,.so45-event-list small{color:var(--so-muted)}.so45-foot{font-size:12px;color:var(--so-muted);padding:23px 2px}
[data-theme="light"] .so45{--so-ink:#0c2540;--so-muted:#385977;--so-border:rgba(20,68,108,.18)}[data-theme="light"] .so45-hero{background:linear-gradient(115deg,#e2f7fa,#dce9fc)}[data-theme="light"] .so45-hero h1 em{color:#067d7b}[data-theme="light"] .so45-metrics article,[data-theme="light"] .so45-card{background:#f6fbff}[data-theme="light"] .so45-chips span{color:#12625e}[data-theme="light"] .so45 button{background:#deedf5;color:#093350}[data-theme="light"] .so45-tabs button.selected,[data-theme="light"] .so45 button.primary{background:#169e95;color:#fff}[data-theme="light"] .so45 input,[data-theme="light"] .so45 textarea,[data-theme="light"] .so45 select{background:#fff;color:#163750;border-color:#8ca8ba}[data-theme="light"] .so45-side a{color:#057b73}[data-theme="light"] .so45-message{color:#fff}
@media(max-width:1050px){.so45-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.so45-grid{grid-template-columns:1fr}}@media(max-width:620px){.so45-metrics,.so45-form-grid{grid-template-columns:1fr}.so45-hero{padding:20px}.so45-hero-mark{display:none}.so45-chips{gap:5px}.so45-card{padding:17px}}
@media(prefers-reduced-motion:reduce){.so45 *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Scoped fixes established by the desktop/phone integration audit. */
.qi-ci-cards,.qi-ci-columns,.so45-grid,.so45-form-grid{min-width:0}
.qi-ci-card{min-width:0}
.qi-ci-card strong{color:var(--ink,#173b59)}
.qi-ci-card span,.qi-ci-list small,.qi-ci-foot{color:var(--muted,#46627c)}
:root[data-theme="light"] .qi-ci-eyebrow,:root[data-theme="light"] .so45-kicker{color:#155d95}
.qi-ci-foot small{min-width:0;overflow-wrap:anywhere}
.qats-editor input,.qats-editor select{box-sizing:border-box;min-width:0;max-width:100%}
@media(max-width:700px){
 :root[data-area="app"] .app .tabbar{min-height:74px;box-sizing:border-box}
 :root[data-area="app"] .app .tabbar :is(a,button){flex:1 1 0;min-width:0;max-width:20%;font-size:11px!important;line-height:1.25;overflow-wrap:anywhere;justify-content:flex-start}
 :root[data-area="app"] .app .tabbar .ico{flex-shrink:0}
 :root[data-area="app"] .app .ptop .push{display:flex;gap:6px;flex-wrap:wrap}
 :root[data-area="app"] .app .ptop .push>*{flex:0 0 auto!important}
 /* Keep the independent readability controls above the portal's navigation. */
 :root[data-area="app"] .tnx-a11y-dock{bottom:calc(88px + env(safe-area-inset-bottom,0px))!important}
 :root[data-area="app"] .app .content{padding-bottom:calc(160px + env(safe-area-inset-bottom,0px))!important}
 :root[data-area="app"] #se-view-panel,:root[data-area="app"] .tnx-a11y-dialog,:root[data-area="app"] .tnx-install-dialog{bottom:calc(140px + env(safe-area-inset-bottom,0px))!important;right:12px!important;width:min(365px,calc(100vw - 24px))!important;max-height:calc(100dvh - 170px)!important;box-sizing:border-box}
 .qi-ci-foot{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){.qi-client-intel *,.so45 *{animation:none!important;transition:none!important}}

/* TALNEXQ Prism Executive / Calm Workspace v4.17.1
   Safe visual override; intentionally does NOT hide modules, menus, controls,
   permission gates, form fields, validation or required statuses. */
:root[data-theme="light"][data-area="app"]{
  --tnx-ui-ink:#153251;--tnx-ui-muted:#56718b;--tnx-ui-blue:#175cb7;
  --tnx-ui-edge:#dbe6f3;--tnx-ui-soft:#f5f8fd;
  --tnx-ui-shadow:0 7px 24px rgba(23,69,120,.052);
}
:root[data-theme="light"][data-area="app"] .app{
  --paper:#f5f8fd;--surface:#fff;--surface-2:#f1f6fc;--ink:#153251;
  --ink-2:#3e5a77;--ink-3:#59728a;--line:#dbe6f3;--line-2:#c4d5e7;
  --accent:#175cb7;--accent-soft:#e8f1ff;--btn:#175cb7;--btn-hover:#104990;
  color:var(--tnx-ui-ink);
}
/* App frame: consistent separation of navigation, toolbar and working area. */
:root[data-theme="light"][data-area="app"] .app > .side{
  background:#fff!important;border-right:1px solid #d9e5f2!important;
  box-shadow:2px 0 14px rgba(25,61,101,.035)!important;
}
:root[data-theme="light"][data-area="app"] .app .content{
  background:linear-gradient(180deg,#f7faff 0%,#f4f8fd 420px,#f5f8fd 100%)!important;
  min-width:0;box-sizing:border-box;
}
:root[data-theme="light"][data-area="app"] .app .ptop{
  background:rgba(255,255,255,.98)!important;border-bottom:1px solid #dbe6f3!important;
  box-shadow:0 2px 10px rgba(27,63,116,.035)!important;color:#183753;
}
:root[data-theme="light"][data-area="app"] .app .side .navscroll{min-width:0;scrollbar-color:#c1d3e8 transparent}
:root[data-theme="light"][data-area="app"] .app .side .navscroll :is(a,button){
  border-radius:10px;min-width:0;overflow-wrap:break-word;line-height:1.4;
}
:root[data-theme="light"][data-area="app"] .app .side .navscroll :is(a,button):focus-visible{
  outline:3px solid #397fe6;outline-offset:-2px;
}
/* Keep quick shortcuts in the nav flow; do not let floating UI overlap data. */
:root[data-theme="light"][data-area="app"] .app>.side .tnx-quicklinks{
  border:1px solid #d9e6f5;background:#f5f9ff;border-radius:14px;
  padding:9px;margin-top:5px;margin-bottom:12px;
}
:root[data-theme="light"][data-area="app"] .app>.side .tnx-quicklinks-label{
  color:#56718b;font-size:10px;letter-spacing:.09em;
}
:root[data-theme="light"][data-area="app"] .app>.side .tnx-quicklinks nav a{
  color:#23517e;min-height:38px;border-radius:9px;font-size:12px;
}
:root[data-theme="light"][data-area="app"] .app>.side .tnx-quicklinks nav a.tnx-quicklink-primary{
  color:#fff;background:#175cb7;
}
/* Purposeful hierarchy: easy-to-scan dashboards without visually loud cards. */
:root[data-theme="light"][data-area="app"] .app :is(h1,h2,h3){
  letter-spacing:-.025em;line-height:1.21;
}
:root[data-theme="light"][data-area="app"] .app :is(.panel,.card,.stat,.kpi,.stat-card,.kpi-card,.widget,.workspace-card,.module-card){
  border-color:var(--tnx-ui-edge);border-radius:15px;
  box-shadow:var(--tnx-ui-shadow);
}
:root[data-theme="light"][data-area="app"] .app :is(.panel,.card,.stat,.kpi,.stat-card,.kpi-card,.widget,.workspace-card,.module-card):focus-within{
  border-color:#b9d1f1;
}
:root[data-theme="light"][data-area="app"] .app #portal-content .kpis{
  gap:12px;min-width:0;grid-template-columns:repeat(auto-fit,minmax(min(100%,215px),1fr));
}
:root[data-theme="light"][data-area="app"] .app #portal-content .kpis > :is(a,div,article){
  min-width:0;padding:16px 18px;border:1px solid #dfe9f6;
  border-radius:15px;background:#fff;box-shadow:0 6px 18px rgba(30,83,150,.05);
}
:root[data-theme="light"][data-area="app"] .app #portal-content .kpis :is(b,strong){
  line-height:1.2;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;
}
:root[data-theme="light"][data-area="app"] .app #portal-content .kpis :is(span,small){
  line-height:1.48;color:#566d85;
}
/* Forms and action bars: consistent rhythm, no truncated field text. */
:root[data-theme="light"][data-area="app"] .app :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select){
  max-width:100%;min-width:0;box-sizing:border-box;border-radius:10px;
}
:root[data-theme="light"][data-area="app"] .app :is(button,.btn,a.btn){
  max-width:100%;overflow-wrap:break-word;
}
:root[data-theme="light"][data-area="app"] .app :is(button,a,input,select,textarea,summary):focus-visible{
  outline:3px solid #3e8ae7;outline-offset:2px;
}
:root[data-theme="light"][data-area="app"] .app .ptop .push{
  display:flex;min-width:0;align-items:center;gap:8px;flex-wrap:wrap;
}
:root[data-theme="light"][data-area="app"] .app :is(.toolbar,.actionbar,.action-bar,.filters,.filter-bar){
  min-width:0;max-width:100%;gap:9px;flex-wrap:wrap;
}
/* Large grids, labels and tables never force the entire application off screen. */
:root[data-area="app"] .app :is(.content,#portal-content,.panel,.card,.grid,.row){min-width:0}
:root[data-area="app"] .app :is(.content,#portal-content,.panel,.card) :is(h1,h2,h3,p,small,label){overflow-wrap:break-word}
:root[data-area="app"] .app :is(.table-wrap,.table-responsive,.table-container,[role="region"][aria-label*="table"]){
  max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;
}
:root[data-area="app"] .app table{max-width:100%;border-collapse:separate;border-spacing:0}
:root[data-theme="light"][data-area="app"] .app :is(th,td){border-color:#e0e9f5}
:root[data-theme="light"][data-area="app"] .app th{font-weight:750;color:#37516c}
:root[data-theme="light"][data-area="app"] .app :is(.help,.hint,.subtle,.muted){line-height:1.55}
/* Balanced density at tablets and on small phones; do not change existing drawer mechanics. */
@media(max-width:1024px){
 :root[data-area="app"] .app .content{min-width:0}
 :root[data-area="app"] .app .ptop{gap:8px}
 :root[data-area="app"] .app #portal-content .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
 :root[data-area="app"] .app .content{padding-bottom:calc(32px + env(safe-area-inset-bottom))}
 :root[data-area="app"] .app #portal-content .kpis{gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))}
 :root[data-area="app"] .app #portal-content .kpis > :is(a,div,article){padding:12px;border-radius:12px}
 :root[data-area="app"] .app .ptop .push{gap:6px}
}
@media(max-width:370px){
 :root[data-area="app"] .app #portal-content .kpis{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
 :root[data-area="app"] .app :is(.panel,.card,.stat,.kpi,.stat-card,.kpi-card,.widget,.workspace-card,.module-card){
  transition:none!important;animation:none!important;
 }
}

/* TALNEXQ QI Team Command Center v1 (v4.17.2). White-and-blue on the portal's own tokens, so the dark theme and the
   Prism executive override apply unchanged. Nothing here hides controls, gates or statuses. */
.tcc .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tcc .amber-ink{color:var(--amber-ink)}
.tcc .red-ink{color:var(--red-ink)}
.tcc-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}
.tcc-title h2{margin:2px 0 4px;font-size:24px;letter-spacing:-.01em}
.tcc-title p{margin:0}
.tcc-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.tcc-viewpick{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--ink-2)}
.tcc-viewpick select{padding:7px 10px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font:inherit}
.tcc-tabs{margin-bottom:0;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.tcc-tabs button .ico{width:16px;height:16px}
.tcc-tabs button .chip{margin-left:2px}
.tcc-g2{gap:16px}
.tcc-main{min-width:0}
.tcc-group{margin-top:14px}
.tcc-group:first-of-type{margin-top:4px}
.tcc-group-h{display:flex;gap:10px;align-items:center;margin:0 0 8px;font-size:13px;font-weight:600}
.tcc-ins-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tcc-ins{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--indigo);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;min-width:0}
.tcc-ins.sev-high{border-left-color:var(--red-ink)}
.tcc-ins.sev-warn{border-left-color:var(--amber-ink)}
.tcc-ins.st-approved{border-left-color:var(--teal)}
.tcc-ins.st-completed{border-left-color:var(--line-2);background:var(--surface-2)}
.tcc-ins b{font-size:15px;line-height:1.35}
.tcc-ins p{margin:0}
.tcc-ins-head{display:flex;gap:6px;flex-wrap:wrap}
.tcc-ins-foot{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.tcc-dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin:0}
.tcc-dl>div{display:flex;flex-direction:column;gap:2px;padding:8px 10px;background:var(--surface-2);border-radius:10px;min-width:0}
.tcc-dl dt{font-size:12px;color:var(--ink-3)}
.tcc-dl dd{margin:0;font-weight:600;color:var(--ink);overflow-wrap:anywhere}
.tcc-dl dd.small{font-weight:500;font-size:13px;color:var(--ink-2)}
.tcc-fig{margin:0;min-width:0}
.tcc-fig figcaption{font-size:13px;font-weight:600;color:var(--ink-2);margin:0 0 6px}
.tcc-bars{width:100%;height:auto;display:block;overflow:visible}
.tcc-bars .tcc-bar{fill:var(--indigo);transition:fill .12s}
.tcc-bars.teal .tcc-bar{fill:var(--teal)}
.tcc-bars .tcc-base{stroke:var(--line-2);stroke-width:1}
.tcc-bars .tcc-v{fill:var(--ink-2);font-size:10px;font-weight:600}
.tcc-bars .tcc-l{fill:var(--ink-3);font-size:10px}
.tcc-bars .tcc-hit{fill:transparent}
.tcc-bars g:hover .tcc-bar{fill:var(--btn-hover)}
.tcc-bars g:hover .tcc-hit{fill:var(--indigo-bg);opacity:.5}
.tcc-charts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:14px}
.tcc-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.tcc-filters select{padding:7px 10px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font:inherit;max-width:100%}
.tcc-roster{table-layout:auto}
.tcc-roster th{white-space:normal;line-height:1.3}
.tcc-roster td{vertical-align:top}
.tcc-roster td.tcc-wrap{min-width:140px}
.tcc-roster .tcc-person{min-width:180px}
.tcc-roster .pcell b{white-space:nowrap}
.tcc-roster td.num{white-space:nowrap}
.tcc-roster td.tcc-ts{min-width:140px}
.tcc-filters select,.toolbar.tcc-filters select{width:auto}
.toolbar.tcc-filters{margin-bottom:12px}
.tcc-pills{display:flex;flex-wrap:wrap;gap:6px}
.tcc-pill{display:inline-block;padding:4px 10px;border-radius:999px;font-size:13px;border:1px solid var(--line-2);color:var(--ink-2);background:var(--surface)}
.tcc-pill.on{background:var(--indigo);border-color:var(--indigo);color:#fff}
.tcc-pill.done{border-color:var(--indigo);color:var(--indigo-ink)}
.tcc-pill.leave{background:var(--teal-bg);border-color:var(--teal-bg);color:var(--teal-ink)}
.tcc-pill.off{background:var(--surface-2);color:var(--ink-3)}
.tcc-gates li{align-items:center}
.tcc-gate-r{display:flex;gap:10px;align-items:center;white-space:nowrap}
.tcc-move{border:1px solid var(--indigo);box-shadow:var(--shadow-pop)}
.tcc-move-row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}
.tcc-move-row label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--ink-2)}
.tcc-move-row select,.tcc-move-row input{padding:8px 10px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font:inherit}
.tcc-sources{position:fixed;right:16px;bottom:16px;width:min(520px,calc(100vw - 32px));max-height:min(70vh,560px);overflow:auto;z-index:40;box-shadow:var(--shadow-pop);border:1px solid var(--line-2)}
.tcc-sources code{font-size:12px;overflow-wrap:anywhere}
.tcc-foot{margin:4px 0 0}
.tcc .list.small li .t{font-weight:600}
@media (max-width:980px){
  .tcc-g2{grid-template-columns:1fr}
  .tcc-charts{grid-template-columns:1fr}
  .tcc-ins-list{grid-template-columns:1fr}
}
@media (max-width:640px){
  .tcc-dl{grid-template-columns:1fr}
  .tcc-move-row{grid-template-columns:1fr}
  .tcc-title h2{font-size:20px}
  .tcc .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){.tcc-bars .tcc-bar{transition:none}}

/* TALNEXQ v4.17.2 App Suites | additive Admin Center presentation only. */
.app .tnx4172-launcher {--tnx4172-blue:#1757b8;--tnx4172-ink:#152d4b;--tnx4172-muted:#536981;--tnx4172-line:#dce7f3;--tnx4172-surface:#fff;--tnx4172-soft:#f5f9ff;max-width:1560px;margin-inline:auto;display:grid;gap:24px;color:var(--tnx4172-ink)}
.app .tnx4172-launcher * {box-sizing:border-box}
.app .tnx4172-launcher .tnx4172-hero {display:flex;justify-content:space-between;align-items:center;gap:22px;padding:27px 31px;border:1px solid #d9e5f6;border-radius:23px;background:linear-gradient(115deg,#fff 35%,#edf5ff 100%);box-shadow:0 10px 35px rgba(24,67,119,.045)}
.app .tnx4172-launcher .tnx4172-eyebrow,.app .tnx4172-section-title>div>span {display:block;color:var(--tnx4172-blue);font-size:11px;font-weight:800;letter-spacing:.115em;margin-bottom:8px}
.app .tnx4172-hero h2 {font-size:clamp(25px,3vw,35px);line-height:1.2;letter-spacing:-.033em;color:#142c4e;margin:0 0 11px;font-weight:800}
.app .tnx4172-hero p {margin:0;line-height:1.6;color:var(--tnx4172-muted);max-width:650px;font-size:14px}
.app .tnx4172-hero-meta {min-width:145px;border-left:1px solid #cbdcef;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
.app .tnx4172-hero-meta>span {width:36px;height:36px;display:grid;place-items:center;color:#1757b8;background:#dfebfd;border-radius:11px;margin-bottom:2px}
.app .tnx4172-hero-meta strong {font-size:26px;color:#17447f;line-height:1.1}
.app .tnx4172-hero-meta small {font-size:11px;color:#667994;text-align:center}
.app .tnx4172-shortcuts,.app .tnx4172-browser {min-width:0;display:grid;gap:17px}
.app .tnx4172-section-title {display:flex;justify-content:space-between;align-items:end;gap:12px;min-width:0}
.app .tnx4172-section-title h3 {font-size:20px;line-height:1.25;color:#173456;margin:0;font-weight:800;letter-spacing:-.02em}
.app .tnx4172-section-title small {color:var(--tnx4172-muted);font-size:12px;text-align:right}
.app .tnx4172-shortcut-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.app .tnx4172-shortcut-grid>a {background:#fff;border:1px solid var(--tnx4172-line);padding:13px 15px;border-radius:13px;display:flex;align-items:center;gap:10px;color:var(--tnx4172-ink);font-size:12.5px;font-weight:700;text-decoration:none;min-width:0;box-shadow:0 2px 8px rgba(19,49,90,.025);transition:transform .15s,border-color .15s,box-shadow .15s}
.app .tnx4172-shortcut-grid>a>span {min-width:0;overflow-wrap:anywhere;flex:1}
.app .tnx4172-shortcut-grid>a>svg:first-child {flex-shrink:0;color:#1760b3}
.app .tnx4172-shortcut-grid>a>svg:last-child {flex-shrink:0;color:#8ca6c3;width:14px}
.app .tnx4172-shortcut-grid>a:hover,.app .tnx4172-app-card:hover,.app .tnx4172-tool:hover {transform:translateY(-2px);border-color:#a7c5ec;box-shadow:0 7px 25px rgba(29,87,160,.095)}
.app .tnx4172-toolbar {display:flex;align-items:end;justify-content:space-between;gap:20px;min-width:0}
.app .tnx4172-search {max-width:355px;min-width:220px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid #ccdaeb;border-radius:12px;background:#fff;color:#627c99;min-height:43px;box-shadow:0 1px 4px rgba(15,41,76,.035)}
.app .tnx4172-search input {display:block;width:100%;background:transparent!important;border:0!important;outline:none!important;box-shadow:none!important;color:var(--tnx4172-ink)!important;font:inherit;font-size:13px!important;min-width:0;padding:8px 0}
.app .tnx4172-search:focus-within {outline:2px solid #91baff;outline-offset:2px}
.app .tnx4172-modes {display:flex;gap:5px;flex-wrap:wrap;border-bottom:1px solid #dbe5f1;padding-bottom:9px}
.app .tnx4172-modes button {appearance:none;display:flex;align-items:center;gap:8px;background:transparent;color:#536985;border:0;border-radius:10px;padding:9px 14px;font-size:13px;font-weight:700;cursor:pointer;min-height:39px}
.app .tnx4172-modes button span {font-size:11px;background:#eef3fa;border-radius:999px;padding:2px 7px;color:#5b7089}
.app .tnx4172-modes button.active {background:#e7f1ff;color:#1757b8}
.app .tnx4172-modes button.active span {background:#d3e6ff;color:#154e98}
.app .tnx4172-app-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.app .tnx4172-app-card {min-width:0;display:flex;align-items:flex-start;gap:15px;padding:21px 17px;border:1px solid #dbe6f2;border-radius:17px;background:var(--tnx4172-surface);color:inherit;text-decoration:none;box-shadow:0 3px 12px rgba(29,70,125,.028);transition:transform .15s,border-color .15s,box-shadow .15s}
.app .tnx4172-app-card.tnx4172-featured {border-color:#d2e1f7;background:linear-gradient(146deg,#fff 70%,#f7fbff)}
.app .tnx4172-app-icon {width:50px;height:50px;flex:0 0 50px;display:grid;place-items:center;border-radius:15px;background:#e8f1ff;color:#1757b8}
.app .tnx4172-app-icon svg {width:24px;height:24px}
.app .tnx4172-color-bench {background:#dff7f5;color:#087971}
.app .tnx4172-color-finance {background:#e6edff;color:#3d53b0}
.app .tnx4172-color-people,.app .tnx4172-color-academy {background:#e4f5ec;color:#1b7858}
.app .tnx4172-color-qi {background:#f0eafd;color:#7752be}
.app .tnx4172-color-security,.app .tnx4172-color-global {background:#e3f4fa;color:#12748f}
.app .tnx4172-color-ats,.app .tnx4172-color-crm {background:#fff0e1;color:#a76121}
.app .tnx4172-app-content {display:grid;gap:6px;min-width:0;flex:1}
.app .tnx4172-app-content>small {font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#6c7c98}
.app .tnx4172-app-content>strong {color:#173451;font-size:16px;font-weight:800;line-height:1.25;letter-spacing:-.012em;overflow-wrap:anywhere}
.app .tnx4172-app-desc {color:#526a82;font-size:12.5px;line-height:1.5;min-height:56px}
.app .tnx4172-app-content>em {font-style:normal;font-size:11.5px;font-weight:800;color:#165ab7;margin-top:4px}
.app .tnx4172-result-groups {display:grid;gap:18px}
.app .tnx4172-result {display:grid;gap:13px}
.app .tnx4172-result-heading {display:flex;align-items:center;justify-content:space-between;gap:12px}
.app .tnx4172-result-heading h4 {margin:0;display:flex;align-items:center;gap:8px;font-size:15px;color:#1c3b61}
.app .tnx4172-result-heading h4 svg {color:#185cae}
.app .tnx4172-result-heading>a {font-size:12px;color:#1b5eb0;text-decoration:none;font-weight:700}
.app .tnx4172-tools {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.app .tnx4172-tool {display:flex;min-width:0;align-items:stretch;border:1px solid #dce6f2;border-radius:13px;background:white;transition:transform .15s,border-color .15s,box-shadow .15s}
.app .tnx4172-tool-link {display:flex;align-items:center;gap:11px;min-width:0;flex:1;text-decoration:none!important;padding:13px;color:#1d3c62!important}
.app .tnx4172-tool-link>span:last-child {display:grid;gap:4px;min-width:0}
.app .tnx4172-tool-link strong {font-size:12.5px;font-weight:750;overflow-wrap:anywhere}
.app .tnx4172-tool-link small {font-size:11px;color:#687d97}
.app .tnx4172-tool-symbol {width:37px;height:37px;flex:0 0 37px;border-radius:10px;display:grid;place-items:center;color:#1b5cb3;background:#ecf4ff}
.app .tnx4172-pin {align-self:center;flex:0 0 32px;display:grid;place-items:center;margin-right:9px;width:32px;height:32px;border-radius:9px;background:#f7f9fd;border:1px solid #e2eaf5;color:#7188a2;cursor:pointer}
.app .tnx4172-pin.is-pinned {background:#e6f2ff;color:#1760b8;border-color:#c4dbf6}
.app .tnx4172-empty {padding:30px 20px;border:1px dashed #b9cee9;border-radius:16px;text-align:center;background:#f8fbff;display:grid;gap:9px;justify-items:center}
.app .tnx4172-empty strong {font-size:16px}.app .tnx4172-empty p {margin:0;color:#637892;font-size:13px}
.app .tnx4172-note {display:flex;align-items:center;gap:8px;margin:0;color:#637a93;font-size:12px;line-height:1.5}
.app .tnx4172-note svg {flex-shrink:0;color:#1c7693}
.app .tnx4172-side .grp {font-size:10px;letter-spacing:.08em}
.app .tnx4172-side-more {margin-top:7px;border-top:1px solid var(--line,#dce6ef);padding-top:10px}
.app .tnx4172-side-more summary {cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 13px;margin-bottom:5px;color:var(--ink-2,#546880);font-size:12px;font-weight:800;border-radius:8px}
.app .tnx4172-side-more summary span {background:var(--surface-2,#e8f0fa);padding:2px 7px;border-radius:7px}
.app .tnx4172-side-more[open] summary {color:var(--accent,#1c5fc2)}
.app .tnx4172-launcher a:focus-visible,.app .tnx4172-launcher button:focus-visible,.app .tnx4172-side summary:focus-visible {outline:3px solid #7fb4ff;outline-offset:3px}
:root[data-theme=dark] .app .tnx4172-launcher {--tnx4172-ink:#e4effc;--tnx4172-muted:#b2c6dd;--tnx4172-line:#344960;--tnx4172-surface:#17283d;--tnx4172-soft:#1a2b40;--tnx4172-blue:#9bc8ff}
:root[data-theme=dark] .app .tnx4172-hero,:root[data-theme=dark] .app .tnx4172-tool,:root[data-theme=dark] .app .tnx4172-search,:root[data-theme=dark] .app .tnx4172-shortcut-grid>a,:root[data-theme=dark] .app .tnx4172-app-card {background:#17283d;border-color:#344960;color:#e4effc}
:root[data-theme=dark] .app :is(.tnx4172-hero h2,.tnx4172-section-title h3,.tnx4172-app-content>strong,.tnx4172-result-heading h4,.tnx4172-tool-link,.tnx4172-tool-link strong){color:#e4effc!important}
:root[data-theme=dark] .app :is(.tnx4172-hero p,.tnx4172-app-desc,.tnx4172-tool-link small,.tnx4172-section-title small,.tnx4172-note,.tnx4172-shortcut-grid>a){color:#b5c9df}
:root[data-theme=dark] .app .tnx4172-search input {color:#eaf2fd!important}
:root[data-theme=dark] .app .tnx4172-pin {background:#20364f;border-color:#3b536c;color:#bed1e8}
:root[data-theme=dark] .app .tnx4172-app-card.tnx4172-featured {background:#1a304b}
:root[data-theme=dark] .app .tnx4172-modes button.active {background:#233f64;color:#b7d6ff}
:root[data-theme=dark] .app .tnx4172-modes button.active span {background:#294b70;color:#eaf3ff}
:root[data-theme=dark] .app .tnx4172-empty {background:#182e48;border-color:#3c5774;color:#e8f2ff}
@media(max-width:1200px){.app .tnx4172-app-grid,.app .tnx4172-tools {grid-template-columns:repeat(2,minmax(0,1fr))}.app .tnx4172-shortcut-grid {grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:750px){.app .tnx4172-launcher {gap:19px}.app .tnx4172-launcher .tnx4172-hero {padding:19px 17px;align-items:flex-start}.app .tnx4172-hero-meta {min-width:72px;padding-left:10px}.app .tnx4172-shortcut-grid {grid-template-columns:repeat(2,minmax(0,1fr))}.app .tnx4172-toolbar {flex-direction:column;align-items:stretch}.app .tnx4172-search {width:100%;max-width:none}.app .tnx4172-app-grid,.app .tnx4172-tools {grid-template-columns:repeat(2,minmax(0,1fr))}.app .tnx4172-app-card {padding:16px 13px;gap:10px}.app .tnx4172-app-icon {width:39px;height:39px;flex-basis:39px}}
@media(max-width:520px){.app .tnx4172-app-grid,.app .tnx4172-tools {grid-template-columns:1fr}.app .tnx4172-hero-meta {display:none}.app .tnx4172-shortcut-grid {grid-template-columns:1fr 1fr}.app .tnx4172-shortcut-grid>a {padding:11px 10px}.app .tnx4172-shortcut-grid>a>svg:last-child {display:none}.app .tnx4172-section-title {align-items:flex-start;flex-direction:column;gap:6px}.app .tnx4172-section-title small {text-align:left}.app .tnx4172-app-desc {min-height:0}}
@media(prefers-reduced-motion:reduce){.app .tnx4172-app-card,.app .tnx4172-tool,.app .tnx4172-shortcut-grid>a {transition:none;transform:none!important}}

/* TALNEXQ four flagship workspaces — clean, responsive, intentionally scoped */
.tnx360{max-width:1440px;margin:0 auto;padding:2px 0 28px;color:#152942;font-family:inherit}.tnx360 *{box-sizing:border-box}.tnx360-bread{display:flex;gap:10px;align-items:center;font-size:12px;margin:2px 0 15px;color:#64748b}.tnx360-bread a{color:#1757b8;text-decoration:none}.tnx360-hero{background:linear-gradient(113deg,#f9fcff,#e9f2ff);border:1px solid #dbe6f4;border-radius:22px;padding:27px 28px;display:flex;justify-content:space-between;align-items:center;gap:16px}.tnx360-eyebrow{font-size:11px;letter-spacing:.14em;font-weight:800;color:#1757b8}.tnx360-hero h2{font-size:clamp(23px,2.8vw,34px);line-height:1.18;margin:9px 0;color:#11243f}.tnx360-hero p{margin:0;color:#51657d;max-width:730px;font-size:14px;line-height:1.6}.tnx360-hero-icon{width:70px;height:70px;border-radius:20px;background:#fff;display:grid;place-items:center;color:#1757b8;border:1px solid #dbe6f4;flex:none}.tnx360-hero-icon svg{width:31px;height:31px}.tnx360-switch{display:flex;gap:8px;overflow:auto;padding:13px 0 16px;scrollbar-width:thin}.tnx360-switch a{display:flex;gap:8px;align-items:center;border:1px solid #dbe4ef;border-radius:12px;background:#fff;padding:11px 14px;color:#334b69;text-decoration:none;white-space:nowrap;font-size:13px;font-weight:700}.tnx360-switch a svg{width:17px;height:17px}.tnx360-switch a.active{background:#1757b8;color:#fff;border-color:#1757b8}.tnx360-card{background:#fff;border:1px solid #e1e8f1;border-radius:18px;box-shadow:0 5px 19px rgba(25,61,117,.04);padding:22px;margin-bottom:14px;min-width:0}.tnx360-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.tnx360-section-head span{font-size:10px;font-weight:800;letter-spacing:.14em;color:#2668bd}.tnx360-section-head h3{margin:5px 0 0;font-size:19px;color:#1b314d}.tnx360-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tnx360-kpi{position:relative;text-decoration:none;color:#1e3652;background:#f9fbff;border:1px solid #e1e9f6;border-radius:15px;padding:18px;display:flex;flex-direction:column;gap:9px;min-width:0;transition:box-shadow .15s,border-color .15s}.tnx360-kpi:hover{border-color:#80a6ec;box-shadow:0 8px 24px rgba(25,80,170,.1)}.tnx360-kpi>span:first-child{font-size:12px;color:#58708a;font-weight:700}.tnx360-kpi strong{font-size:clamp(21px,2vw,28px);line-height:1.15;color:#14345e;overflow-wrap:anywhere}.tnx360-kpi small{font-size:11px;color:#60778e}.tnx360-kpi.attention{border-color:#f4d3a6;background:#fffcf8}.tnx360-kpi-arrow{position:absolute;right:15px;top:15px;color:#7890aa}.tnx360-meta{font-size:12px;color:#698099;margin-top:12px;line-height:1.5}.tnx360-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tnx360-two .tnx360-card{margin:0}.tnx360-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tnx360-actions.slim{grid-template-columns:1fr}.tnx360-action{display:flex;gap:11px;align-items:center;padding:14px;min-width:0;border:1px solid #e3eaf4;border-radius:13px;text-decoration:none;color:#183450;background:#fbfdff}.tnx360-action:hover,.tnx360-records a:hover{background:#eef5ff;border-color:#b3cbed}.tnx360-action-icon{width:33px;height:33px;display:grid;place-items:center;color:#1757b8;background:#e9f2ff;border-radius:10px;flex:none}.tnx360-action strong{font-size:13px;display:block;color:#143557}.tnx360-action small{display:block;font-size:11px;color:#698099;line-height:1.5;margin-top:4px}.tnx360-next{margin-left:auto;color:#7890aa;flex:none}.tnx360-boundary{display:flex;gap:8px;font-size:11px;line-height:1.55;color:#617790;background:#f7faff;border:1px solid #e2eaf5;border-radius:12px;padding:14px;margin-top:14px}.tnx360-boundary svg{width:17px;height:17px;flex:none}.tnx360-message{background:#f5f9ff;border:1px solid #dfebfc;border-radius:13px;padding:22px}.tnx360-message p{color:#596d86;line-height:1.5}.tnx360-error,.tnx360-warn{border-color:#eed3cf;background:#fffafa;color:#914744}.tnx360-warn{padding:12px;border-radius:8px;font-size:12px}.tnx360-pipeline{display:grid;gap:15px}.tnx360-pipeline-row{display:grid;grid-template-columns:120px minmax(0,1fr) 30px;gap:10px;align-items:center;font-size:12px;color:#435a73}.tnx360-pipeline-row b{text-align:right;color:#193c65}.tnx360-track{height:9px;border-radius:99px;background:#e8eff8;overflow:hidden}.tnx360-track i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#4898ef,#1757b8)}.tnx360-rolelist{display:grid;gap:5px}.tnx360-rolelist>div{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:8px;background:#f7faff;color:#3d5879;font-size:13px}.tnx360-rolelist b{color:#1757b8}.tnx360-records{display:grid;gap:8px}.tnx360-records a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #e3eaf4;border-radius:11px;text-decoration:none;color:#203e63}.tnx360-records b{display:block;font-size:12px}.tnx360-records small{display:block;font-size:11px;color:#75889d;margin-top:4px}.tnx360-records em{font-style:normal;background:#edf4ff;color:#2861aa;border-radius:99px;padding:5px 9px;font-size:10px;white-space:nowrap}.tnx360-select-label{font-size:11px;color:#698099;display:flex;gap:7px;align-items:center}.tnx360-select-label select{font-size:12px;border:1px solid #d6e1ee;border-radius:8px;padding:6px;color:#203f67;background:white}.tnx360-spotlight{margin-bottom:20px}.tnx360-spotlight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:10px 0}.tnx360-spotlight-grid>a{display:flex;flex-direction:column;gap:9px;text-decoration:none;color:#123052;border:1px solid #dbe6f2;background:linear-gradient(155deg,#fff,#f5f9ff);padding:19px;border-radius:15px;min-width:0}.tnx360-spotlight-grid>a>span{width:41px;height:41px;border-radius:12px;background:#e7f1ff;color:#1757b8;display:grid;place-items:center}.tnx360-spotlight-grid strong{font-size:14px}.tnx360-spotlight-grid small{font-size:11px;color:#5c708a;line-height:1.45}.tnx360-spotlight-grid em{margin-top:auto;color:#1757b8;font-size:11px;font-style:normal;font-weight:700}.tnx360-spotlight-grid>a:hover{border-color:#a4c1e9;box-shadow:0 6px 19px rgba(23,87,184,.09)}.tnx360 a:focus-visible,.tnx360 button:focus-visible,.tnx360 select:focus-visible,.tnx360-spotlight a:focus-visible{outline:3px solid #4d96ff;outline-offset:3px}
@media(max-width:1050px){.tnx360-stats,.tnx360-spotlight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.tnx360-two{grid-template-columns:1fr}.tnx360-actions{grid-template-columns:1fr}}@media(max-width:460px){.tnx360-card{padding:15px}.tnx360-hero{padding:19px}.tnx360-hero-icon{display:none}.tnx360-stats{grid-template-columns:1fr 1fr;gap:8px}.tnx360-kpi{padding:11px}.tnx360-kpi strong{font-size:20px}.tnx360-kpi small{font-size:10px}.tnx360-spotlight-grid{grid-template-columns:1fr 1fr;gap:8px}.tnx360-spotlight-grid>a{padding:13px}.tnx360-pipeline-row{grid-template-columns:102px minmax(0,1fr) 24px;gap:6px}}
@media(prefers-reduced-motion:reduce){.tnx360 *{animation:none!important;transition:none!important}}
html[data-theme="dark"] .tnx360{color:#e8f0ff}html[data-theme="dark"] .tnx360-card,html[data-theme="dark"] .tnx360-kpi,html[data-theme="dark"] .tnx360-action,html[data-theme="dark"] .tnx360-switch a:not(.active){background:#172338;color:#e7f0ff;border-color:#354865}html[data-theme="dark"] .tnx360-hero{background:#152640;border-color:#354865}html[data-theme="dark"] .tnx360-hero h2,html[data-theme="dark"] .tnx360-section-head h3,html[data-theme="dark"] .tnx360-kpi strong,html[data-theme="dark"] .tnx360-action strong{color:#f0f6ff}html[data-theme="dark"] .tnx360-hero p,html[data-theme="dark"] .tnx360-action small{color:#aec0da}

/* TALNEXQ r3.8.1 Calm Experience | presentation-only, additive layer.
   Preserve every authorized feature, warning, action, status, and accessibility affordance. */
:root[data-theme="light"][data-area="app"] .app {
  --tnx-calm-blue:#1859b5;--tnx-calm-ink:#1b334f;--tnx-calm-muted:#586f89;
  --tnx-calm-line:#e0e9f4;--tnx-calm-shadow:0 2px 12px rgba(30,72,120,.045);
}
/* Consistent interior spacing without clipping responsive content. */
:root[data-area="app"] .app :is(#portal-content,.tnx4172-launcher,.tnx360,.tcc){min-width:0;max-width:100%}
:root[data-area="app"] .app :is(.tnx4172-toolbar,.tnx4172-section-title,.tnx360-section-head,.tcc-head){min-width:0;flex-wrap:wrap}
:root[data-area="app"] .app :is(.tnx4172-shortcut-grid,.tnx4172-app-grid,.tnx4172-tools,.tnx360-stats,.tnx360-spotlight-grid,.tcc-ins-list) > * {min-width:0}
/* Admin Center: clean hierarchy, smaller but fully clickable cards. */
:root[data-theme="light"] .app .tnx4172-launcher{gap:17px}
:root[data-theme="light"] .app .tnx4172-launcher .tnx4172-hero {
  padding:20px 24px;border-radius:17px;background:#f7faff;
  box-shadow:var(--tnx-calm-shadow);border-color:#dae6f5
}
:root[data-theme="light"] .app .tnx4172-hero h2{font-size:clamp(23px,2.4vw,30px);margin-bottom:6px}
:root[data-theme="light"] .app .tnx4172-hero p{max-width:66ch;line-height:1.5}
:root[data-theme="light"] .app .tnx4172-section-title h3{font-size:19px}
:root[data-theme="light"] .app .tnx4172-shortcut-grid{gap:9px}
:root[data-theme="light"] .app .tnx4172-shortcut-grid>a{
  min-height:45px;padding:10px 12px;border-radius:11px;box-shadow:none
}
:root[data-theme="light"] .app .tnx4172-app-grid{gap:11px}
:root[data-theme="light"] .app .tnx4172-app-card,
:root[data-theme="light"] .app .tnx4172-app-card.tnx4172-featured{
  padding:16px;border-radius:14px;background:#fff;border-color:#dfe7f2;
  box-shadow:var(--tnx-calm-shadow);gap:12px
}
:root[data-theme="light"] .app .tnx4172-app-icon {width:42px;height:42px;flex-basis:42px;border-radius:12px}
:root[data-theme="light"] .app .tnx4172-app-content{gap:4px}
:root[data-theme="light"] .app .tnx4172-app-content>strong{font-size:15px}
:root[data-theme="light"] .app .tnx4172-app-desc{min-height:0;line-height:1.46}
:root[data-theme="light"] .app .tnx4172-tools{gap:9px}
:root[data-theme="light"] .app .tnx4172-tool{border-radius:12px;box-shadow:none}
:root[data-theme="light"] .app .tnx4172-tool-link{padding:11px}
:root[data-theme="light"] .app .tnx4172-toolbar{gap:12px}
:root[data-theme="light"] .app .tnx4172-search{max-width:410px}
:root[data-theme="light"] .app .tnx4172-modes {gap:5px;padding-bottom:7px}
:root[data-theme="light"] .app .tnx4172-modes button{min-height:40px;padding:8px 11px}
/* Four 360 workspaces: reduce redundant white space, preserve all KPI figures and alerts. */
:root[data-theme="light"] .app .tnx360-hero{padding:20px 23px;border-radius:17px;background:#f7faff}
:root[data-theme="light"] .app .tnx360-card{padding:18px;border-radius:15px;box-shadow:var(--tnx-calm-shadow)}
:root[data-theme="light"] .app .tnx360-section-head{margin-bottom:13px}
:root[data-theme="light"] .app .tnx360-stats{gap:10px}
:root[data-theme="light"] .app .tnx360-kpi{padding:15px;gap:7px;border-radius:13px}
:root[data-theme="light"] .app .tnx360-spotlight-grid{gap:10px}
:root[data-theme="light"] .app .tnx360-spotlight-grid>a{padding:15px;border-radius:13px;background:#fff}
:root[data-theme="light"] .app .tnx360-actions{gap:9px}
:root[data-theme="light"] .app .tnx360-action{padding:11px 12px;border-radius:11px}
:root[data-theme="light"] .app .tnx360-switch{gap:7px}
:root[data-theme="light"] .app .tnx360-switch a{min-height:43px;padding:10px 12px}
/* Keep long labels from causing side scroll. Tables scroll within their own regions. */
:root[data-area="app"] .app :is(.tnx4172-app-content,.tnx4172-tool-link>span,.tnx360-action>span,.tcc-main){min-width:0}
:root[data-area="app"] .app :is(.tnx4172-app-content,.tnx4172-tool-link,.tnx360-action,.tcc-ins) :is(strong,small,p){overflow-wrap:anywhere}
:root[data-area="app"] .app :is(.table-wrap,.table-responsive,.tcc-main .table-wrap){max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
:root[data-area="app"] .app :is(.tnx4172-search input,.tnx360-select-label select,.tcc-filters select){min-width:0;max-width:100%}
:root[data-area="app"] .app :is(.tnx4172-launcher,.tnx360,.tcc) :is(a,button,input,select,summary):focus-visible {outline:3px solid #3985e8;outline-offset:2px}
/* Native Android WebView/tablet/iPad widths; no action buttons are hidden. */
@media (max-width:800px){
  :root[data-area="app"] .app .tnx4172-launcher{gap:13px}
  :root[data-area="app"] .app .tnx4172-launcher .tnx4172-hero{padding:17px}
  :root[data-area="app"] .app .tnx4172-app-grid,:root[data-area="app"] .app .tnx4172-tools{grid-template-columns:repeat(2,minmax(0,1fr))}
  :root[data-area="app"] .app .tnx360-hero{padding:17px}
}
@media (max-width:600px){
  :root[data-area="app"] .app .tnx4172-app-grid,:root[data-area="app"] .app .tnx4172-tools{grid-template-columns:1fr}
  :root[data-area="app"] .app .tnx4172-shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  :root[data-area="app"] .app .tnx4172-shortcut-grid>a{padding:10px;min-height:44px}
  :root[data-area="app"] .app .tnx4172-launcher .tnx4172-hero{padding:15px;border-radius:13px}
  :root[data-area="app"] .app .tnx4172-app-card{padding:13px}
  :root[data-area="app"] .app .tnx360-card{padding:14px}
  :root[data-area="app"] .app .tnx360-kpi{padding:12px}
  :root[data-area="app"] .app .tnx360-spotlight-grid{grid-template-columns:1fr 1fr}
  :root[data-area="app"] .app .tnx360-spotlight-grid>a{padding:11px}
  :root[data-area="app"] .app .tnx360-hero-icon{display:none}
}
@media (max-width:360px){
  :root[data-area="app"] .app .tnx4172-shortcut-grid{grid-template-columns:1fr}
  :root[data-area="app"] .app .tnx360-spotlight-grid{grid-template-columns:1fr}
  :root[data-area="app"] .app .tnx360-stats{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  :root[data-area="app"] .app :is(.tnx4172-app-card,.tnx4172-tool,.tnx4172-shortcut-grid>a,.tnx360-kpi){transition:none!important;transform:none!important}
}

/* TALNEXQ r3.8.3 — Prism Actions. Presentation only, existing event handlers preserved. */
:root[data-theme="light"][data-area="app"] .app{
  --tnx-action:#1557b6;--tnx-action-hover:#104994;--tnx-action-ring:#86b9ff;
  --tnx-action-border:#cbdcf0;--tnx-action-soft:#edf4ff;
}
/* Native and semantic call-to-action buttons: predictable height and a quiet elevation. */
:root[data-theme="light"]:is([data-area="app"],[data-area="auth"]) .app .btn:not(.link):not(.icon){
  min-height:42px;padding-inline:16px;border-radius:11px;font-weight:700;
  box-shadow:none;letter-spacing:0;gap:8px;line-height:1.25;
  transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
:root[data-theme="light"]:is([data-area="app"],[data-area="auth"]) .app .btn:not(.ghost):not(.soft):not(.danger):not(.link):not(.icon):not(.go){
  background:var(--tnx-action);border-color:var(--tnx-action);color:#fff;
}
:root[data-theme="light"]:is([data-area="app"],[data-area="auth"]) .app .btn:not(.ghost):not(.soft):not(.danger):not(.link):not(.icon):not(.go):hover:not(:disabled){
  background:var(--tnx-action-hover);border-color:var(--tnx-action-hover);
  box-shadow:0 4px 11px rgba(17,75,153,.13);
}
:root[data-theme="light"]:is([data-area="app"],[data-area="auth"]) .app .btn:is(.ghost,.soft){
  background:#fff;color:#1856a6;border:1px solid var(--tnx-action-border);
}
:root[data-theme="light"]:is([data-area="app"],[data-area="auth"]) .app .btn:is(.ghost,.soft):hover:not(:disabled){
  background:var(--tnx-action-soft);border-color:#9dbfea;
}
:root[data-theme="light"]:is([data-area="app"],[data-area="auth"]) .app .btn.danger{background:#fff1f1;color:#9e252b;border:1px solid #f0c5cb}
:root[data-theme="light"]:is([data-area="app"],[data-area="auth"]) .app .btn.danger:hover:not(:disabled){background:#ffe2e5}
:root[data-area="app"] .app .btn.sm{min-height:36px;padding-inline:12px}
:root[data-area="app"] .app .btn.lg{min-height:48px}
:root[data-area="app"] .app .btn.icon{min-width:42px;min-height:42px;border-radius:11px}
/* Quick filters are a segmented control, with explicit active state. */
:root[data-theme="light"][data-area="app"] .app .tnx4172-modes{
  border:0;background:#f1f5fc;padding:5px;border-radius:12px;gap:4px;max-width:100%;
}
:root[data-theme="light"][data-area="app"] .app .tnx4172-modes button{
  min-height:40px;padding:8px 13px;border:1px solid transparent;border-radius:9px;
  font-weight:700;white-space:nowrap;line-height:1.25;color:#506781;
}
:root[data-theme="light"][data-area="app"] .app .tnx4172-modes button:hover:not(.active){background:#e4edfa;color:#244e7a}
:root[data-theme="light"][data-area="app"] .app .tnx4172-modes button.active{
  background:#fff;color:#1353a8;border:1px solid #d9e4f3;
  box-shadow:0 1px 4px rgba(28,79,137,.09);
}
:root[data-theme="light"][data-area="app"] .app .tnx4172-modes button.active span{background:#e7f1ff;color:#164c92}
/* Navigation cards read like meaningful affordances, not floating decorations. */
:root[data-theme="light"][data-area="app"] .app :is(.tnx4172-shortcut-grid>a,.tnx4172-app-card,.tnx4172-tool,.tnx360-action,.tnx360-switch a){
  transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
:root[data-theme="light"][data-area="app"] .app :is(.tnx4172-shortcut-grid>a,.tnx4172-app-card,.tnx4172-tool,.tnx360-action):hover{
  border-color:#a9c6e9;background:#f8fbff;box-shadow:0 5px 17px rgba(20,80,150,.07);transform:translateY(-1px);
}
:root[data-theme="light"][data-area="app"] .app .tnx4172-app-content>em{
  display:inline-flex;align-items:center;gap:5px;color:#1358b1;font-weight:750;
}
:root[data-theme="light"][data-area="app"] .app .tnx360-switch a.active{
  color:#fff;background:var(--tnx-action);border-color:var(--tnx-action);
}
:root[data-theme="light"][data-area="app"] .app .tnx360-switch a:not(.active):hover{
  background:var(--tnx-action-soft);border-color:#aec9eb;
}
/* Action rows stay within their parent and never hide authorized controls. */
:root[data-area="app"] .app :is(.actions,.tnx360-actions,.tnx360-switch,.tnx4172-toolbar,.tnx4172-modes,.ptop .push){min-width:0;max-width:100%;flex-wrap:wrap}
:root[data-area="app"] .app :is(.btn,.tnx4172-modes button,.tnx4172-shortcut-grid>a,.tnx360-switch a,.tnx360-action){
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;
}
:root[data-area="app"] .app :is(.btn,.tnx4172-modes button,.tnx4172-shortcut-grid>a,.tnx4172-app-card,.tnx4172-tool-link,.tnx360-action,.tnx360-switch a):focus-visible{
  outline:3px solid #448ee5;outline-offset:3px;
}
:root[data-area="app"] .app button:disabled,:root[data-area="app"] .app .btn[aria-disabled="true"]{
  cursor:not-allowed;opacity:.55;box-shadow:none;transform:none;
}
@media(max-width:700px){
  :root[data-area="app"] .app .tnx4172-modes{width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin;overscroll-behavior-x:contain}
  :root[data-area="app"] .app .tnx4172-modes button{flex:none;min-height:44px}
  :root[data-area="app"] .app .tnx4172-search{max-width:none;min-width:0;width:100%}
  :root[data-area="app"] .app .btn.sm{min-height:42px}
  :root[data-area="app"] .app .tnx4172-shortcut-grid>a{min-height:48px}
  :root[data-area="app"] .app .tnx360-switch a{min-height:44px}
}
@media(max-width:390px){
  :root[data-area="app"] .app .tnx4172-shortcut-grid{grid-template-columns:1fr}
  :root[data-area="app"] .app .tnx360-actions{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  :root[data-area="app"] .app :is(.btn,.tnx4172-modes button,.tnx4172-shortcut-grid>a,.tnx4172-app-card,.tnx4172-tool,.tnx360-action){transition:none!important;transform:none!important}
}

/* QI Guide — quiet sidebar entry and accessible guide-and-assist dialog. */
.qguide-entry-button{display:flex;align-items:center;gap:8px;width:100%;min-height:40px;padding:10px 12px;border:1px solid #bfd0e8;border-radius:10px;background:#f0f6ff;color:#174b8b;text-align:left;font-family:inherit;font-size:13px;font-weight:650;line-height:1.4;cursor:pointer}
.qguide-entry-button:hover{background:#e2eeff;border-color:#769ccc}
.qguide-entry-button:focus-visible{outline:3px solid #2874cf;outline-offset:3px}
.qguide-backdrop{position:fixed;inset:0;z-index:2147481000;background:#0b1a335c;display:flex;align-items:center;justify-content:flex-end;padding:20px;box-sizing:border-box}
.qguide-backdrop *{box-sizing:border-box}
.qguide-panel{width:min(610px,100%);max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);display:flex;flex-direction:column;overflow:hidden;border:1px solid #cbd8e9;border-radius:22px;background:#fff;color:#173557;box-shadow:0 24px 80px #0d244850;font:14px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}
.qguide-header{position:static;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0;padding:20px 24px;border-bottom:1px solid #e0e8f2;background:#f3f8ff;color:#173557}
.qguide-header h2{margin:0;color:#143f79;font-size:24px;line-height:1.25;letter-spacing:-.035em}
.qguide-header p{margin:4px 0 0;color:#526d8d;font-size:12px}
.qguide-close{display:grid;place-items:center;min-width:42px;height:42px;border:1px solid #bfd0e6;border-radius:12px;background:#fff;color:#173f72;font:25px/1 system-ui;cursor:pointer}
.qguide-body{overflow:auto;overscroll-behavior:contain;padding:20px 24px;flex:1;min-height:0}
.qguide-intro{margin:0 0 18px;color:#4a6482}
.qguide-scope{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.qguide-field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;color:#254b76;font-size:12px;font-weight:700;min-width:0}
.qguide-field input,.qguide-field select{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid #b9cce5;border-radius:10px;background:#fff;color:#173557;font:14px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
.qguide-company-role{margin:-6px 0 16px;color:#526b87;font-size:12px}
.qguide-start{padding:12px 14px;background:#f4f8fd;border:1px solid #dbe6f3;border-radius:12px;font-size:12px;color:#3d5c80}
.qguide-start summary{cursor:pointer;color:#254f83;font-weight:700}
.qguide-start ol{padding-left:19px;margin:10px 0 2px}
.qguide-count{margin:19px 0 10px;color:#536d8b;font-size:12px}
.qguide-tasks{display:grid;gap:14px}
.qguide-task{padding:18px;border:1px solid #d5e1ee;border-radius:16px;background:#fff;min-width:0;overflow-wrap:anywhere}
.qguide-task-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.qguide-task h3{margin:0;color:#153f78;font-size:17px;line-height:1.4;letter-spacing:-.02em}
.qguide-badge{display:inline-flex;padding:3px 8px;border-radius:20px;border:1px solid #c5d8ed;background:#eef5fc;color:#385c83;font-size:10px;white-space:nowrap}
.qguide-description{margin:9px 0;color:#506986;font-size:12px}
.qguide-steps{padding-left:21px;margin:12px 0 16px;color:#294d74;font-size:13px}
.qguide-steps li+li{margin-top:8px}
.qguide-open-page,.qguide-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid #aac7e9;border-radius:10px;background:#edf5ff;color:#1455a0;padding:9px 13px;font:650 12px/1.5 system-ui;text-decoration:none;cursor:pointer}
.qguide-open-page:hover,.qguide-secondary:hover{background:#dfeeff;color:#0d407c}
.qguide-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0;padding:14px 24px;border-top:1px solid #e0e8f2;background:#f9fbfe;color:#566c87;font-size:11px;flex-shrink:0}
.qguide-footer a{color:#215b9d;text-decoration:underline;text-underline-offset:3px}
.qguide-status,.qguide-empty{padding:18px;border:1px solid #dae5f2;border-radius:12px;background:#f5f8fd;color:#506a89;font-size:13px}
.qguide-error{padding:16px;border:1px solid #e2c3c8;border-radius:12px;background:#fff6f6;color:#7d2f38;font-size:13px}
.qguide-panel :focus-visible{outline:3px solid #2974c7;outline-offset:3px}
:root[data-theme="dark"] .qguide-entry-button{background:#12283f;color:#cce3ff;border-color:#345575}
:root[data-theme="dark"] .qguide-panel{background:#0e2035;color:#d8e8fb;border-color:#35516f}
:root[data-theme="dark"] :is(.qguide-header,.qguide-footer,.qguide-start,.qguide-status,.qguide-empty){background:#122940;border-color:#34516e;color:#c3d7ef}
:root[data-theme="dark"] :is(.qguide-header h2,.qguide-task h3,.qguide-field,.qguide-start summary){color:#d2e7ff}
:root[data-theme="dark"] :is(.qguide-header p,.qguide-intro,.qguide-description,.qguide-company-role,.qguide-count){color:#acc3dd}
:root[data-theme="dark"] :is(.qguide-task,.qguide-field input,.qguide-field select,.qguide-close){background:#10243b;color:#d8e8fb;border-color:#3d5d80}
:root[data-theme="dark"] .qguide-steps{color:#c6d9ef}
:root[data-theme="dark"] :is(.qguide-badge,.qguide-open-page,.qguide-secondary){background:#173451;color:#d1e7ff;border-color:#4b7299}
:root[data-theme="dark"] .qguide-footer a{color:#b3d6ff}
:root[data-theme="dark"] .qguide-error{background:#351f2d;color:#ffd8dc;border-color:#795463}
@media(max-width:620px){.qguide-backdrop{padding:0}.qguide-panel{width:100%;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;border-radius:0}.qguide-header,.qguide-body{padding:18px}.qguide-footer{padding:14px 18px;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}.qguide-scope{grid-template-columns:1fr}.qguide-task{padding:15px}}
@media(prefers-reduced-motion:reduce){.qguide-panel *{scroll-behavior:auto;transition:none!important;animation:none!important}}

/* TALNEXQ QI Experience r3.8.8
   Presentation layer for the existing authenticated and sign-in interfaces.
   Module grants, record scope, required states and native interactions stay authoritative. */
:root:is([data-area="app"],[data-area="auth"]){
  --qi388-font:'Archivo',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --qi388-canvas:#f4f7fc;--qi388-surface:#fff;--qi388-soft:#f7f9fd;--qi388-hover:#edf3fc;
  --qi388-ink:#172d4b;--qi388-secondary:#435d7c;--qi388-muted:#5e718b;
  --qi388-edge:#dce5f0;--qi388-edge-strong:#bdcde1;--qi388-blue:#165bc5;--qi388-blue-hover:#104b9f;
  --qi388-blue-soft:#eaf2ff;--qi388-blue-edge:#bdd4f3;--qi388-on-blue:#fff;
  --qi388-green:#176947;--qi388-green-soft:#edf8f1;--qi388-amber:#875800;--qi388-amber-soft:#fff5dd;
  --qi388-red:#a83240;--qi388-red-soft:#fff0f2;
  --qi388-shadow:0 2px 4px #1c3c6c03,0 7px 22px #1c3c6c05;--qi388-shadow-dialog:0 24px 80px #152b4c29;
  --qi388-radius-sm:9px;--qi388-radius:14px;--qi388-radius-lg:20px;
  --qi388-space:20px;--qi388-sidebar:264px;--qi388-focus:3px solid #3177ce;
  --qi388-type-xs:11px;--qi388-type-sm:13px;--qi388-type-body:14px;--qi388-type-title:26px;
}
:root[data-theme="dark"]:is([data-area="app"],[data-area="auth"]){
  --qi388-canvas:#0d1727;--qi388-surface:#132238;--qi388-soft:#192b43;--qi388-hover:#203752;
  --qi388-ink:#e9f0fb;--qi388-secondary:#bfd0e7;--qi388-muted:#a0b4ce;
  --qi388-edge:#2d425d;--qi388-edge-strong:#496582;--qi388-blue:#9bc2ff;--qi388-blue-hover:#c0d8ff;
  --qi388-blue-soft:#1c3658;--qi388-blue-edge:#406a9c;--qi388-on-blue:#102744;
  --qi388-green:#9bdfb9;--qi388-green-soft:#18392e;--qi388-amber:#f1d18b;--qi388-amber-soft:#3b311e;
  --qi388-red:#ffb8c0;--qi388-red-soft:#422832;
  --qi388-shadow:0 3px 18px #02081615;--qi388-shadow-dialog:0 24px 80px #0007;
}
/* Translate the established shared tokens, including modules with their own aliases. */
:root:is([data-area="app"],[data-area="auth"]),
:root[data-theme="light"][data-area="app"] .app,
:root[data-theme="dark"][data-area="app"] .app{
  --paper:var(--qi388-canvas);--surface:var(--qi388-surface);--surface-2:var(--qi388-soft);
  --ink:var(--qi388-ink);--ink-2:var(--qi388-secondary);--ink-3:var(--qi388-muted);
  --line:var(--qi388-edge);--line-2:var(--qi388-edge-strong);
  --accent:var(--qi388-blue);--accent-soft:var(--qi388-blue-soft);--btn:var(--qi388-blue);--btn-hover:var(--qi388-blue-hover);--btn-ink:var(--qi388-on-blue);
  --indigo:var(--qi388-blue);--indigo-ink:var(--qi388-blue);--indigo-bg:var(--qi388-blue-soft);
  --teal:var(--qi388-green);--teal-ink:var(--qi388-green);--teal-bg:var(--qi388-green-soft);
  --amber-ink:var(--qi388-amber);--amber-bg:var(--qi388-amber-soft);--red-ink:var(--qi388-red);--red-bg:var(--qi388-red-soft);
  --focus:var(--qi388-blue);--shadow-pop:var(--qi388-shadow-dialog);--radius:var(--qi388-radius);--shadow:var(--qi388-shadow);
  --tnx-ui-ink:var(--qi388-ink);--tnx-ui-muted:var(--qi388-muted);--tnx-ui-blue:var(--qi388-blue);--tnx-ui-edge:var(--qi388-edge);--tnx-ui-soft:var(--qi388-soft);--tnx-ui-shadow:var(--qi388-shadow);
  --tnx-action:var(--qi388-blue);--tnx-action-hover:var(--qi388-blue-hover);--tnx-action-border:var(--qi388-edge-strong);--tnx-action-soft:var(--qi388-blue-soft);
  --tnx4172-surface:var(--qi388-surface);--tnx4172-line:var(--qi388-edge);--tnx4172-ink:var(--qi388-ink);
  --qi-bg:var(--qi388-canvas);--qi-surface:var(--qi388-surface);--qi-tile:var(--qi388-surface);--qi-line:var(--qi388-edge);--qi-ink:var(--qi388-ink);--qi-muted:var(--qi388-muted);--qi-blue:var(--qi388-blue);--qi-glow:var(--qi388-shadow);--qi-ring:0 0 0 3px var(--qi388-blue-soft);
  --tnx-calm-blue:var(--qi388-blue);--tnx-calm-ink:var(--qi388-ink);--tnx-calm-muted:var(--qi388-muted);--tnx-calm-line:var(--qi388-edge);--tnx-calm-shadow:var(--qi388-shadow);
}
:root:is([data-area="app"],[data-area="auth"]) body{background:var(--qi388-canvas);color:var(--qi388-ink);font-family:var(--qi388-font)}
:root[data-area="app"] .app :is(h1,h2,h3,h4),:root[data-area="auth"] .tnx-auth-page :is(h1,h2,h3,h4){font-family:var(--qi388-font)!important}
/* Frame and navigation establish a stable place to work. */
:root[data-area="app"] .app{color:var(--qi388-ink);font-size:var(--qi388-type-body);line-height:1.55;letter-spacing:0}
:root[data-area="app"] .app .main{min-width:0;background:var(--qi388-canvas)}
:root[data-area="app"] .app>.side{background:var(--qi388-surface)!important;border-right:1px solid var(--qi388-edge)!important;box-shadow:none!important;padding:22px 14px 16px;scrollbar-width:thin;scrollbar-color:var(--qi388-edge-strong) transparent}
:root[data-area="app"] .app>.side .brand{padding:0 10px 22px;align-items:center;min-width:0}
:root[data-area="app"] .app>.side .brand img{height:35px;max-width:100%;object-fit:contain}
:root[data-area="app"] .app .side :is(.plabel,.pswitch){color:var(--qi388-secondary);font-size:12px}
:root[data-area="app"] .app .side .pswitch{margin:0 4px 14px}
:root[data-area="app"] .app .side .pswitch select{border-radius:10px;background:var(--qi388-soft);border-color:var(--qi388-edge);font-size:12px;min-height:40px}
/* Keep the search row outside the sidebar's shrinkable navigation region. Legacy
   shell rules reset min-height to zero, which compressed this row on short screens. */
:root[data-area="app"] .app>.side .navfind{display:flex;align-items:center;box-sizing:border-box;flex:0 0 auto;height:44px!important;min-height:44px!important;min-width:0;background:var(--qi388-soft);border:1px solid var(--qi388-edge);border-radius:11px;margin:0 3px 16px;color:var(--qi388-muted)}
:root[data-area="app"] .app>.side .navfind input,
:root[data-area="app"][data-theme][data-look] .app>.side .navfind input,
:root[data-area="app"][data-theme][data-look] .app>.side .navfind input:focus{box-sizing:border-box;flex:1 1 auto;width:0;min-width:0;max-width:100%;height:42px!important;min-height:42px!important;background:transparent;border:0;font-size:12px;color:var(--qi388-ink)}
:root[data-area="app"] .app .side .navscroll{padding-right:3px;min-width:0}
:root[data-area="app"] .app .side .grp{font-size:10px;font-weight:750;letter-spacing:.11em;text-transform:uppercase;color:var(--qi388-muted);margin:23px 11px 8px}
:root[data-area="app"] .app .side nav{gap:4px}
:root[data-area="app"] .app .side nav a{position:relative;min-height:40px;padding:10px 12px;border-radius:10px;color:var(--qi388-secondary);font-size:12.5px;font-weight:550;gap:11px;line-height:1.45;text-decoration:none;min-width:0}
:root[data-area="app"] .app .side nav a:hover{background:var(--qi388-hover);color:var(--qi388-ink)}
:root[data-area="app"] .app .side nav a:is(.on,[aria-current="page"]){background:var(--qi388-blue-soft);color:var(--qi388-blue);font-weight:750;box-shadow:inset 3px 0 var(--qi388-blue)}
:root[data-area="app"] .app .side nav a:is(.on,[aria-current="page"])::after{content:none}
:root[data-area="app"] .app .side nav :is(.ico,svg){width:18px;height:18px;flex-shrink:0;stroke-width:1.7}
:root[data-area="app"] .app .side .me{border-color:var(--qi388-edge);padding:16px 6px 9px;gap:10px}
:root[data-area="app"] .app .side .me img{width:34px;height:34px;border-radius:11px;border:1px solid var(--qi388-edge);object-fit:cover}
:root[data-area="app"] .app .side .me b{font-size:12.5px;color:var(--qi388-ink)}
:root[data-area="app"] .app .side .me span{font-size:11px;color:var(--qi388-muted);line-height:1.5}
:root[data-area="app"] .app .side .ver{color:var(--qi388-muted);font-size:9px;line-height:1.7;padding:8px 6px 0;overflow-wrap:anywhere}
/* Quick access is one quiet navigation group, including the new guide entry. */
:root[data-area="app"] .app>.side .tnx-quicklinks{margin:0 3px 9px;padding:9px;border:1px solid var(--qi388-edge);border-radius:12px;background:var(--qi388-soft);box-shadow:none}
:root[data-area="app"] .app .tnx-quicklinks-label{color:var(--qi388-muted);font-size:9px;letter-spacing:.1em;margin-bottom:5px}
:root[data-area="app"] .app .tnx-quicklinks :is(a,button){font-size:11.5px;min-height:36px;border-radius:8px}
:root[data-area="app"] .app .tnx-quicklinks nav a.tnx-quicklink-primary{background:var(--qi388-surface);border:1px solid var(--qi388-edge);color:var(--qi388-blue);box-shadow:none}
:root[data-area="app"] .app .qguide-entry-button{background:var(--qi388-surface);color:var(--qi388-blue);border-color:var(--qi388-edge);font-family:inherit}
/* Toolbar hierarchy keeps the page title prominent and utility actions quiet. */
:root[data-area="app"] .app .qi41-commandbar{background:var(--qi388-surface);border-color:var(--qi388-edge);box-shadow:none;padding:10px 30px;gap:16px;min-width:0}
:root[data-area="app"] .app .qi41-command-identity small{color:var(--qi388-muted);font-size:9px;letter-spacing:.1em}
:root[data-area="app"] .app .qi41-command-identity strong{color:var(--qi388-secondary);font-size:12px;font-weight:650}
:root[data-area="app"] .app .qi41-command-dot{background:var(--qi388-blue);box-shadow:0 0 0 4px var(--qi388-blue-soft);animation:none}
:root[data-area="app"] .app .qi41-quicknav a{border-radius:8px;color:var(--qi388-secondary);font-size:11px;padding:7px 9px}
:root[data-area="app"] .app .qi41-quicknav a.is-active{background:var(--qi388-blue-soft);color:var(--qi388-blue)}
:root[data-area="app"] .app .ptop{background:var(--qi388-surface)!important;border-bottom:1px solid var(--qi388-edge)!important;box-shadow:none!important;padding:18px 30px;gap:16px;min-height:83px;color:var(--qi388-ink)}
:root[data-area="app"] .app .ptop .ttl{min-width:0}
:root[data-area="app"] .app .ptop h1{font-size:clamp(21px,2.25vw,28px);font-weight:750;font-stretch:100%;line-height:1.25;letter-spacing:-.035em;color:var(--qi388-ink);margin:4px 0 0}
:root[data-area="app"] .app .ptop .crumb{font-size:11px;color:var(--qi388-muted);line-height:1.4}
:root[data-area="app"] .app .ptop .push{gap:7px;flex-wrap:wrap;min-width:0}
:root[data-area="app"] .app .ptop .btn{font-size:11.5px;min-height:36px;padding:8px 11px;border-radius:9px;box-shadow:none}
:root[data-area="app"] .app .ptop .ico{width:17px;height:17px;flex:none}
:root[data-area="app"] .app .content{background:var(--qi388-canvas)!important;max-width:1580px;width:100%;min-width:0;padding:26px 30px 64px;margin-inline:auto}
:root[data-area="app"] .app :is(.qi410-breadcrumb,.tnx360-bread){font-size:11px;color:var(--qi388-muted);line-height:1.5;gap:8px;margin-bottom:18px;flex-wrap:wrap}
:root[data-area="app"] .app :is(.qi410-breadcrumb,.tnx360-bread) a{color:var(--qi388-secondary)}
/* Shared optional page-head hooks for richer screens, with no required new markup. */
:root[data-area="app"] .app .qi388-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px;flex-wrap:wrap}
:root[data-area="app"] .app .qi388-page-head h2{font-size:24px;letter-spacing:-.035em;margin:0 0 6px;color:var(--qi388-ink)}
:root[data-area="app"] .app .qi388-context{color:var(--qi388-muted);font-size:13px;max-width:70ch;line-height:1.6}
:root[data-area="app"] .app .qi388-search{background:var(--qi388-surface);border:1px solid var(--qi388-edge);border-radius:11px;min-height:42px;color:var(--qi388-secondary)}
/* Cards, dashboards and workspaces use one measured visual rhythm. */
:root[data-area="app"] .app :is(h2,h3,h4){letter-spacing:-.025em;line-height:1.3;color:var(--qi388-ink)}
:root[data-area="app"] .app :is(.stack,.g2,.g32,.tcc-g2){gap:18px}
:root[data-area="app"] .app :is(.panel,.card,.stat,.kpi,.widget,.workspace-card,.module-card,.task){border-color:var(--qi388-edge);border-radius:var(--qi388-radius);box-shadow:var(--qi388-shadow)}
:root[data-area="app"] .app .panel{padding:22px;background:var(--qi388-surface)}
:root[data-area="app"] .app .panel>:is(h2,h3),:root[data-area="app"] .app .ph{font-size:17px;font-weight:750;font-stretch:100%;line-height:1.4}
:root[data-area="app"] .app :is(.muted,.hint,.help,.subtle){color:var(--qi388-muted);line-height:1.6}
:root[data-area="app"] .app #portal-content .kpis{gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));background:transparent;border:0;border-radius:0;overflow:visible}
:root[data-area="app"] .app #portal-content .kpis>:is(a,div,article){border:1px solid var(--qi388-edge);border-radius:14px;background:var(--qi388-surface);padding:19px 20px;box-shadow:var(--qi388-shadow);min-width:0;color:var(--qi388-ink)}
:root[data-area="app"] .app #portal-content .kpis>:is(a,div,article):hover{border-color:var(--qi388-blue-edge)}
:root[data-area="app"] .app #portal-content .kpis :is(b,strong){font-size:clamp(24px,2.1vw,31px);font-weight:750;letter-spacing:-.045em;line-height:1.25;font-variant-numeric:tabular-nums;color:var(--qi388-ink)}
:root[data-area="app"] .app #portal-content .kpis :is(small,span){font-size:11.5px;line-height:1.5;color:var(--qi388-muted)}
:root[data-area="app"] .app :is(.tnx4172-hero,.tnx360-hero){position:relative;background:var(--qi388-surface)!important;border:1px solid var(--qi388-edge);border-radius:18px;padding:24px 26px!important;box-shadow:var(--qi388-shadow);color:var(--qi388-ink)}
:root[data-area="app"] .app :is(.tnx4172-hero,.tnx360-hero)::after{content:"";position:absolute;right:25px;top:20px;width:92px;height:54px;border:1px solid var(--qi388-blue-edge);border-radius:50%;transform:rotate(-25deg);pointer-events:none;opacity:.45}
:root[data-area="app"] .app :is(.tnx4172-hero,.tnx360-hero)>*{position:relative;z-index:1}
:root[data-area="app"] .app :is(.tnx4172-hero,.tnx360-hero) h2{font-size:clamp(23px,2.6vw,32px);font-weight:750;color:var(--qi388-ink);letter-spacing:-.04em}
:root[data-area="app"] .app :is(.tnx4172-hero,.tnx360-hero) p{color:var(--qi388-muted);font-size:13px;max-width:68ch;line-height:1.65}
:root[data-area="app"] .app :is(.tnx4172-app-grid,.tnx4172-tools){gap:14px}
:root[data-area="app"] .app :is(.tnx4172-app-card,.tnx4172-app-card.tnx4172-featured,.tnx4172-tool,.tnx360-card,.tnx360-kpi,.tnx360-spotlight-grid>a){background:var(--qi388-surface);border-color:var(--qi388-edge);border-radius:14px;box-shadow:var(--qi388-shadow);color:var(--qi388-ink)}
:root[data-area="app"] .app .tnx4172-app-card{padding:20px;gap:14px}
:root[data-area="app"] .app :is(.tnx4172-app-card,.tnx4172-tool,.tnx360-action):hover{transform:none;box-shadow:0 4px 14px #1c4f9420;border-color:var(--qi388-blue-edge)}
:root[data-area="app"] .app :is(.tnx4172-app-icon,.tnx4172-tool-symbol,.tnx360-action-icon,.tnx360-hero-icon,.tnx360-spotlight-grid>a>span){background:var(--qi388-blue-soft);color:var(--qi388-blue);border-radius:12px;border:1px solid var(--qi388-blue-edge);box-shadow:none}
:root[data-area="app"] .app .tnx4172-app-icon{width:44px;height:44px;flex-basis:44px}
:root[data-area="app"] .app .tnx4172-app-icon svg{width:22px;height:22px;stroke-width:1.7}
:root[data-area="app"] .app :is(.tnx4172-app-content>strong,.tnx4172-tool-link strong,.tnx360-section-head h3,.tnx360-action strong,.tnx360-kpi strong,.tcc-title h2){color:var(--qi388-ink)}
:root[data-area="app"] .app :is(.tnx4172-app-content>small,.tnx4172-app-desc,.tnx4172-tool-link small,.tnx360-meta,.tnx360-action small,.tnx360-kpi small,.tnx360-kpi>span:first-child){color:var(--qi388-muted)}
:root[data-area="app"] .app .tnx4172-app-desc{font-size:12px;line-height:1.65;min-height:0}
:root[data-area="app"] .app .tnx4172-app-content>strong{font-size:16px;line-height:1.4;font-weight:750}
:root[data-area="app"] .app :is(.tnx4172-tool-link,.tnx360-action){color:var(--qi388-ink)!important;background:var(--qi388-surface);border-color:var(--qi388-edge)}
:root[data-area="app"] .app :is(.tnx360-card,.tcc-ins){padding:20px}
:root[data-area="app"] .app .tnx360-kpi{padding:18px;gap:9px}
:root[data-area="app"] .app .tnx360-kpi.attention{border-color:var(--qi388-amber);background:var(--qi388-amber-soft)}
:root[data-area="app"] .app :is(.tnx360-track,.tcc-dl>div,.tnx360-rolelist>div){background:var(--qi388-soft)}
:root[data-area="app"] .app :is(.tnx360-track i,.tcc-bars .tcc-bar){background:var(--qi388-blue);fill:var(--qi388-blue)}
/* Filters and fields keep labels, validation and touch targets intact. */
:root[data-area="app"] .app :is(.toolbar,.actionbar,.action-bar,.filters,.filter-bar,.tnx4172-toolbar,.tcc-tools){gap:10px;flex-wrap:wrap;align-items:center;min-width:0}
:root[data-area="app"] .app :is(.field,.form-field){gap:7px}
:root[data-area="app"] .app :is(.field,.form-field)>:is(label,span),:root[data-area="app"] .app label{color:var(--qi388-secondary);font-size:12px;line-height:1.5}
:root:is([data-area="app"],[data-area="auth"]) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="submit"]),select,textarea){border-radius:10px;border-color:var(--qi388-edge-strong);background:var(--qi388-surface);color:var(--qi388-ink);font-size:14px;line-height:1.5;min-height:43px;box-shadow:none;max-width:100%;min-width:0}
:root:is([data-area="app"],[data-area="auth"]) :is(input,select,textarea):hover:not(:disabled){border-color:var(--qi388-blue-edge)}
:root:is([data-area="app"],[data-area="auth"]) :is(input,select,textarea):focus{border-color:var(--qi388-blue);box-shadow:0 0 0 3px var(--qi388-blue-soft)}
:root:is([data-area="app"],[data-area="auth"]) :is(input,textarea)::placeholder{color:var(--qi388-muted);opacity:1}
:root:is([data-area="app"],[data-area="auth"]) :is(input[type="checkbox"],input[type="radio"]){accent-color:var(--qi388-blue);flex-shrink:0}
:root:is([data-area="app"],[data-area="auth"]) [aria-invalid="true"]{border-color:var(--qi388-red)!important}
:root:is([data-area="app"],[data-area="auth"]) :is(input,select,textarea):disabled{background:var(--qi388-soft);color:var(--qi388-muted);cursor:not-allowed;opacity:1}
:root[data-area="app"] .app :is(.drop,.files li,.tsline){background:var(--qi388-surface);border-color:var(--qi388-edge);border-radius:12px}
:root[data-area="app"] .app .drop{border-style:dashed;background:var(--qi388-soft);padding:24px}
/* Primary, secondary, destructive and disabled actions remain distinct. */
:root:is([data-area="app"],[data-area="auth"]) .btn{font-family:inherit;font-size:12.5px;font-weight:650;letter-spacing:0;line-height:1.4;min-height:42px;padding:10px 15px;border-radius:10px;box-shadow:none;gap:8px}
:root[data-area="app"] .app .btn:not(.ghost):not(.soft):not(.danger):not(.link):not(.icon):not(.go){background:var(--qi388-blue);border-color:var(--qi388-blue);color:var(--qi388-on-blue)}
:root[data-area="app"] .app .btn:is(.ghost,.soft){background:var(--qi388-surface);border:1px solid var(--qi388-edge-strong);color:var(--qi388-secondary)}
:root[data-area="app"] .app .btn:is(.ghost,.soft):hover:not(:disabled){background:var(--qi388-hover);border-color:var(--qi388-blue-edge);color:var(--qi388-blue)}
:root[data-area="app"] .app .btn.danger{background:var(--qi388-red-soft);border:1px solid var(--qi388-red);color:var(--qi388-red)}
:root[data-area="app"] .app .btn.go{background:var(--qi388-green);border-color:var(--qi388-green);color:var(--qi388-surface)}
:root[data-area="app"] .app .btn.icon{border-radius:10px;min-width:40px;min-height:40px;padding:9px}
:root[data-area="app"] .app .btn.sm{min-height:36px;font-size:11.5px;padding:8px 11px}
:root[data-area="app"] .app .btn.lg{min-height:48px;font-size:14px;padding:12px 18px}
:root:is([data-area="app"],[data-area="auth"]) :is(button,.btn)[disabled],:root:is([data-area="app"],[data-area="auth"]) [aria-disabled="true"]{cursor:not-allowed;opacity:.58;box-shadow:none}
:root[data-area="app"] .app :is(.seg,.tnx4172-modes){border-radius:11px;padding:4px;background:var(--qi388-soft);border:1px solid var(--qi388-edge);gap:4px}
:root[data-area="app"] .app :is(.seg button,.tnx4172-modes button){color:var(--qi388-muted);border:1px solid transparent;border-radius:8px;font-size:12px;min-height:35px;padding:8px 12px;line-height:1.4}
:root[data-area="app"] .app :is(.seg button.on,.tnx4172-modes button.active){background:var(--qi388-surface);color:var(--qi388-blue);border-color:var(--qi388-edge);box-shadow:0 1px 4px #172b4d09}
/* Data density and semantic states: decoration never substitutes for record text. */
:root[data-area="app"] .app :is(.table-wrap,.table-responsive,.table-container){border:1px solid var(--qi388-edge);border-radius:12px;background:var(--qi388-surface);max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
:root[data-area="app"] .app .tbl{font-size:12.5px;color:var(--qi388-ink);border-collapse:separate;border-spacing:0}
:root[data-area="app"] .app .tbl th{background:var(--qi388-soft);color:var(--qi388-secondary);font-size:11px;letter-spacing:.025em;font-weight:700;padding:12px 14px;border-bottom:1px solid var(--qi388-edge);line-height:1.45}
:root[data-area="app"] .app .tbl td{padding:14px;border-bottom:1px solid var(--qi388-edge);color:var(--qi388-ink);line-height:1.5;vertical-align:middle}
:root[data-area="app"] .app .tbl td:not(.num):not(.r){overflow-wrap:anywhere;max-width:36rem}
:root[data-area="app"] .app .tbl tr.click:hover td{background:var(--qi388-hover)}
:root[data-area="app"] .app :is(.num,.tbl td.r,.tbl th.r){font-variant-numeric:tabular-nums}
:root[data-area="app"] .app :is(.chip,.badge,.prio){font-size:10.5px;font-weight:650;line-height:1.4;border-radius:7px;padding:4px 8px}
:root[data-area="app"] .app .note{border-radius:12px;padding:14px 16px;font-size:12.5px;line-height:1.6;border:1px solid transparent;gap:10px}
:root[data-area="app"] .app .note.info{background:var(--qi388-blue-soft);color:var(--qi388-blue);border-color:var(--qi388-blue-edge)}
:root[data-area="app"] .app :is(.note.ok,.chip.ok){background:var(--qi388-green-soft);color:var(--qi388-green)}
:root[data-area="app"] .app :is(.note.amber,.chip.amber){background:var(--qi388-amber-soft);color:var(--qi388-amber)}
:root[data-area="app"] .app :is(.note.red,.chip.red,.chip.bad,.prio.high){background:var(--qi388-red-soft);color:var(--qi388-red)}
:root[data-area="app"] .app .empty{padding:38px 24px;border:1px dashed var(--qi388-edge-strong);border-radius:14px;background:var(--qi388-soft);gap:10px;color:var(--qi388-muted)}
:root[data-area="app"] .app .empty b{color:var(--qi388-ink);font-size:17px}
:root[data-area="app"] .app .loading{padding:28px 22px;color:var(--qi388-secondary);font-size:13px}
/* Dialogs sit above the work surface; sticky actions preserve existing controls. */
:root:is([data-area="app"],[data-area="auth"]) .overlay{background:#13243b63;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
:root:is([data-area="app"],[data-area="auth"]) .modal{background:var(--qi388-surface);color:var(--qi388-ink);border:1px solid var(--qi388-edge);border-radius:20px;box-shadow:var(--qi388-shadow-dialog);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px)}
:root:is([data-area="app"],[data-area="auth"]) .modal :is(.mh,.mf){background:var(--qi388-surface);border-color:var(--qi388-edge);padding:18px 24px}
:root:is([data-area="app"],[data-area="auth"]) .modal .mh h2{color:var(--qi388-ink);font-size:20px;font-stretch:100%;letter-spacing:-.025em}
:root:is([data-area="app"],[data-area="auth"]) .modal .mb{padding:22px 24px 26px}
:root:is([data-area="app"],[data-area="auth"]) .modal :is(input,select,textarea){font-size:14px}
/* Authentication shares the same product language; no new image assets. */
:root[data-area="auth"] .tnx-auth-page{background:var(--qi388-canvas)!important;color:var(--qi388-ink)}
:root[data-area="auth"] .tnx-auth-page::before{background:linear-gradient(135deg,var(--qi388-soft),var(--qi388-canvas))!important}
:root[data-area="auth"] .tnx-auth-header{border-color:var(--qi388-edge);color:var(--qi388-secondary)}
:root[data-area="auth"] .tnx-auth-header a{color:var(--qi388-secondary)}
:root[data-area="auth"] .tnx-auth-main{padding-top:28px;padding-bottom:32px}
:root[data-area="auth"] .tnx-auth-login .tnx-auth-art{opacity:.08;filter:none}
:root[data-area="auth"] .tnx-auth-page .tnx-auth-card{background:var(--qi388-surface)!important;border:1px solid var(--qi388-edge)!important;border-radius:22px;box-shadow:var(--qi388-shadow-dialog)!important;color:var(--qi388-ink);padding:32px!important}
:root[data-area="auth"] .tnx-auth-card :is(h1,h2,h3){color:var(--qi388-ink);letter-spacing:-.035em}
:root[data-area="auth"] .tnx-auth-card :is(.tnx-auth-subtitle,.muted,.hint,.help){color:var(--qi388-muted);line-height:1.6}
:root[data-area="auth"] .tnx-auth-card .tnx-auth-overline{color:var(--qi388-blue);font-size:10px;letter-spacing:.1em}
:root[data-area="auth"] .tnx-auth-card .tnx-auth-rolebar{border-color:var(--qi388-edge);background:var(--qi388-soft);border-radius:12px}
:root[data-area="auth"] .tnx-auth-card .tnx-auth-role-grid a{background:var(--qi388-surface);border:1px solid var(--qi388-edge);color:var(--qi388-secondary);border-radius:10px;min-height:42px;font-size:12px}
:root[data-area="auth"] .tnx-auth-card .tnx-auth-role-grid a:is(:hover,[aria-current="page"]){background:var(--qi388-blue-soft);border-color:var(--qi388-blue-edge);color:var(--qi388-blue)}
:root[data-area="auth"] .tnx-auth-card .se-login-recovery{background:var(--qi388-amber-soft)!important;border-color:var(--qi388-amber)!important;color:var(--qi388-amber)!important}
:root[data-area="auth"] .tnx-auth-footer{color:var(--qi388-muted);font-size:11px;line-height:1.6}
/* Keyboard, overflow and small screens remain first-class work modes. */
:root:is([data-area="app"],[data-area="auth"]) :is(a,button,input,select,textarea,summary,[tabindex="0"]):focus-visible{outline:var(--qi388-focus);outline-offset:3px}
:root[data-area="app"] .app :is(.main,.content,.panel,.card,.tnx4172-app-content,.tnx360-action>span,.tcc-main){min-width:0}
:root[data-area="app"] .app :is(.ptop,.toolbar,.actions,.filters,.tcc-tools,.tnx360-section-head){flex-wrap:wrap;min-width:0}
@media(min-width:901px){:root[data-area="app"] .app:not(.qi41-focus){grid-template-columns:var(--qi388-sidebar) minmax(0,1fr)}}
@media(min-width:1700px){:root[data-area="app"] .app .content{padding-inline:40px}:root[data-area="app"] .app .ptop{padding-inline:40px}}
@media(max-width:1180px){:root[data-area="app"] .app{--qi388-sidebar:244px}:root[data-area="app"] .app .ptop{align-items:flex-start}:root[data-area="app"] .app .ptop .push{margin-left:auto}:root[data-area="app"] .app .content{padding-inline:22px}}
@media(max-width:900px){
 :root[data-area="app"] .app .ptop{padding:15px 18px;gap:12px;min-height:74px}
 :root[data-area="app"] .app .qi41-commandbar{padding-inline:18px;gap:12px}
 :root[data-area="app"] .app .content{padding:20px 18px calc(160px + env(safe-area-inset-bottom,0px))!important}
 :root[data-area="app"] .app .tabbar{background:var(--qi388-surface);border-top:1px solid var(--qi388-edge);box-shadow:0 -4px 16px #17376108;min-height:74px}
 :root[data-area="app"] .app .tabbar :is(a,button){color:var(--qi388-muted);gap:5px;min-width:0;line-height:1.3}
 :root[data-area="app"] .app .tabbar .on{color:var(--qi388-blue);background:var(--qi388-blue-soft)}
 :root[data-area="app"] .app .tabbar .ico{width:21px;height:21px;stroke-width:1.7}
 :root[data-area="app"] .app .tnx4172-app-grid,:root[data-area="app"] .app .tnx4172-tools{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
 :root[data-area="app"] .app .ptop h1{font-size:22px}
 :root[data-area="app"] .app .ptop .push{width:100%;margin-left:0;gap:7px}
 :root[data-area="app"] .app .ptop .push>*{flex:0 0 auto}
 :root[data-area="app"] .app .panel{padding:17px;border-radius:13px}
 :root[data-area="app"] .app :is(.tnx4172-hero,.tnx360-hero){padding:20px!important}
 :root[data-area="app"] .app :is(.tnx4172-app-grid,.tnx4172-tools,.tnx360-two){grid-template-columns:1fr}
 :root[data-area="app"] .app :is(.tnx360-stats,.tnx360-spotlight-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 :root[data-area="app"] .app #portal-content .kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 :root[data-area="app"] .app #portal-content .kpis>:is(a,div,article){padding:15px 13px}
 :root[data-area="app"] .app #portal-content .kpis :is(b,strong){font-size:25px}
 :root[data-area="app"] .app .toolbar>:is(input,select){flex:1 1 150px}
 :root[data-area="app"] .app :is(.tnx360-kpi,.tnx360-card,.tnx4172-app-card,.tcc-ins){padding:16px}
 :root[data-area="app"] .app .tbl :is(th,td){padding:11px 12px}
 :root:is([data-area="app"],[data-area="auth"]) .modal{border-radius:18px 18px 0 0;max-height:94vh;max-height:94dvh}
 :root:is([data-area="app"],[data-area="auth"]) .modal :is(.mh,.mb,.mf){padding-inline:18px}
 :root[data-area="auth"] .tnx-auth-page .tnx-auth-card{padding:24px 20px!important;border-radius:18px}
 :root[data-area="auth"] .tnx-auth-main{padding-inline:14px}
}
@media(prefers-reduced-motion:reduce){
 :root:is([data-area="app"],[data-area="auth"]) :is(.app,.tnx-auth-page,.modal) *{scroll-behavior:auto;animation:none!important;transition:none!important}
}
@media(forced-colors:active){
 :root:is([data-area="app"],[data-area="auth"]) :is(.btn,.panel,.card,.modal,input,select,textarea){border:1px solid CanvasText}
 :root[data-area="app"] .app .side nav a:is(.on,[aria-current="page"]){outline:2px solid Highlight;box-shadow:none}
}
/* r388 structural Shell: one topbar, followed by a quiet context row. */
:root[data-area="app"] .app.qi388-shell .ptop.qi388-topbar{align-items:center;gap:18px}
:root[data-area="app"] .app .qi388-topbar .ttl{flex:1 1 220px}
:root[data-area="app"] .app .qi388-breadcrumb{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:10.5px;color:var(--qi388-muted);line-height:1.5}
:root[data-area="app"] .app .qi388-breadcrumb a{color:var(--qi388-muted);text-decoration:none}
:root[data-area="app"] .app .qi388-breadcrumb a:hover{color:var(--qi388-blue);text-decoration:underline}
:root[data-area="app"] .app .qi388-page-caption{margin:6px 0 0;color:var(--qi388-muted);font-size:12px;line-height:1.55;max-width:68ch}
:root[data-area="app"] .app .qi388-topbar .qi388-search{flex:1 1 240px;max-width:360px;min-width:180px;padding:0;border:0;background:transparent;border-radius:0}
:root[data-area="app"] .app .qi388-search .qi-omni{margin:0;max-width:none;min-width:0;width:100%;order:initial}
:root[data-area="app"] .app .qi388-search .qi-omni input{border-radius:11px!important;background:var(--qi388-soft)!important;border:1px solid var(--qi388-edge)!important;color:var(--qi388-ink)!important;min-height:43px;font-size:12px;padding-left:39px}
:root[data-area="app"] .app .qi388-search .qi-omni input:focus{border-color:var(--qi388-blue)!important;box-shadow:0 0 0 3px var(--qi388-blue-soft)!important}
:root[data-area="app"] .app .qi388-search .qi-omni-k{border-color:var(--qi388-edge);color:var(--qi388-muted);font-size:9px}
:root[data-area="app"] .app .qi388-search .qi-omni-hint{background:var(--qi388-surface);border:1px solid var(--qi388-edge);box-shadow:var(--qi388-shadow-dialog);border-radius:13px;top:49px}
:root[data-area="app"] .app .qi388-contextbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:12px 30px;border-bottom:1px solid var(--qi388-edge);background:var(--qi388-surface);color:var(--qi388-muted);font-size:11.5px;line-height:1.5}
:root[data-area="app"] .app .qi388-shortcuts{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}
:root[data-area="app"] .app .qi388-shortcuts a{display:inline-flex;align-items:center;gap:6px;color:var(--qi388-secondary);padding:6px 9px;background:var(--qi388-soft);border:1px solid var(--qi388-edge);border-radius:8px;font-size:10.5px;text-decoration:none;line-height:1.45}
:root[data-area="app"] .app .qi388-shortcuts a:is(:hover,.is-active,[aria-current="page"]){color:var(--qi388-blue);background:var(--qi388-blue-soft);border-color:var(--qi388-blue-edge)}
:root[data-area="app"] .app .qi388-shortcuts .ico{height:14px;width:14px}
:root[data-area="app"] .app .qi388-welcome{border-color:var(--qi388-edge);border-radius:18px;background:var(--qi388-surface);color:var(--qi388-ink);box-shadow:var(--qi388-shadow)}
:root[data-area="app"] .app .qi388-admin-home{gap:21px}
@media(min-width:901px){:root[data-area="app"] .app .qi388-topbar:has(.qi-omni) .jumpbtn{display:none}}
@media(max-width:1180px){:root[data-area="app"] .app .qi388-topbar .qi388-search{flex:1 1 100%;max-width:none;order:3}:root[data-area="app"] .app .qi388-contextbar{padding-inline:22px}}
@media(max-width:900px){:root[data-area="app"] .app .qi388-contextbar{padding:12px 18px}:root[data-area="app"] .app .qi388-topbar .qi388-search{min-width:0}:root[data-area="app"] .app .qi388-page-caption{font-size:11.5px}}
@media(max-width:620px){:root[data-area="app"] .app .qi388-contextbar{align-items:flex-start;gap:10px}:root[data-area="app"] .app .qi388-shortcuts{gap:6px}:root[data-area="app"] .app .qi388-shortcuts a{font-size:10px;padding:6px 8px}:root[data-area="app"] .app .qi388-topbar .ttl{flex-basis:calc(100% - 55px)}}
/* Shared state components keep the content and next action together. */
:root:is([data-area="app"],[data-area="auth"]) .qi388-empty{display:flex;align-items:flex-start;justify-content:flex-start;gap:16px;flex-wrap:wrap;text-align:left;padding:28px;border:1px dashed var(--qi388-edge-strong);background:var(--qi388-soft);border-radius:16px;color:var(--qi388-secondary)}
:root:is([data-area="app"],[data-area="auth"]) .qi388-state-icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:13px;border:1px solid var(--qi388-blue-edge);color:var(--qi388-blue);background:var(--qi388-blue-soft)}
:root:is([data-area="app"],[data-area="auth"]) .qi388-state-icon .ico{width:21px;height:21px;stroke-width:1.7}
:root:is([data-area="app"],[data-area="auth"]) .qi388-state-copy{flex:1 1 210px;min-width:0;max-width:68ch;color:var(--qi388-secondary);font-size:13px;line-height:1.65}
:root:is([data-area="app"],[data-area="auth"]) .qi388-state-copy :is(h2,h3,b,strong){color:var(--qi388-ink);font-size:16px;font-weight:700;line-height:1.45;letter-spacing:-.02em}
:root:is([data-area="app"],[data-area="auth"]) .qi388-state-copy p{margin-top:6px;color:var(--qi388-muted);font-size:12.5px;line-height:1.6}
:root:is([data-area="app"],[data-area="auth"]) .qi388-state-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:14px}
:root:is([data-area="app"],[data-area="auth"]) .qi388-loading{display:flex;gap:13px;align-items:center;padding:26px 22px;color:var(--qi388-secondary);font-size:13px;line-height:1.5}
:root:is([data-area="app"],[data-area="auth"]) .qi388-error{display:flex;align-items:flex-start;gap:15px;flex-wrap:wrap;padding:22px;background:var(--qi388-red-soft);border:1px solid var(--qi388-red);border-radius:14px;color:var(--qi388-red)}
:root:is([data-area="app"],[data-area="auth"]) .qi388-error .qi388-state-icon{background:var(--qi388-surface);color:var(--qi388-red);border-color:var(--qi388-red)}
/* Shared modal chrome remains a bounded dialog with an independently scrolling body. */
:root:is([data-area="app"],[data-area="auth"]) .qi388-dialog{display:flex;flex-direction:column;overflow:hidden;min-height:0}
:root:is([data-area="app"],[data-area="auth"]) .qi388-dialog-header{position:relative;top:auto;flex-shrink:0;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--qi388-edge)}
:root:is([data-area="app"],[data-area="auth"]) .qi388-dialog-body{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain}
:root:is([data-area="app"],[data-area="auth"]) .qi388-dialog-footer{position:relative;bottom:auto;flex-shrink:0;border-top:1px solid var(--qi388-edge);padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}
:root:is([data-area="app"],[data-area="auth"]) .qi388-modal-title{font-size:20px;line-height:1.4;letter-spacing:-.025em;min-width:0;overflow-wrap:anywhere}
:root:is([data-area="app"],[data-area="auth"]) .qi388-close{flex:none;color:var(--qi388-muted);background:var(--qi388-soft);border-color:var(--qi388-edge);border-radius:11px;min-height:40px;min-width:40px}
@media(max-width:620px){:root:is([data-area="app"],[data-area="auth"]) .qi388-empty{padding:21px;gap:12px}:root:is([data-area="app"],[data-area="auth"]) .qi388-state-icon{width:39px;height:39px;flex-basis:39px;border-radius:11px}:root:is([data-area="app"],[data-area="auth"]) .qi388-dialog-header{padding-block:16px}:root:is([data-area="app"],[data-area="auth"]) .qi388-dialog-body{padding-block:18px}}
/* The menu owns its utility controls: no detached rail over working content. */
:root[data-area="app"] .app .se13-more-menu #tnx-a11y-dock{
 position:static!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
 transform:none!important;width:auto!important;max-width:100%!important;margin:4px 0 0!important;padding:9px 3px!important;
 z-index:auto!important;box-shadow:none!important;isolation:auto;border-top:1px solid var(--qi388-edge);gap:8px!important;flex-wrap:wrap!important;
}
:root[data-area="app"] .app .se13-more-menu #tnx-a11y-dock:not([hidden]){display:flex!important;justify-content:flex-start!important;align-items:center!important}
:root[data-area="app"] .app .se13-more-menu #tnx-a11y-dock :is(.tnx-a11y-float,#se-view-launch){
 position:static!important;inset:auto!important;transform:none!important;width:40px!important;min-width:40px!important;max-width:40px!important;
 height:40px!important;min-height:40px!important;border-radius:10px!important;background:var(--qi388-soft)!important;
 color:var(--qi388-blue)!important;-webkit-text-fill-color:var(--qi388-blue)!important;border:1px solid var(--qi388-edge)!important;box-shadow:none!important;font-size:18px!important;
}
:root[data-area="app"] .app .se13-more-menu #tnx-a11y-dock .tnx-mobile-install:not([hidden]){display:flex!important}
:root[data-area="app"] .app .se13-more-menu .qcw-fab{
 position:static!important;inset:auto!important;transform:none!important;width:auto!important;min-height:38px!important;max-width:100%;
 padding:9px 11px!important;border:1px solid var(--qi388-edge)!important;border-radius:9px!important;
 background:var(--qi388-soft)!important;color:var(--qi388-blue)!important;box-shadow:none!important;font-size:12px!important;line-height:1.4!important;
}
:root[data-area="app"] .app .se13-more-menu .qcw-fab::before{content:none}
/* Nested search inputs share the parent boundary rather than drawing a second box. */
:root[data-area="app"] .app .tnx4172-search{background:var(--qi388-surface);border:1px solid var(--qi388-edge-strong);border-radius:11px;box-shadow:none;min-height:43px}
:root[data-area="app"] .app .tnx4172-search input,
:root[data-area="app"] .app .tnx4172-search input:focus{border:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;border-radius:0!important;color:var(--qi388-ink)!important;min-height:39px;padding:8px 0}
:root[data-area="app"] .app .tnx4172-search:focus-within{outline:var(--qi388-focus);outline-offset:2px;border-color:var(--qi388-blue)}
:root[data-area="app"] .app .qi388-search .qi-omni{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
/* Preserve the chart's positive-state series distinction. */
:root[data-area="app"] .app .tcc-bars.teal .tcc-bar{fill:var(--qi388-green)}
:root[data-area="app"] .app .qi388-context-label{font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:750;color:var(--qi388-muted);white-space:nowrap}
:root[data-area="app"] .app .qi388-find{display:inline-flex;align-items:center;gap:7px;margin-left:auto;padding:7px 10px;min-height:34px;flex:none;border:1px solid var(--qi388-edge);border-radius:8px;background:var(--qi388-surface);color:var(--qi388-secondary);font-family:inherit;font-size:11px;line-height:1.4;cursor:pointer}
:root[data-area="app"] .app .qi388-find:hover{color:var(--qi388-blue);border-color:var(--qi388-blue-edge);background:var(--qi388-blue-soft)}
:root[data-area="app"] .app .qi388-find .ico{width:14px;height:14px}
:root[data-area="app"] .app .qi388-find small{padding:2px 6px;border-radius:5px;background:var(--qi388-soft);color:var(--qi388-muted);font-size:10px;font-variant-numeric:tabular-nums}
:root[data-area="app"] .app .qi388-welcome .qi48-welcome-orb{position:relative;flex:none;width:38px;height:38px;border-radius:12px;background:var(--qi388-blue-soft)!important;border:1px solid var(--qi388-blue-edge);box-shadow:none;animation:none}
:root[data-area="app"] .app .qi388-welcome .qi48-welcome-orb::after{content:"";position:absolute;top:12px;left:6px;width:24px;height:12px;border:1px solid var(--qi388-blue);border-radius:50%;transform:rotate(-27deg);pointer-events:none}
:root[data-area="app"] .app .content .qi388-welcome .qi48-welcome-who h2{white-space:normal;overflow-wrap:anywhere;font-size:18px!important}
/* These targeted bridges share the legacy layer so its important field and
   display rules cannot draw a second border or restore old display fonts. */
@layer qi48{
 /* Legacy important sizing is layered too; the repair must share that layer. */
 :root[data-area="app"][data-theme][data-look] .app>.side .navfind{height:44px!important;min-height:44px!important}
 :root[data-area="app"][data-theme][data-look] .app>.side .navfind input,
 :root[data-area="app"][data-theme][data-look] .app>.side .navfind input:focus{height:42px!important;min-height:42px!important;min-width:0!important}
 :root[data-area="app"][data-theme="dark"] .app .content .tnx4172-launcher .tnx4172-app-card .tnx4172-app-content em,
 :root[data-area="app"][data-theme="dark"] .app .content .tnx4172-launcher .tnx4172-hero-meta strong,
 :root[data-area="app"][data-theme="dark"] .app .content .tnx360-spotlight-grid>a>em{color:var(--qi388-blue)!important;-webkit-text-fill-color:var(--qi388-blue)!important}
 :root[data-area="app"][data-theme][data-look] .app .content .tnx4172-toolbar .tnx4172-search input[type="search"]{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;outline:none!important;padding:8px 0!important;min-width:0!important}
 :root[data-area="auth"][data-theme] .tnx-auth-page .tnx-auth-main :is(h1,h2,h3){font-family:var(--qi388-font)!important;letter-spacing:-.035em!important}
 :root[data-area="auth"][data-theme] .tnx-auth-page .tnx-auth-main .qi41-auth-story h1{font-size:clamp(34px,3.9vw,55px)!important;line-height:1.12!important}
 :root[data-area="auth"][data-theme] .tnx-auth-page .tnx-auth-main .tnx-auth-card h2{font-size:27px!important;line-height:1.25!important}
 :root[data-area="auth"][data-theme] .tnx-auth-page .tnx-auth-login .tnx-auth-art{opacity:.08!important}
 :root[data-area="auth"][data-theme] #tnx-a11y-dock{position:static!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;transform:none!important;width:max-content!important;margin:14px auto!important;flex-direction:row!important;max-width:calc(100% - 28px)!important}
}
:root[data-area="auth"] .tnx-auth-page :is(.qi388-auth-help,.qi388-build-details){border-top:1px solid var(--qi388-edge);padding-top:13px;margin-top:12px;color:var(--qi388-muted);font-size:12px;line-height:1.6}
:root[data-area="auth"] .tnx-auth-page :is(.qi388-auth-help,.qi388-build-details)>summary{cursor:pointer;color:var(--qi388-secondary);font-size:12px;font-weight:650;padding:4px 0}
:root[data-area="auth"] .tnx-auth-page .qi388-auth-help p{margin:10px 0 0}

/* QI Structured Resume Parsing and Rule-Based Talent Pool Clustering.
   Scoped to their Studio panels; existing ATS controls and permissions are unchanged. */
.qite-shell .qite-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px;padding:5px;border:1px solid var(--line,#dce5f0);background:var(--surface-2,#f4f7fc);border-radius:13px}
.qite-shell .qite-tabs button{min-height:40px;padding:9px 14px;border-radius:9px;border:1px solid transparent;font-size:12px;font-weight:650;line-height:1.4;white-space:normal}
.qite-shell .qite-tabs button[aria-pressed="true"]{background:var(--surface,#fff);color:var(--indigo-ink,#165bc5);border-color:var(--line,#dce5f0);box-shadow:0 1px 5px #172b4d0b}
.qtt-tools{--qtt-surface:var(--qi388-surface,#fff);--qtt-soft:var(--qi388-soft,#f7f9fd);--qtt-ink:var(--qi388-ink,#172d4b);--qtt-muted:var(--qi388-muted,#5e718b);--qtt-line:var(--qi388-edge,#dce5f0);--qtt-strong:var(--qi388-edge-strong,#bdcde1);--qtt-blue:var(--qi388-blue,#165bc5);--qtt-blue-soft:var(--qi388-blue-soft,#eaf2ff);--qtt-on-blue:var(--qi388-on-blue,#fff);--qtt-warn:var(--qi388-amber,#875800);--qtt-warn-soft:var(--qi388-amber-soft,#fff5dd);--qtt-red:var(--qi388-red,#a83240);--qtt-red-soft:var(--qi388-red-soft,#fff0f2);display:grid;gap:18px;color:var(--qtt-ink);font-size:14px;line-height:1.6;min-width:0}
.qtt-tools *{box-sizing:border-box}
.qtt-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:25px 26px;border:1px solid var(--qtt-line);border-radius:18px;background:var(--qtt-surface)}
.qtt-eyebrow{color:var(--qtt-blue);font-size:10px;font-weight:750;letter-spacing:.1em}
.qtt-head h2{margin:9px 0;color:var(--qtt-ink);font-size:clamp(23px,2.4vw,30px);font-weight:750;letter-spacing:-.04em;line-height:1.25;max-width:30ch}
.qtt-head p{margin:0;color:var(--qtt-muted);font-size:13px;line-height:1.65;max-width:72ch}
.qtt-method{flex:none;display:inline-flex;padding:6px 10px;border:1px solid var(--qtt-line);border-radius:8px;background:var(--qtt-soft);color:var(--qtt-muted);font-size:10px;font-weight:650;line-height:1.5;white-space:nowrap}
.qtt-note,.qtt-status,.qtt-warning,.qtt-error,.qtt-empty{margin:0;padding:15px 18px;border:1px solid var(--qtt-line);border-radius:12px;font-size:12.5px;line-height:1.7;overflow-wrap:anywhere}
.qtt-note{background:var(--qtt-soft);color:var(--qtt-muted)}
.qtt-status{background:var(--qtt-blue-soft);color:var(--qtt-blue)}
.qtt-warning{background:var(--qtt-warn-soft);color:var(--qtt-warn);border-color:var(--qtt-warn)}
.qtt-warning :is(h3,h4){margin:0 0 7px;color:inherit;font-size:13px;font-weight:750}
.qtt-warning ul{margin:0;padding-left:20px}
.qtt-error{background:var(--qtt-red-soft);color:var(--qtt-red);border-color:var(--qtt-red);display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.qtt-error p{margin:0;flex:1 1 240px;color:inherit}
.qtt-empty{background:var(--qtt-soft);color:var(--qtt-muted);border-style:dashed}
.qtt-source-form,.qtt-card,.qtt-rule{min-width:0;padding:22px;border:1px solid var(--qtt-line);border-radius:15px;background:var(--qtt-surface);margin:0}
.qtt-field{display:flex;flex-direction:column;gap:7px;margin:0 0 16px;color:var(--qtt-ink);font-size:12px;font-weight:650;line-height:1.5;min-width:0}
.qtt-field :is(input,textarea,select){max-width:100%;width:100%;min-width:0;min-height:43px;padding:10px 12px;border:1px solid var(--qtt-strong);border-radius:10px;background:var(--qtt-surface);color:var(--qtt-ink);font:400 14px/1.5 var(--font,system-ui);box-shadow:none}
.qtt-field textarea{resize:vertical;min-height:90px;white-space:pre-wrap;overflow-wrap:anywhere}
#qtt-resume-source{min-height:240px;font-size:13px;line-height:1.75}
.qtt-field :is(input,textarea)::placeholder{color:var(--qtt-muted);opacity:1}
.qtt-field :is(input,textarea,select):focus{border-color:var(--qtt-blue);outline:2px solid var(--qtt-blue);outline-offset:2px}
.qtt-field :is(input,textarea,select):disabled{background:var(--qtt-soft);opacity:.7;cursor:wait}
.qtt-actionbar{display:flex;align-items:center;justify-content:space-between;gap:13px;flex-wrap:wrap;margin-top:3px}
.qtt-actionbar>span{color:var(--qtt-muted);font-size:11px;font-variant-numeric:tabular-nums}
.qtt-actionbar>div{display:flex;gap:9px;flex-wrap:wrap}
.qtt-tools button{font-family:inherit;max-width:100%}
.qtt-primary,.qtt-secondary,.qtt-text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:41px;padding:10px 15px;border-radius:10px;border:1px solid var(--qtt-strong);font:650 12px/1.4 var(--font,system-ui);cursor:pointer;text-align:center;white-space:normal;box-shadow:none}
.qtt-primary{background:var(--qtt-blue);color:var(--qtt-on-blue);border-color:var(--qtt-blue)}
.qtt-primary:hover:not(:disabled){filter:brightness(.96)}
.qtt-secondary{background:var(--qtt-surface);color:var(--qtt-ink)}
.qtt-secondary:hover:not(:disabled){background:var(--qtt-soft);border-color:var(--qtt-blue);color:var(--qtt-blue)}
.qtt-text-button{padding:6px 0;min-height:36px;border-color:transparent;background:transparent;color:var(--qtt-blue);text-decoration:underline;text-underline-offset:3px}
.qtt-tools button:disabled{cursor:not-allowed;opacity:.55}
.qtt-review-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.8fr);gap:18px;align-items:start;min-width:0}
.qtt-section-head{display:flex;justify-content:space-between;align-items:center;gap:13px;flex-wrap:wrap;margin:0 0 18px;min-width:0}
.qtt-section-head :is(h3,h4){margin:0;color:var(--qtt-ink);font-size:17px;font-weight:750;line-height:1.4;letter-spacing:-.025em}
.qtt-section-head>span{color:var(--qtt-muted);font-size:11px;line-height:1.5}
.qtt-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;min-width:0}
.qtt-hint{margin:0 0 16px;color:var(--qtt-muted);font-size:11.5px;line-height:1.65}
.qtt-experience{margin:25px 0 18px}
.qtt-experience-entry{margin:0 0 15px;padding:17px;border:1px solid var(--qtt-line);border-radius:12px;background:var(--qtt-soft);min-width:0}
.qtt-experience-entry legend{padding:0 6px;color:var(--qtt-muted);font-size:11px;font-weight:700}
.qtt-review-actions{display:grid;gap:13px;margin-top:22px;padding-top:20px;border-top:1px solid var(--qtt-line);justify-items:start}
.qtt-review-check{display:flex;gap:10px;align-items:flex-start;color:var(--qtt-ink);font-size:12px;line-height:1.6}
.qtt-review-check input{flex:none;margin-top:3px;width:17px;height:17px;min-height:17px;accent-color:var(--qtt-blue)}
.qtt-review-actions .qtt-hint{margin:0}
.qtt-evidence>h3{margin:0 0 18px;color:var(--qtt-ink);font-size:17px;line-height:1.4}
.qtt-review-notes{margin:17px 0;padding-left:19px;color:var(--qtt-muted);font-size:12px;line-height:1.7}
.qtt-review-notes li+li{margin-top:9px}
.qtt-evidence details{margin-top:17px}
.qtt-evidence summary{padding:9px 0;cursor:pointer;color:var(--qtt-blue);font-size:12px;font-weight:700;line-height:1.5}
.qtt-evidence-item{padding:15px 0;border-bottom:1px solid var(--qtt-line);color:var(--qtt-ink)}
.qtt-evidence-item>b{display:block;font-size:12px;font-weight:700}
.qtt-evidence-item>small{display:block;color:var(--qtt-muted);font-size:10.5px;margin:4px 0 9px}
.qtt-evidence-item blockquote{padding:10px 12px;margin:0;border-left:2px solid var(--qtt-strong);background:var(--qtt-soft);color:var(--qtt-muted);white-space:pre-wrap;overflow-wrap:anywhere;font-size:11.5px;line-height:1.65}
.qtt-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:17px}
.qtt-rule legend{padding:0 7px;color:var(--qtt-blue);font-size:11px;font-weight:750}
.qtt-rule[disabled]{opacity:.7}
.qtt-cluster-results{display:grid;gap:18px;min-width:0}
.qtt-cluster-results>h3{margin:4px 0 0;color:var(--qtt-ink);font-size:22px;line-height:1.4;letter-spacing:-.025em}
.qtt-coverage{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.qtt-coverage>div{padding:18px;border:1px solid var(--qtt-line);border-radius:13px;background:var(--qtt-surface);min-width:0}
.qtt-coverage strong{display:block;color:var(--qtt-ink);font-size:27px;font-weight:750;line-height:1.3;font-variant-numeric:tabular-nums;letter-spacing:-.04em;overflow-wrap:anywhere}
.qtt-coverage span{display:block;margin-top:6px;color:var(--qtt-muted);font-size:11px;line-height:1.6}
.qtt-criteria{margin:0 0 17px;padding:11px 13px;border:1px solid var(--qtt-line);border-radius:9px;background:var(--qtt-soft);color:var(--qtt-muted);font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.qtt-matches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:16px}
.qtt-match{padding:18px;border:1px solid var(--qtt-line);border-radius:12px;min-width:0;background:var(--qtt-surface)}
.qtt-match>div:first-child{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap}
.qtt-match h5{margin:0;color:var(--qtt-ink);font-size:15px;font-weight:750;line-height:1.5;letter-spacing:-.015em;overflow-wrap:anywhere}
.qtt-match>div:first-child>span{color:var(--qtt-muted);font-size:10px;overflow-wrap:anywhere}
.qtt-match>p{color:var(--qtt-muted);font-size:12px;margin:6px 0 12px;line-height:1.6;overflow-wrap:anywhere}
.qtt-match h6{color:var(--qtt-ink);font-size:11px;font-weight:750;margin:15px 0 7px;line-height:1.5}
.qtt-match ul{padding-left:18px;margin:0;color:var(--qtt-muted);font-size:11.5px;line-height:1.7}
.qtt-skills{display:flex;gap:5px;flex-wrap:wrap;min-width:0}
.qtt-skills>span{display:inline-flex;padding:4px 7px;border-radius:6px;background:var(--qtt-blue-soft);color:var(--qtt-blue);font-size:10px;line-height:1.4;overflow-wrap:anywhere;max-width:100%}
.qtt-tools :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--qtt-blue);outline-offset:3px}
@media(max-width:1080px){.qtt-review-layout{grid-template-columns:1fr}.qtt-evidence{max-width:100%}.qtt-rule-grid{grid-template-columns:1fr}}
@media(max-width:700px){.qtt-head{flex-direction:column;gap:14px;padding:21px}.qtt-coverage{grid-template-columns:repeat(2,minmax(0,1fr))}.qtt-matches{grid-template-columns:1fr}.qtt-source-form,.qtt-card,.qtt-rule{padding:18px}.qtt-method{white-space:normal}}
@media(max-width:480px){.qtt-profile-grid{grid-template-columns:1fr}.qtt-head h2{font-size:24px}.qtt-head{padding:18px}.qtt-actionbar>div{width:100%}.qtt-actionbar>div>button{flex:1 1 140px}.qtt-coverage{gap:9px}.qtt-coverage>div{padding:14px}.qtt-coverage strong{font-size:25px}.qtt-coverage span{font-size:10.5px}.qtt-section-head :is(h3,h4){font-size:16px}}
@media(prefers-reduced-motion:reduce){.qtt-tools *{transition:none!important;animation:none!important;scroll-behavior:auto}}

/* TALNEXQ Quantum UI tokens and components — v4.18.0
   One design language for the standalone QI pages (Qi Chat, QI Docs, QI Lab, QI Work Hub, QI Talent Delivery,
   Webinar, Mission Control) and the portal overlay. Light and dark themes; html[data-theme] wins, otherwise the
   operating system preference. Motion uses transform/opacity only (compositor-friendly at 60-390 Hz) and is removed
   for prefers-reduced-motion. "Quantum" here is the visual identity of TALNEXQ Quantum Intelligence (QI), a
   quantum-inspired software platform; nothing in this file implies quantum hardware. */

@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(fonts/archivo-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  color-scheme:light;
  --q-font:'Archivo',ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --q-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  /* surfaces */
  --q-bg:#f4f7fb; --q-bg-2:#eef3f9; --q-surface:#ffffff; --q-surface-2:#f7f9fc; --q-surface-3:#eef2f8;
  --q-border:#dbe3ee; --q-border-strong:#c3cfdf; --q-overlay:rgba(9,16,30,.46);
  /* text */
  --q-text:#0f1f33; --q-text-2:#3d5570; --q-text-3:#61748d; --q-text-inv:#ffffff;
  /* brand: the orbital Q (cyan → blue → violet) */
  --q-cyan:#0a8fc4; --q-blue:#1757b8; --q-violet:#6b3fd1;
  --q-accent:#1757b8; --q-accent-2:#2a6fe0; --q-accent-soft:#e8f0ff; --q-accent-ink:#0f47a1;
  --q-grad:linear-gradient(135deg,#0a8fc4 0%,#1757b8 52%,#6b3fd1 100%);
  --q-grad-soft:linear-gradient(135deg,rgba(10,143,196,.10),rgba(23,87,184,.08) 50%,rgba(107,63,209,.10));
  /* status */
  --q-ok:#13804a; --q-ok-soft:#e5f6ec; --q-warn:#9a5a00; --q-warn-soft:#fff3dc; --q-bad:#c42b2b; --q-bad-soft:#fdeaea; --q-info:#0a6fb0; --q-info-soft:#e4f3fc;
  /* shape and depth */
  --q-r-xs:6px; --q-r-sm:9px; --q-r:12px; --q-r-lg:16px; --q-r-xl:22px; --q-r-pill:999px;
  --q-shadow-1:0 1px 2px rgba(15,31,51,.06),0 1px 1px rgba(15,31,51,.04);
  --q-shadow-2:0 4px 14px rgba(15,31,51,.08),0 1px 3px rgba(15,31,51,.06);
  --q-shadow-3:0 18px 48px rgba(15,31,51,.16),0 4px 12px rgba(15,31,51,.08);
  --q-ring:0 0 0 3px rgba(42,111,224,.32);
  /* spacing and type scale */
  --q-s1:4px; --q-s2:8px; --q-s3:12px; --q-s4:16px; --q-s5:20px; --q-s6:24px; --q-s7:32px; --q-s8:40px;
  --q-fs-xs:12px; --q-fs-sm:13px; --q-fs:14.5px; --q-fs-md:16px; --q-fs-lg:19px; --q-fs-xl:24px; --q-fs-2xl:30px;
  /* motion */
  --q-ease:cubic-bezier(.2,.8,.2,1); --q-ease-out:cubic-bezier(.16,1,.3,1); --q-fast:120ms; --q-med:200ms; --q-slow:320ms;
}
html[data-theme="dark"]{
  color-scheme:dark;
  --q-bg:#070b17; --q-bg-2:#0a1122; --q-surface:#0e1628; --q-surface-2:#121c33; --q-surface-3:#18243f;
  --q-border:#22314f; --q-border-strong:#2f4166; --q-overlay:rgba(2,5,12,.66);
  --q-text:#eaf1fb; --q-text-2:#b9c6d8; --q-text-3:#8c9cb5; --q-text-inv:#06101f;
  --q-cyan:#43e8ff; --q-blue:#3988ff; --q-violet:#9d71ff;
  --q-accent:#4b95ff; --q-accent-2:#6aa8ff; --q-accent-soft:rgba(75,149,255,.14); --q-accent-ink:#9cc4ff;
  --q-grad:linear-gradient(135deg,#43e8ff 0%,#3988ff 50%,#9d71ff 100%);
  --q-grad-soft:linear-gradient(135deg,rgba(67,232,255,.10),rgba(57,136,255,.08) 50%,rgba(157,113,255,.12));
  --q-ok:#3ddc8a; --q-ok-soft:rgba(61,220,138,.12); --q-warn:#ffbd4a; --q-warn-soft:rgba(255,189,74,.12); --q-bad:#ff6b6b; --q-bad-soft:rgba(255,107,107,.13); --q-info:#5cc8ff; --q-info-soft:rgba(92,200,255,.12);
  --q-shadow-1:0 1px 2px rgba(0,0,0,.35); --q-shadow-2:0 6px 18px rgba(0,0,0,.38); --q-shadow-3:0 22px 60px rgba(0,0,0,.55);
  --q-ring:0 0 0 3px rgba(106,168,255,.45);
}
@media (prefers-color-scheme:dark){
  html:not([data-theme]){
    color-scheme:dark;
    --q-bg:#070b17; --q-bg-2:#0a1122; --q-surface:#0e1628; --q-surface-2:#121c33; --q-surface-3:#18243f;
    --q-border:#22314f; --q-border-strong:#2f4166; --q-overlay:rgba(2,5,12,.66);
    --q-text:#eaf1fb; --q-text-2:#b9c6d8; --q-text-3:#8c9cb5; --q-text-inv:#06101f;
    --q-cyan:#43e8ff; --q-blue:#3988ff; --q-violet:#9d71ff;
    --q-accent:#4b95ff; --q-accent-2:#6aa8ff; --q-accent-soft:rgba(75,149,255,.14); --q-accent-ink:#9cc4ff;
    --q-grad:linear-gradient(135deg,#43e8ff 0%,#3988ff 50%,#9d71ff 100%);
    --q-grad-soft:linear-gradient(135deg,rgba(67,232,255,.10),rgba(57,136,255,.08) 50%,rgba(157,113,255,.12));
    --q-ok:#3ddc8a; --q-ok-soft:rgba(61,220,138,.12); --q-warn:#ffbd4a; --q-warn-soft:rgba(255,189,74,.12); --q-bad:#ff6b6b; --q-bad-soft:rgba(255,107,107,.13); --q-info:#5cc8ff; --q-info-soft:rgba(92,200,255,.12);
    --q-shadow-1:0 1px 2px rgba(0,0,0,.35); --q-shadow-2:0 6px 18px rgba(0,0,0,.38); --q-shadow-3:0 22px 60px rgba(0,0,0,.55);
    --q-ring:0 0 0 3px rgba(106,168,255,.45);
  }
}

/* ---------- base (opt-in: add class "q-app" to <body>) ---------- */
.q-app{margin:0;background:var(--q-bg);color:var(--q-text);font:400 var(--q-fs)/1.55 var(--q-font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.q-app *,.q-app *::before,.q-app *::after{box-sizing:border-box}
.q-app a{color:var(--q-accent-ink);text-underline-offset:2px}
.q-app :focus-visible{outline:none;box-shadow:var(--q-ring);border-radius:var(--q-r-xs)}
.q-app ::selection{background:rgba(42,111,224,.22)}
.q-skip{position:absolute;left:-9999px;top:8px;z-index:1000;background:var(--q-surface);color:var(--q-text);padding:8px 12px;border-radius:var(--q-r-sm);box-shadow:var(--q-shadow-2)}
.q-skip:focus{left:8px}
.q-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---------- layout helpers ---------- */
.q-stack{display:flex;flex-direction:column;gap:var(--q-s3)}
.q-row{display:flex;align-items:center;gap:var(--q-s2);flex-wrap:wrap}
.q-spread{display:flex;align-items:center;justify-content:space-between;gap:var(--q-s3);flex-wrap:wrap}
.q-grid{display:grid;gap:var(--q-s4);grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr))}
.q-muted{color:var(--q-text-3)}
.q-small{font-size:var(--q-fs-sm)}
.q-mono{font-family:var(--q-mono);font-size:.92em}
.q-eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--q-accent-ink);font-weight:700}
.q-h1{font-size:var(--q-fs-2xl);line-height:1.15;letter-spacing:-.01em;margin:0;font-weight:750}
.q-h2{font-size:var(--q-fs-xl);line-height:1.2;margin:0;font-weight:720}
.q-h3{font-size:var(--q-fs-lg);line-height:1.3;margin:0;font-weight:680}

/* ---------- buttons: the v4.18.0 look (press = scale, never layout) ---------- */
.q-btn{--b-bg:var(--q-surface);--b-fg:var(--q-text);--b-bd:var(--q-border-strong);
  appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 15px;border-radius:var(--q-r);
  border:1px solid var(--b-bd);background:var(--b-bg);color:var(--b-fg);font:600 var(--q-fs)/1 var(--q-font);letter-spacing:.005em;
  cursor:pointer;user-select:none;text-decoration:none;white-space:nowrap;position:relative;isolation:isolate;
  box-shadow:var(--q-shadow-1),inset 0 1px 0 rgba(255,255,255,.06);
  transition:transform var(--q-fast) var(--q-ease),box-shadow var(--q-med) var(--q-ease),background-color var(--q-med) var(--q-ease),border-color var(--q-med) var(--q-ease),color var(--q-med) var(--q-ease)}
.q-btn:hover{border-color:var(--q-accent);box-shadow:var(--q-shadow-2)}
.q-btn:active{transform:scale(.97)}
.q-btn:disabled,.q-btn[aria-disabled="true"]{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}
.q-btn svg{width:18px;height:18px;flex:0 0 auto}
.q-btn-primary{--b-bg:var(--q-accent);--b-fg:#fff;--b-bd:transparent;background:var(--q-grad);box-shadow:0 6px 18px rgba(23,87,184,.28),inset 0 1px 0 rgba(255,255,255,.22)}
.q-btn-primary:hover{border-color:transparent;box-shadow:0 10px 26px rgba(23,87,184,.36),inset 0 1px 0 rgba(255,255,255,.26)}
.q-btn-primary::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 55%);opacity:.0;transition:opacity var(--q-med) var(--q-ease);z-index:-1}
.q-btn-primary:hover::after{opacity:1}
.q-btn-ghost{--b-bg:transparent;--b-bd:transparent;box-shadow:none}
.q-btn-ghost:hover{background:var(--q-accent-soft);border-color:transparent;box-shadow:none}
.q-btn-soft{--b-bg:var(--q-accent-soft);--b-fg:var(--q-accent-ink);--b-bd:transparent}
.q-btn-danger{--b-bg:var(--q-bad-soft);--b-fg:var(--q-bad);--b-bd:transparent}
.q-btn-danger:hover{border-color:var(--q-bad)}
.q-btn-sm{min-height:32px;padding:0 11px;font-size:var(--q-fs-sm);border-radius:var(--q-r-sm)}
.q-btn-lg{min-height:46px;padding:0 20px;font-size:var(--q-fs-md);border-radius:var(--q-r-lg)}
.q-btn-icon{width:38px;padding:0}
.q-btn-icon.q-btn-sm{width:32px}
.q-btn-round{border-radius:var(--q-r-pill)}
@media (pointer:coarse){.q-btn{min-height:44px}.q-btn-sm{min-height:40px}.q-btn-icon{width:44px}}

/* ---------- surfaces ---------- */
.q-card{background:var(--q-surface);border:1px solid var(--q-border);border-radius:var(--q-r-lg);box-shadow:var(--q-shadow-1);padding:var(--q-s5)}
.q-card-glass{background:color-mix(in srgb,var(--q-surface) 78%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px)}
.q-card-hover{transition:transform var(--q-med) var(--q-ease),box-shadow var(--q-med) var(--q-ease),border-color var(--q-med) var(--q-ease)}
.q-card-hover:hover{transform:translateY(-2px);box-shadow:var(--q-shadow-2);border-color:var(--q-border-strong)}
.q-divider{height:1px;background:var(--q-border);border:0;margin:var(--q-s4) 0}
.q-kpi{display:flex;flex-direction:column;gap:4px}
.q-kpi b{font-size:var(--q-fs-xl);letter-spacing:-.01em}
.q-kpi small{color:var(--q-text-3)}

/* ---------- form controls ---------- */
.q-field{display:flex;flex-direction:column;gap:6px}
.q-field>label{font-size:var(--q-fs-sm);font-weight:600;color:var(--q-text-2)}
.q-input,.q-select,.q-textarea{width:100%;min-height:40px;padding:8px 12px;border-radius:var(--q-r-sm);border:1px solid var(--q-border-strong);background:var(--q-surface);color:var(--q-text);font:inherit;transition:border-color var(--q-fast),box-shadow var(--q-fast)}
.q-textarea{min-height:96px;resize:vertical;line-height:1.5}
.q-input:focus,.q-select:focus,.q-textarea:focus{outline:none;border-color:var(--q-accent);box-shadow:var(--q-ring)}
.q-input::placeholder,.q-textarea::placeholder{color:var(--q-text-3)}
.q-switch{position:relative;width:42px;height:24px;appearance:none;border-radius:var(--q-r-pill);background:var(--q-border-strong);cursor:pointer;transition:background var(--q-med)}
.q-switch::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:var(--q-shadow-1);transition:transform var(--q-med) var(--q-ease)}
.q-switch:checked{background:var(--q-accent)}
.q-switch:checked::after{transform:translateX(18px)}

/* ---------- badges, chips, tabs ---------- */
.q-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:var(--q-r-pill);font-size:12px;font-weight:650;background:var(--q-surface-3);color:var(--q-text-2);line-height:1.6}
.q-badge-ok{background:var(--q-ok-soft);color:var(--q-ok)}.q-badge-warn{background:var(--q-warn-soft);color:var(--q-warn)}.q-badge-bad{background:var(--q-bad-soft);color:var(--q-bad)}.q-badge-info{background:var(--q-info-soft);color:var(--q-info)}.q-badge-accent{background:var(--q-accent-soft);color:var(--q-accent-ink)}
.q-chip{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border-radius:var(--q-r-pill);border:1px solid var(--q-border);background:var(--q-surface);color:var(--q-text-2);font:600 var(--q-fs-sm)/1 var(--q-font);cursor:pointer;transition:border-color var(--q-fast),background var(--q-fast),transform var(--q-fast)}
.q-chip:hover{border-color:var(--q-accent)}.q-chip:active{transform:scale(.97)}
.q-chip[aria-pressed="true"],.q-chip.on{background:var(--q-accent-soft);border-color:var(--q-accent);color:var(--q-accent-ink)}
.q-tabs{display:flex;gap:4px;padding:4px;border-radius:var(--q-r);background:var(--q-surface-3);overflow-x:auto;scrollbar-width:none}
.q-tabs::-webkit-scrollbar{display:none}
.q-tab{appearance:none;border:0;background:transparent;color:var(--q-text-2);font:600 var(--q-fs-sm)/1 var(--q-font);padding:9px 14px;border-radius:var(--q-r-sm);cursor:pointer;white-space:nowrap}
.q-tab[aria-selected="true"]{background:var(--q-surface);color:var(--q-text);box-shadow:var(--q-shadow-1)}

/* ---------- tables ---------- */
.q-table-wrap{overflow:auto;max-width:100%;min-width:0;border:1px solid var(--q-border);border-radius:var(--q-r);background:var(--q-surface)}
.q-table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--q-fs-sm)}
.q-table th{position:sticky;top:0;background:var(--q-surface-2);color:var(--q-text-2);text-align:left;font-weight:650;padding:10px 12px;border-bottom:1px solid var(--q-border);white-space:nowrap}
.q-table td{padding:10px 12px;border-bottom:1px solid var(--q-border);vertical-align:top}
.q-table tr:last-child td{border-bottom:0}
.q-table tbody tr:hover td{background:var(--q-surface-2)}

/* ---------- feedback ---------- */
.q-note{padding:12px 14px;border-radius:var(--q-r);background:var(--q-info-soft);color:var(--q-text);border:1px solid color-mix(in srgb,var(--q-info) 28%,transparent)}
.q-note-ok{background:var(--q-ok-soft);border-color:color-mix(in srgb,var(--q-ok) 28%,transparent)}
.q-note-warn{background:var(--q-warn-soft);border-color:color-mix(in srgb,var(--q-warn) 30%,transparent)}
.q-note-bad{background:var(--q-bad-soft);border-color:color-mix(in srgb,var(--q-bad) 30%,transparent)}
.q-empty{display:grid;place-items:center;gap:8px;padding:40px 16px;text-align:center;color:var(--q-text-3)}
.q-skeleton{border-radius:var(--q-r-sm);background:linear-gradient(90deg,var(--q-surface-3) 25%,var(--q-surface-2) 37%,var(--q-surface-3) 63%);background-size:400% 100%;animation:q-shimmer 1.3s ease infinite}
.q-spin{width:18px;height:18px;border-radius:50%;border:2.5px solid var(--q-border-strong);border-top-color:var(--q-accent);animation:q-rot .8s linear infinite;display:inline-block}
.q-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:2000;background:var(--q-text);color:var(--q-text-inv);padding:11px 16px;border-radius:var(--q-r);box-shadow:var(--q-shadow-3);font-weight:600;max-width:min(560px,calc(100vw - 32px))}
.q-toast.bad{background:var(--q-bad);color:#fff}
.q-modal-back{position:fixed;inset:0;background:var(--q-overlay);display:grid;place-items:center;z-index:1500;padding:16px;animation:q-fade var(--q-med) var(--q-ease-out)}
.q-modal{width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--q-surface);border:1px solid var(--q-border);border-radius:var(--q-r-xl);box-shadow:var(--q-shadow-3);padding:var(--q-s6);animation:q-rise var(--q-slow) var(--q-ease-out)}
.q-progress{height:6px;border-radius:var(--q-r-pill);background:var(--q-surface-3);overflow:hidden}
.q-progress>i{display:block;height:100%;border-radius:inherit;background:var(--q-grad);transform-origin:left;transition:transform var(--q-slow) var(--q-ease)}

/* ---------- the orbital mark ---------- */
.q-orb{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;position:relative}
.q-orb::before{content:"";position:absolute;inset:-6px;border-radius:50%;background:radial-gradient(closest-side,rgba(67,232,255,.28),transparent 70%);animation:q-pulse 2.6s ease-in-out infinite}
.q-orb img{width:100%;height:auto;position:relative}

@keyframes q-shimmer{0%{background-position:100% 0}100%{background-position:0 0}}
@keyframes q-rot{to{transform:rotate(360deg)}}
@keyframes q-fade{from{opacity:0}to{opacity:1}}
@keyframes q-rise{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
@keyframes q-pulse{0%,100%{transform:scale(.92);opacity:.7}50%{transform:scale(1.06);opacity:1}}
@media (prefers-reduced-motion:reduce){
  .q-app *,.q-app *::before,.q-app *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}

/* TalnexQ Meet — the video room (#/meet/<room>) — v4.18.0
   Pre-join lobby, in-call stage (auto-fit gallery, speaker and screen-share views), control bar, side panels and
   dialogs. Built on the TALNEXQ Quantum UI tokens (css/tnx-qi-tokens-v418.css, --q-*) with fallbacks, so the room
   still looks right if that file is not linked. Light + dark follow html[data-theme] (else the OS preference); the
   room's own Settings › Appearance can pin Light, Dark or High contrast (data-tm-theme on the room). Video surfaces
   stay dark in every theme. Motion uses transform/opacity only and is removed for prefers-reduced-motion.
   "Quantum" is the visual identity of TALNEXQ Quantum Intelligence; nothing here implies quantum hardware. */

.tm{
  --tm-font:var(--q-font,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif);
  --tm-bg:var(--q-bg,#f4f7fb); --tm-bg-2:var(--q-bg-2,#eef3f9);
  --tm-surface:var(--q-surface,#ffffff); --tm-surface-2:var(--q-surface-2,#f7f9fc); --tm-surface-3:var(--q-surface-3,#eef2f8);
  --tm-border:var(--q-border,#dbe3ee); --tm-border-strong:var(--q-border-strong,#c3cfdf); --tm-overlay:var(--q-overlay,rgba(9,16,30,.46));
  --tm-text:var(--q-text,#0f1f33); --tm-text-2:var(--q-text-2,#3d5570); --tm-text-3:var(--q-text-3,#61748d);
  --tm-cyan:var(--q-cyan,#0a8fc4); --tm-blue:var(--q-blue,#1757b8); --tm-violet:var(--q-violet,#6b3fd1);
  --tm-accent:var(--q-accent,#1757b8); --tm-accent-soft:var(--q-accent-soft,#e8f0ff); --tm-accent-ink:var(--q-accent-ink,#0f47a1);
  --tm-grad:var(--q-grad,linear-gradient(135deg,#0a8fc4 0%,#1757b8 52%,#6b3fd1 100%));
  --tm-ok:var(--q-ok,#13804a); --tm-ok-soft:var(--q-ok-soft,#e5f6ec);
  --tm-warn:var(--q-warn,#9a5a00); --tm-warn-soft:var(--q-warn-soft,#fff3dc);
  --tm-bad:var(--q-bad,#c42b2b); --tm-bad-soft:var(--q-bad-soft,#fdeaea);
  --tm-info:var(--q-info,#0a6fb0); --tm-info-soft:var(--q-info-soft,#e4f3fc);
  --tm-shadow-1:var(--q-shadow-1,0 1px 2px rgba(15,31,51,.06),0 1px 1px rgba(15,31,51,.04));
  --tm-shadow-2:var(--q-shadow-2,0 4px 14px rgba(15,31,51,.08),0 1px 3px rgba(15,31,51,.06));
  --tm-shadow-3:var(--q-shadow-3,0 18px 48px rgba(15,31,51,.16),0 4px 12px rgba(15,31,51,.08));
  --tm-ring:var(--q-ring,0 0 0 3px rgba(42,111,224,.32));
  --tm-ease:var(--q-ease-out,cubic-bezier(.16,1,.3,1));
  /* text-bearing fills keep >= 4.5:1 with white in both themes */
  --tm-cta:linear-gradient(135deg,#0b72a8 0%,#1d5fd0 50%,#6236d0 100%);
  --tm-danger:#c42b2b; --tm-danger-hover:#a91f1f;
  --tm-focus:#2a6fe0;
  --tm-glass:color-mix(in srgb,var(--tm-surface) 84%,transparent);
  --tm-room-bg:radial-gradient(1100px 620px at -5% -15%,rgba(10,143,196,.10),transparent 60%),radial-gradient(900px 560px at 110% 115%,rgba(107,63,209,.10),transparent 55%),var(--tm-bg);
  --tm-tile-bg:radial-gradient(120% 120% at 50% 0%,#16223d 0%,#0b1222 72%);
  --tm-speak:#43e8ff;
  color-scheme:light;
}
/* dark: the portal theme (tokens give --q-*; these fallbacks apply when the tokens file is absent) */
html[data-theme="dark"] .tm:not([data-tm-theme]){
  color-scheme:dark;
  --tm-bg:var(--q-bg,#070b17); --tm-bg-2:var(--q-bg-2,#0a1122);
  --tm-surface:var(--q-surface,#0e1628); --tm-surface-2:var(--q-surface-2,#121c33); --tm-surface-3:var(--q-surface-3,#18243f);
  --tm-border:var(--q-border,#22314f); --tm-border-strong:var(--q-border-strong,#2f4166); --tm-overlay:var(--q-overlay,rgba(2,5,12,.66));
  --tm-text:var(--q-text,#eaf1fb); --tm-text-2:var(--q-text-2,#b9c6d8); --tm-text-3:var(--q-text-3,#8c9cb5);
  --tm-cyan:var(--q-cyan,#43e8ff); --tm-blue:var(--q-blue,#3988ff); --tm-violet:var(--q-violet,#9d71ff);
  --tm-accent:var(--q-accent,#4b95ff); --tm-accent-soft:var(--q-accent-soft,rgba(75,149,255,.14)); --tm-accent-ink:var(--q-accent-ink,#9cc4ff);
  --tm-grad:var(--q-grad,linear-gradient(135deg,#43e8ff 0%,#3988ff 50%,#9d71ff 100%));
  --tm-ok:var(--q-ok,#3ddc8a); --tm-ok-soft:var(--q-ok-soft,rgba(61,220,138,.12)); --tm-warn:var(--q-warn,#ffbd4a); --tm-warn-soft:var(--q-warn-soft,rgba(255,189,74,.12));
  --tm-bad:var(--q-bad,#ff6b6b); --tm-bad-soft:var(--q-bad-soft,rgba(255,107,107,.13)); --tm-info:var(--q-info,#5cc8ff); --tm-info-soft:var(--q-info-soft,rgba(92,200,255,.12));
  --tm-shadow-1:var(--q-shadow-1,0 1px 2px rgba(0,0,0,.35)); --tm-shadow-2:var(--q-shadow-2,0 6px 18px rgba(0,0,0,.38)); --tm-shadow-3:var(--q-shadow-3,0 22px 60px rgba(0,0,0,.55));
  --tm-ring:var(--q-ring,0 0 0 3px rgba(106,168,255,.45));
  --tm-focus:#6aa8ff;
  --tm-room-bg:radial-gradient(1100px 620px at -5% -15%,rgba(67,232,255,.12),transparent 60%),radial-gradient(900px 560px at 110% 115%,rgba(157,113,255,.16),transparent 55%),var(--tm-bg);
}
@media (prefers-color-scheme:dark){
  html:not([data-theme]) .tm:not([data-tm-theme]){
    color-scheme:dark;
    --tm-bg:var(--q-bg,#070b17); --tm-bg-2:var(--q-bg-2,#0a1122);
    --tm-surface:var(--q-surface,#0e1628); --tm-surface-2:var(--q-surface-2,#121c33); --tm-surface-3:var(--q-surface-3,#18243f);
    --tm-border:var(--q-border,#22314f); --tm-border-strong:var(--q-border-strong,#2f4166); --tm-overlay:var(--q-overlay,rgba(2,5,12,.66));
    --tm-text:var(--q-text,#eaf1fb); --tm-text-2:var(--q-text-2,#b9c6d8); --tm-text-3:var(--q-text-3,#8c9cb5);
    --tm-accent:var(--q-accent,#4b95ff); --tm-accent-soft:var(--q-accent-soft,rgba(75,149,255,.14)); --tm-accent-ink:var(--q-accent-ink,#9cc4ff);
    --tm-bad:var(--q-bad,#ff6b6b); --tm-bad-soft:var(--q-bad-soft,rgba(255,107,107,.13)); --tm-warn:var(--q-warn,#ffbd4a); --tm-warn-soft:var(--q-warn-soft,rgba(255,189,74,.12));
    --tm-focus:#6aa8ff;
    --tm-room-bg:radial-gradient(1100px 620px at -5% -15%,rgba(67,232,255,.12),transparent 60%),radial-gradient(900px 560px at 110% 115%,rgba(157,113,255,.16),transparent 55%),var(--tm-bg);
  }
}
/* the room's own choice (Settings › Appearance) re-maps the same tokens for this subtree only */
.tm[data-tm-theme="light"]{
  color-scheme:light;
  --q-bg:#f4f7fb; --q-bg-2:#eef3f9; --q-surface:#ffffff; --q-surface-2:#f7f9fc; --q-surface-3:#eef2f8;
  --q-border:#dbe3ee; --q-border-strong:#c3cfdf; --q-overlay:rgba(9,16,30,.46);
  --q-text:#0f1f33; --q-text-2:#3d5570; --q-text-3:#61748d;
  --q-cyan:#0a8fc4; --q-blue:#1757b8; --q-violet:#6b3fd1; --q-accent:#1757b8; --q-accent-soft:#e8f0ff; --q-accent-ink:#0f47a1;
  --q-ok:#13804a; --q-ok-soft:#e5f6ec; --q-warn:#9a5a00; --q-warn-soft:#fff3dc; --q-bad:#c42b2b; --q-bad-soft:#fdeaea; --q-info:#0a6fb0; --q-info-soft:#e4f3fc;
  --q-shadow-2:0 4px 14px rgba(15,31,51,.08),0 1px 3px rgba(15,31,51,.06); --q-shadow-3:0 18px 48px rgba(15,31,51,.16),0 4px 12px rgba(15,31,51,.08);
}
.tm[data-tm-theme="dark"]{
  color-scheme:dark;
  --q-bg:#070b17; --q-bg-2:#0a1122; --q-surface:#0e1628; --q-surface-2:#121c33; --q-surface-3:#18243f;
  --q-border:#22314f; --q-border-strong:#2f4166; --q-overlay:rgba(2,5,12,.66);
  --q-text:#eaf1fb; --q-text-2:#b9c6d8; --q-text-3:#8c9cb5;
  --q-cyan:#43e8ff; --q-blue:#3988ff; --q-violet:#9d71ff; --q-accent:#4b95ff; --q-accent-soft:rgba(75,149,255,.14); --q-accent-ink:#9cc4ff;
  --q-ok:#3ddc8a; --q-ok-soft:rgba(61,220,138,.12); --q-warn:#ffbd4a; --q-warn-soft:rgba(255,189,74,.12); --q-bad:#ff6b6b; --q-bad-soft:rgba(255,107,107,.13); --q-info:#5cc8ff; --q-info-soft:rgba(92,200,255,.12);
  --q-shadow-2:0 6px 18px rgba(0,0,0,.38); --q-shadow-3:0 22px 60px rgba(0,0,0,.55);
  --tm-focus:#6aa8ff;
  --tm-room-bg:radial-gradient(1100px 620px at -5% -15%,rgba(67,232,255,.12),transparent 60%),radial-gradient(900px 560px at 110% 115%,rgba(157,113,255,.16),transparent 55%),#070b17;
}
.tm[data-tm-theme="contrast"]{
  color-scheme:dark;
  --q-bg:#000; --q-bg-2:#000; --q-surface:#000; --q-surface-2:#0a0a0a; --q-surface-3:#161616;
  --q-border:#ffffff; --q-border-strong:#ffffff; --q-overlay:rgba(0,0,0,.85);
  --q-text:#ffffff; --q-text-2:#ffffff; --q-text-3:#e6e6e6;
  --q-accent:#ffd400; --q-accent-soft:#2b2400; --q-accent-ink:#ffe766;
  --q-bad:#ff8080; --q-bad-soft:#2a0000; --q-ok:#7dff9b; --q-warn:#ffd400; --q-warn-soft:#2b2400; --q-info:#8fd8ff; --q-info-soft:#00202e;
  --q-shadow-2:none; --q-shadow-3:0 0 0 2px #fff;
  --tm-cta:#ffd400; --tm-focus:#ffd400; --tm-speak:#ffd400;
  --tm-room-bg:#000;
}
.tm[data-tm-theme="contrast"] .tm-btn.primary,.tm[data-tm-theme="contrast"] .tm-ctl.on .tm-ctl-ic{color:#000}

/* ---------- base ---------- */
.tm{box-sizing:border-box;font-family:var(--tm-font);font-size:14.5px;line-height:1.5;color:var(--tm-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.tm *,.tm *::before,.tm *::after{box-sizing:border-box}
.tm :focus{outline:none}
.tm :focus-visible{outline:3px solid var(--tm-focus);outline-offset:2px}
.tm-ic{width:20px;height:20px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tm-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.tm-muted{color:var(--tm-text-3)}
.tm .small{font-size:13px}
.tm h1,.tm h2,.tm h3,.tm p{margin:0}
.tm-title{font-size:clamp(22px,3.2vw,30px);line-height:1.15;letter-spacing:-.01em;font-weight:760}
.tm-eyebrow{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--tm-accent-ink);font-weight:700}
.tm-stack{display:flex;flex-direction:column;gap:12px}
.tm-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.tm-inline{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.tm-link{appearance:none;border:0;background:none;padding:0;color:var(--tm-accent-ink);font:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.tm kbd{display:inline-grid;place-items:center;min-width:32px;height:28px;padding:0 8px;border-radius:8px;border:1px solid var(--tm-border-strong);border-bottom-width:3px;background:var(--tm-surface-2);font:700 13px/1 var(--tm-font);color:var(--tm-text)}

/* the orbital mark: a small glowing core with a tilted orbit */
.tm-orb{position:relative;width:26px;height:26px;flex:0 0 auto;border-radius:50%;background:radial-gradient(circle at 34% 32%,rgba(255,255,255,.95) 0 9%,transparent 10%),conic-gradient(from 210deg,#43e8ff,#3988ff,#9d71ff,#43e8ff);box-shadow:0 0 18px rgba(67,232,255,.35)}
.tm-orb::after{content:"";position:absolute;inset:-6px -7px;border-radius:50%;border:1.5px solid rgba(67,232,255,.55);transform:rotate(-24deg) scaleY(.42)}
.tm-orb.lg{width:54px;height:54px}
.tm-orb.pulse{animation:tm-pulse 2.4s ease-in-out infinite}
.tm-brand{font-weight:760;letter-spacing:-.01em}

/* ---------- buttons ---------- */
.tm-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border-radius:12px;border:1px solid var(--tm-border-strong);background:var(--tm-surface);color:var(--tm-text);font:600 14px/1 var(--tm-font);cursor:pointer;text-decoration:none;white-space:nowrap;transition:transform .12s var(--tm-ease),background-color .2s,border-color .2s,box-shadow .2s}
.tm-btn:hover{border-color:var(--tm-accent)}
.tm-btn:active{transform:scale(.97)}
.tm-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
.tm-btn.primary{background:var(--tm-cta);color:#fff;border-color:transparent;box-shadow:0 8px 22px rgba(23,87,184,.28),inset 0 1px 0 rgba(255,255,255,.2)}
.tm-btn.primary:hover{box-shadow:0 12px 28px rgba(23,87,184,.36),inset 0 1px 0 rgba(255,255,255,.24)}
.tm-btn.danger{background:var(--tm-danger);color:#fff;border-color:transparent}
.tm-btn.danger:hover{background:var(--tm-danger-hover)}
.tm-btn.ghost{background:transparent;border-color:transparent}
.tm-btn.ghost:hover{background:var(--tm-accent-soft)}
.tm-btn.sm{min-height:32px;padding:0 12px;font-size:13px;border-radius:10px}
.tm-btn.lg{min-height:50px;padding:0 26px;font-size:16px;border-radius:14px}
.tm-btn .tm-ic{width:18px;height:18px}
.tm-icon-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:38px;height:38px;padding:0 9px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--tm-text-2);cursor:pointer;font:600 13px/1 var(--tm-font);transition:background-color .2s,color .2s}
.tm-icon-btn:hover{background:var(--tm-accent-soft);color:var(--tm-text)}
.tm-icon-btn.primary{background:var(--tm-cta);color:#fff}
.tm-icon-btn.primary:disabled{opacity:.5;cursor:not-allowed}
.tm-icon-btn.sm{min-width:30px;height:30px;padding:0 6px}

/* ---------- tooltips (hover and keyboard focus; not on touch screens) ---------- */
.tm [data-tip]{position:relative}
.tm [data-tip]::after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 9px);z-index:50;transform:translate(-50%,4px);opacity:0;pointer-events:none;white-space:nowrap;background:var(--tm-text);color:var(--tm-bg);font:600 12px/1 var(--tm-font);letter-spacing:.01em;padding:7px 9px;border-radius:8px;box-shadow:var(--tm-shadow-2);transition:opacity .12s ease,transform .12s ease}
.tm [data-tip]:hover::after,.tm [data-tip]:focus-visible::after{opacity:1;transform:translate(-50%,0)}
.tm-top [data-tip]::after,.tm-panel-head [data-tip]::after,.tm-preview-bar [data-tip]::after{bottom:auto;top:calc(100% + 9px)}
.tm-top-right [data-tip]::after{left:auto;right:0;transform:translateY(-4px)}
.tm-top-right [data-tip]:hover::after,.tm-top-right [data-tip]:focus-visible::after{transform:none}
.tm-tile-menu summary[data-tip]::after,.tm-person .tm-menu summary[data-tip]::after{left:auto;right:0;bottom:auto;top:calc(100% + 6px);transform:none}
.tm-pop [data-tip]::after{display:none}
@media (hover:none){.tm [data-tip]::after{display:none}}

/* ---------- shell pages: loading, error, lobby, left ---------- */
.tm-shell{position:fixed;inset:0;z-index:60;overflow:auto;background:var(--tm-room-bg);color:var(--tm-text);-webkit-overflow-scrolling:touch}
.tm-shell-head{display:flex;align-items:center;gap:10px;padding:14px 20px;font-size:15px}
.tm-shell-head .tm-muted{margin-left:4px;font-size:13px}
.tm-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;min-height:calc(100% - 64px);padding:24px 16px}
.tm-card{max-width:560px;margin:4vh auto 32px;background:var(--tm-surface);border:1px solid var(--tm-border);border-radius:24px;box-shadow:var(--tm-shadow-3);padding:32px 28px;min-height:0}
.tm-card .tm-actions{justify-content:center}
.tm-note{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:11px 14px;border-radius:12px;background:var(--tm-info-soft);color:var(--tm-text);border:1px solid color-mix(in srgb,var(--tm-info) 26%,transparent);font-size:13.5px;text-align:left}
.tm-note.warn{background:var(--tm-warn-soft);border-color:color-mix(in srgb,var(--tm-warn) 30%,transparent)}
.tm-note.bad{background:var(--tm-bad-soft);border-color:color-mix(in srgb,var(--tm-bad) 32%,transparent)}
.tm-note.ok{background:var(--tm-ok-soft);border-color:color-mix(in srgb,var(--tm-ok) 30%,transparent)}
.tm-note .tm-ic{width:18px;height:18px}
.tm-spin{display:inline-block;width:18px;height:18px;border-radius:50%;border:2.5px solid color-mix(in srgb,currentColor 25%,transparent);border-top-color:currentColor;animation:tm-rot .8s linear infinite;flex:0 0 auto}
.tm-spin.lg{width:38px;height:38px;border-width:3px;color:var(--tm-accent)}

.tm-lobby{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(330px,1fr);gap:28px;align-items:start;max-width:1200px;margin:0 auto;padding:8px 24px 40px}
.tm-preview{display:flex;flex-direction:column;gap:12px;min-width:0}
.tm-preview-frame{position:relative;aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:var(--tm-tile-bg);box-shadow:var(--tm-shadow-3),0 0 0 1px color-mix(in srgb,var(--tm-border) 70%,transparent);isolation:isolate}
.tm-preview-frame::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:linear-gradient(135deg,rgba(67,232,255,.7),rgba(57,136,255,.25) 40%,rgba(157,113,255,.7));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:3}
.tm-preview-frame .tm-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tm-preview-frame.off .tm-video{opacity:0}
.tm-preview-msg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;background:rgba(5,8,15,.45);font-weight:600;z-index:2}
.tm-preview-name{position:absolute;left:14px;top:14px;z-index:2;max-width:calc(100% - 28px);padding:5px 11px;border-radius:999px;background:rgba(5,8,15,.6);color:#fff;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;backdrop-filter:blur(8px)}
.tm-preview-bar{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:flex;gap:14px;z-index:2}
.tm-round{appearance:none;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;border:0;background:rgba(255,255,255,.18);color:#fff;cursor:pointer;box-shadow:0 0 0 1px rgba(255,255,255,.3),0 8px 22px rgba(0,0,0,.3);backdrop-filter:blur(10px);transition:transform .12s var(--tm-ease),background-color .2s}
.tm-round:hover{background:rgba(255,255,255,.28)}
.tm-round:active{transform:scale(.94)}
.tm-round.off{background:var(--tm-danger);box-shadow:0 0 0 1px rgba(255,255,255,.25),0 8px 22px rgba(196,43,43,.4)}
.tm-round .tm-ic{width:24px;height:24px}
.tm-level{display:flex;align-items:center;gap:10px;color:var(--tm-text-2)}
.tm-meter{position:relative;flex:1 1 auto;max-width:280px;height:8px;border-radius:999px;background:var(--tm-surface-3);overflow:hidden;box-shadow:inset 0 0 0 1px var(--tm-border)}
.tm-meter i{position:absolute;inset:0;background:linear-gradient(90deg,#13b37a,#43e8ff 55%,#9d71ff);transform-origin:left center;transform:scaleX(.03);transition:transform .1s linear}
.tm-join{display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:24px;background:var(--tm-surface);border:1px solid var(--tm-border);box-shadow:var(--tm-shadow-2);min-width:0}
.tm-presence{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--tm-text-2)}
.tm-presence::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--tm-ok);box-shadow:0 0 0 4px color-mix(in srgb,var(--tm-ok) 22%,transparent)}
.tm-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.tm-field>span:first-child{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:650;color:var(--tm-text-2)}
.tm-field>span:first-child .tm-ic{width:16px;height:16px}
.tm input:not([type=checkbox]):not([type=radio]),.tm select,.tm-textarea{width:100%;min-height:42px;padding:8px 12px;border-radius:11px;border:1px solid var(--tm-border-strong);background:var(--tm-surface);color:var(--tm-text);font:inherit;font-size:14.5px}
.tm select{padding-right:30px}
.tm input:not([type=checkbox]):not([type=radio]):focus,.tm select:focus,.tm-textarea:focus{border-color:var(--tm-accent);box-shadow:var(--tm-ring);outline:none}
.tm .tm-inline select{flex:1 1 180px;width:auto}
.tm-textarea{min-height:110px;resize:vertical;line-height:1.5}
.tm input[type=checkbox],.tm input[type=radio]{width:18px;height:18px;margin:0;accent-color:var(--tm-accent);flex:0 0 auto}
.tm-check,.tm-radio{display:flex;align-items:flex-start;gap:10px;font-size:14px;cursor:pointer;line-height:1.35}
.tm-check input,.tm-radio input{margin-top:1px}
.tm-devices{border:1px solid var(--tm-border);border-radius:14px;background:var(--tm-surface-2)}
.tm-devices>summary{cursor:pointer;padding:12px 14px;font-weight:650;list-style:none;display:flex;align-items:center;justify-content:space-between}
.tm-devices>summary::-webkit-details-marker{display:none}
.tm-devices>summary::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s;margin-right:4px}
.tm-devices[open]>summary::after{transform:rotate(-135deg)}
.tm-devices-body{display:flex;flex-direction:column;gap:12px;padding:2px 14px 14px}
.tm-consent{display:flex;flex-direction:column;gap:10px;padding:12px 14px;border-radius:14px;background:var(--tm-surface-2);border:1px dashed var(--tm-border-strong);font-size:13.5px;color:var(--tm-text-2)}
.tm-consent p{display:block}
.tm-consent .tm-ic{width:16px;height:16px;color:var(--tm-danger);vertical-align:-3px;margin-right:6px;fill:currentColor;stroke:none}
.tm-consent b{color:var(--tm-text)}
.tm-waiting{display:flex;align-items:center;gap:14px;padding:16px;border-radius:16px;background:var(--tm-accent-soft);border:1px solid color-mix(in srgb,var(--tm-accent) 30%,transparent)}
.tm-waiting>div{flex:1 1 auto;display:flex;flex-direction:column;gap:4px}
.tm-left .tm-title{margin-top:6px}

/* ---------- the room ---------- */
.tm-room{position:fixed;inset:0;z-index:60;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"top top" "stage panel" "bar bar";width:100%;height:100vh;height:100dvh;overflow:hidden;background:var(--tm-room-bg);color:var(--tm-text)}
.tm-room:fullscreen{width:100vw;height:100vh}
.tm-top{grid-area:top;display:flex;align-items:center;gap:12px;min-width:0;padding:10px 16px 6px}
.tm-top-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 auto}
.tm-top-title{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.tm-top-title b{font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tm-top-status{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.tm-top-right{display:flex;align-items:center;gap:4px}
.tm-pill{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border-radius:999px;background:var(--tm-surface-3);color:var(--tm-text-2);font-size:12px;font-weight:700;letter-spacing:.02em;white-space:nowrap}
.tm-pill .tm-ic{width:15px;height:15px}
.tm-pill.rec{background:var(--tm-danger);color:#fff}
.tm-pill.rec i{width:8px;height:8px;border-radius:50%;background:#fff;animation:tm-blink 1.4s ease-in-out infinite}
.tm-pill.info{background:var(--tm-accent-soft);color:var(--tm-accent-ink)}
.tm-net-btn{color:var(--tm-text-2)}
.tm-bars{display:inline-flex;align-items:flex-end;gap:2px;height:14px;vertical-align:middle}
.tm-bars i{display:block;width:3px;border-radius:2px;background:currentColor;opacity:.25}
.tm-bars i:nth-child(1){height:5px}.tm-bars i:nth-child(2){height:8px}.tm-bars i:nth-child(3){height:11px}.tm-bars i:nth-child(4){height:14px}
.tm-bars i.on{opacity:1}
.tm-bars.q-good{color:#20c37a}.tm-bars.q-fair{color:#e0a200}.tm-bars.q-poor,.tm-bars.q-bad{color:#ff5a5a}.tm-bars.q-wait{color:var(--tm-text-3)}
.tm-bars.q-wait i{animation:tm-wave 1.2s ease-in-out infinite}.tm-bars.q-wait i:nth-child(2){animation-delay:.15s}.tm-bars.q-wait i:nth-child(3){animation-delay:.3s}.tm-bars.q-wait i:nth-child(4){animation-delay:.45s}

.tm-stage{grid-area:stage;position:relative;min-width:0;min-height:0;overflow:hidden}
.tm-stage.focus{display:flex;gap:10px;padding:10px}
.tm-gallery{position:absolute;inset:0;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:var(--tm-gap,10px);padding:var(--tm-gap,10px);overflow:auto}
.tm-gallery>.tm-tile{flex:0 0 auto;width:min(100%,560px);aspect-ratio:16/9}
.tm-gallery>.tm-tile[style]{aspect-ratio:auto}
.tm-focus{position:relative;flex:1 1 auto;min-width:0;min-height:0;display:flex}
.tm-focus>.tm-tile{flex:1 1 auto;width:100%;height:100%}
.tm-strip{flex:0 0 auto;display:flex;flex-direction:column;gap:8px;width:clamp(150px,17vw,236px);overflow-y:auto;overscroll-behavior:contain;padding:1px}
.tm-strip>.tm-tile{flex:0 0 auto;width:100%;aspect-ratio:16/10}
.tm-room.compact .tm-stage.focus{gap:4px;padding:4px}
.tm-room.compact .tm-strip{gap:4px}
.tm-room.compact .tm-tile{border-radius:10px}

/* ---------- tiles ---------- */
.tm-tile{position:relative;overflow:hidden;border-radius:18px;background:var(--tm-tile-bg);color:#fff;isolation:isolate;box-shadow:0 0 0 1px rgba(255,255,255,.07),var(--tm-shadow-2);transition:box-shadow .2s ease}
.tm-tile .tm-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#05080f;transition:transform .2s var(--tm-ease)}
.tm-video.mirror{transform:scaleX(-1)}
.tm-video.contain{object-fit:contain;background:#000}
.tm-tile.novideo .tm-video{opacity:0}
.tm-tile.speaking{box-shadow:0 0 0 2px var(--tm-speak),0 0 26px rgba(67,232,255,.42),var(--tm-shadow-2)}
.tm-tile.speaking::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 2px var(--tm-speak);pointer-events:none;animation:tm-speak 1.6s ease-in-out infinite}
.tm-tile-avatar{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(60% 60% at 50% 45%,rgba(57,136,255,.18),transparent 70%)}
.tm-avatar{--tm-hue:210;display:inline-grid;place-items:center;width:clamp(44px,26%,116px);aspect-ratio:1;border-radius:50%;color:#fff;font-weight:760;font-size:clamp(15px,3.4vw,34px);letter-spacing:.02em;background:linear-gradient(135deg,hsl(var(--tm-hue) 80% 42%),hsl(calc(var(--tm-hue) + 55) 62% 46%));box-shadow:0 0 0 6px hsl(var(--tm-hue) 85% 60% / .16),0 12px 30px rgba(0,0,0,.35)}
.tm-tile.speaking .tm-avatar{box-shadow:0 0 0 6px rgba(67,232,255,.35),0 0 30px rgba(67,232,255,.5)}
.tm-avatar.lg{width:clamp(72px,24%,128px)}
.tm-avatar.sm{width:34px;height:34px;font-size:13px;box-shadow:none;flex:0 0 auto}
.tm-avatar.sm.speaking{box-shadow:0 0 0 3px var(--tm-speak)}
.tm-tile-flag{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(5,8,15,.66);font-weight:650;font-size:13px;backdrop-filter:blur(8px)}
.tm-strip .tm-tile-flag,.tm-gallery .tm-tile-flag{display:inline-flex}
.tm-tile-top{position:absolute;top:8px;left:8px;right:46px;z-index:2;display:flex;align-items:center;gap:6px;flex-wrap:wrap;pointer-events:none}
.tm-tile-top .tm-bars{margin-left:auto;padding:4px 6px;border-radius:8px;background:rgba(5,8,15,.5);height:22px;box-sizing:border-box}
.tm-chip{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:999px;background:rgba(5,8,15,.62);color:#fff;font-size:12px;font-weight:700;backdrop-filter:blur(8px)}
.tm-chip .tm-ic{width:14px;height:14px}
.tm-chip.hand{background:#f5b400;color:#1b1300}
.tm-chip.spot{background:linear-gradient(135deg,#0b72a8,#6236d0)}
.tm-tile-veil{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:rgba(5,8,15,.66);font-weight:650;backdrop-filter:blur(3px)}
.tm-tile-name{position:absolute;left:8px;bottom:8px;z-index:2;display:flex;align-items:center;gap:6px;max-width:calc(100% - 16px);padding:4px 10px 4px 6px;border-radius:999px;background:rgba(5,8,15,.64);font-size:13px;font-weight:600;backdrop-filter:blur(8px)}
.tm-tile-who{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tm-tile-mic{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.14);flex:0 0 auto}
.tm-tile-mic .tm-ic{width:14px;height:14px}
.tm-tile-mic.off{background:#d93636;color:#fff}
.tm-tag{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:999px;background:rgba(127,151,190,.2);color:inherit;font-size:11px;font-weight:700;letter-spacing:.02em;white-space:nowrap}
.tm-tile .tm-tag{background:rgba(255,255,255,.18)}
.tm-tag.info{background:var(--tm-accent-soft);color:var(--tm-accent-ink)}
.tm-tag.accent{background:linear-gradient(135deg,#0b72a8,#6236d0);color:#fff}
.tm-featured .tm-tile-name{font-size:14px}
.tm-zoom{position:absolute;right:12px;bottom:12px;z-index:4;display:flex;align-items:center;gap:4px;padding:4px;border-radius:12px;background:rgba(5,8,15,.7);color:#fff;backdrop-filter:blur(8px)}
.tm-zoom button{appearance:none;min-width:32px;height:30px;border:0;border-radius:8px;background:rgba(255,255,255,.14);color:#fff;font:700 14px/1 var(--tm-font);cursor:pointer;padding:0 8px}
.tm-zoom button:disabled{opacity:.4;cursor:default}
.tm-zoom span{min-width:46px;text-align:center;font-size:12px;font-weight:700}

/* tile and person menus (<details>) */
.tm-menu{position:relative}
.tm-menu>summary{list-style:none;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;cursor:pointer;color:inherit}
.tm-menu>summary::-webkit-details-marker{display:none}
.tm-menu>summary .tm-ic{width:18px;height:18px}
.tm-tile-menu{position:absolute;top:6px;right:6px;z-index:5}
.tm-tile-menu>summary{background:rgba(5,8,15,.6);color:#fff;opacity:0;transition:opacity .15s ease;backdrop-filter:blur(8px)}
.tm-tile:hover .tm-tile-menu>summary,.tm-tile:focus-within .tm-tile-menu>summary,.tm-tile-menu[open]>summary{opacity:1}
@media (hover:none){.tm-tile-menu>summary{opacity:1}}
.tm-menu-list{position:absolute;right:0;top:calc(100% + 6px);z-index:20;min-width:210px;padding:6px;border-radius:14px;background:var(--tm-surface);color:var(--tm-text);border:1px solid var(--tm-border);box-shadow:var(--tm-shadow-3);animation:tm-rise .14s var(--tm-ease)}
.tm-menu-list button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:9px;background:transparent;color:inherit;font:500 13.5px/1.25 var(--tm-font);text-align:left;cursor:pointer}
.tm-menu-list button .tm-ic{width:17px;height:17px;color:var(--tm-text-3)}
.tm-menu-list button:hover,.tm-menu-list button:focus-visible{background:var(--tm-accent-soft)}
.tm-menu-list button.danger{color:var(--tm-bad)}
.tm-menu-list button.danger .tm-ic{color:currentColor}
.tm-strip .tm-menu-list,.tm-gallery .tm-tile:only-child .tm-menu-list{max-height:60vh;overflow:auto}

/* banners, captions, reactions */
.tm-banners{position:absolute;top:10px;left:50%;transform:translateX(-50%);z-index:9;display:flex;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 24px);pointer-events:none}
.tm-banner{pointer-events:auto;display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;padding:8px 10px 8px 14px;border-radius:14px;background:var(--tm-surface);color:var(--tm-text);border:1px solid var(--tm-border);box-shadow:var(--tm-shadow-3);font-size:13.5px;font-weight:600;animation:tm-rise .2s var(--tm-ease)}
.tm-banner.warn{border-color:color-mix(in srgb,var(--tm-warn) 45%,transparent)}
.tm-banner.info{border-color:color-mix(in srgb,var(--tm-accent) 45%,transparent)}
.tm-banner .tm-ic{width:18px;height:18px;color:var(--tm-accent)}
.tm-captions{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:7;width:min(880px,calc(100% - 28px));padding:10px 46px 12px 16px;border-radius:14px;background:rgba(0,0,0,.8);color:#fff;font-size:clamp(15px,1.6vw,19px);line-height:1.45;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.tm-captions-tag{display:block;margin-bottom:4px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#9fe9ff}
.tm-captions p{max-height:4.4em;overflow:hidden}
.tm-captions .tm-icon-btn{position:absolute;top:8px;right:8px;color:#fff}
.tm-captions .tm-icon-btn:hover{background:rgba(255,255,255,.14)}
.tm-reactions{position:absolute;left:0;right:0;bottom:0;height:70%;z-index:6;pointer-events:none;overflow:hidden}
.tm-float{position:absolute;bottom:14px;display:flex;flex-direction:column;align-items:center;gap:2px;animation:tm-float 4s var(--tm-ease) forwards}
.tm-float span{font-size:40px;line-height:1;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}
.tm-float small{padding:2px 8px;border-radius:999px;background:rgba(5,8,15,.66);color:#fff;font-size:11.5px;font-weight:600;white-space:nowrap}

/* ---------- side panel ---------- */
.tm-panel{grid-area:panel;display:flex;flex-direction:column;width:min(380px,40vw);min-height:0;margin:10px 12px 0 0;border-radius:20px;background:var(--tm-surface);border:1px solid var(--tm-border);box-shadow:var(--tm-shadow-2);overflow:hidden;animation:tm-slide .2s var(--tm-ease)}
.tm-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 10px 12px 18px;border-bottom:1px solid var(--tm-border)}
.tm-panel-head h2{font-size:16px;font-weight:720}
.tm-panel-body{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:14px;padding:14px 16px 18px}
.tm-panel-body.tm-panel-chat{padding:0;gap:0;overflow:hidden}
.tm-chatlog{flex:1 1 auto;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:14px 16px}
.tm-msg{align-self:flex-start;max-width:88%;padding:8px 12px 9px;border-radius:14px 14px 14px 5px;background:var(--tm-surface-3);overflow-wrap:anywhere}
.tm-msg.mine{align-self:flex-end;border-radius:14px 14px 5px 14px;background:var(--tm-accent-soft)}
.tm-msg-meta{display:flex;align-items:baseline;gap:8px;margin-bottom:2px;font-size:12px;color:var(--tm-text-3)}
.tm-msg-meta b{color:var(--tm-text-2);font-size:12.5px}
.tm-msg-text{white-space:pre-wrap}
.tm-empty{display:flex;flex-direction:column;align-items:center;gap:10px;margin:auto;padding:24px 10px;text-align:center;color:var(--tm-text-3);font-size:13.5px}
.tm-empty .tm-ic{width:30px;height:30px;color:var(--tm-accent)}
.tm-chat-form{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid var(--tm-border);background:var(--tm-surface)}
.tm-chat-form input{flex:1 1 auto}
.tm-panel-tools{display:flex;justify-content:flex-start;padding:0 12px 10px}
.tm-host-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;border-radius:14px;background:var(--tm-surface-2);border:1px solid var(--tm-border)}
.tm-switch{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:650;cursor:pointer;margin-left:auto}
.tm-switch input{appearance:none;-webkit-appearance:none;position:relative;width:40px!important;height:23px!important;border-radius:999px;background:var(--tm-border-strong);cursor:pointer;transition:background-color .2s}
.tm-switch input::after{content:"";position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:var(--tm-shadow-1);transition:transform .2s var(--tm-ease)}
.tm-switch input:checked{background:var(--tm-accent)}
.tm-switch input:checked::after{transform:translateX(17px)}
.tm-switch span{display:inline-flex;align-items:center;gap:6px}
.tm-switch .tm-ic{width:16px;height:16px}
.tm-section{display:flex;flex-direction:column;gap:8px}
.tm-section h3{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:var(--tm-text-3)}
.tm-section h3 .tm-ic{width:16px;height:16px}
.tm-people,.tm-hands{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.tm-person{display:flex;align-items:center;gap:10px;padding:7px 6px;border-radius:12px}
.tm-person:hover{background:var(--tm-surface-2)}
.tm-person-name{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px}
.tm-person-name b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.tm-person-state{display:flex;align-items:center;gap:6px;color:var(--tm-text-3)}
.tm-person-state .tm-ic{width:17px;height:17px}
.tm-person-state .off{color:var(--tm-bad)}
.tm-person-act{display:flex;gap:6px}
.tm-person .tm-menu>summary{color:var(--tm-text-2)}
.tm-person .tm-menu>summary:hover{background:var(--tm-accent-soft)}
.tm-hands li{display:flex;align-items:center;gap:10px;padding:6px;border-radius:10px;background:var(--tm-warn-soft)}
.tm-hands li>span:nth-child(2){flex:1 1 auto;font-weight:600}
.tm-hand-pos{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f5b400;color:#1b1300;font-size:12px;font-weight:800}
.tm-tabs{display:flex;gap:4px;padding:4px;border-radius:12px;background:var(--tm-surface-3);overflow-x:auto;scrollbar-width:none}
.tm-tab{appearance:none;flex:1 0 auto;border:0;background:transparent;color:var(--tm-text-2);font:650 13px/1 var(--tm-font);padding:9px 12px;border-radius:9px;cursor:pointer;white-space:nowrap}
.tm-tab[aria-selected="true"]{background:var(--tm-surface);color:var(--tm-text);box-shadow:var(--tm-shadow-1)}
.tm-fieldset{border:1px solid var(--tm-border);border-radius:14px;padding:10px 14px 12px;margin:0;display:flex;flex-direction:column;gap:9px}
.tm-fieldset legend{padding:0 6px;font-size:13px;font-weight:700;color:var(--tm-text-2)}
.tm-radio span{display:flex;flex-direction:column}
.tm-radio .tm-muted{font-weight:400}
.tm-panel .tm-muted.small .tm-ic{width:16px;height:16px;vertical-align:-3px;margin-right:4px}

/* ---------- control bar ---------- */
.tm-bar-wrap{grid-area:bar;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 12px calc(12px + var(--tm-dock-b,0px) + env(safe-area-inset-bottom,0px));min-width:0}
.tm-bar{display:flex;align-items:center;gap:6px;max-width:100%;padding:7px;border-radius:24px;background:var(--tm-glass);border:1px solid var(--tm-border);box-shadow:var(--tm-shadow-3);-webkit-backdrop-filter:saturate(1.5) blur(18px);backdrop-filter:saturate(1.5) blur(18px)}
.tm-bar-group{display:flex;align-items:center;gap:2px;padding:0 4px}
.tm-bar-group+.tm-bar-group{border-left:1px solid var(--tm-border);padding-left:8px}
.tm-ctl{appearance:none;position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:62px;padding:4px 6px;border:0;border-radius:14px;background:transparent;color:var(--tm-text);font:650 11.5px/1.1 var(--tm-font);cursor:pointer}
.tm-ctl-ic{position:relative;display:grid;place-items:center;width:46px;height:40px;border-radius:13px;background:var(--tm-surface-3);transition:background-color .18s,transform .12s var(--tm-ease),color .18s}
.tm-ctl-ic .tm-ic{width:21px;height:21px}
.tm-ctl:hover .tm-ctl-ic{background:var(--tm-accent-soft);color:var(--tm-accent-ink)}
.tm-ctl:active .tm-ctl-ic{transform:scale(.94)}
.tm-ctl:disabled{opacity:.55;cursor:not-allowed}
.tm-ctl.on .tm-ctl-ic{background:var(--tm-cta);color:#fff;box-shadow:0 6px 16px rgba(29,95,208,.32)}
.tm-ctl.off .tm-ctl-ic{background:var(--tm-bad-soft);color:var(--tm-bad)}
.tm-ctl.off:hover .tm-ctl-ic{background:var(--tm-bad-soft);color:var(--tm-bad)}
.tm-ctl.danger .tm-ctl-ic{width:58px;background:var(--tm-danger);color:#fff;box-shadow:0 6px 16px rgba(196,43,43,.32)}
.tm-ctl.danger:hover .tm-ctl-ic{background:var(--tm-danger-hover);color:#fff}
.tm-ctl-label{white-space:nowrap;color:var(--tm-text-2)}
.tm-badge{position:absolute;top:-5px;right:-7px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:var(--tm-danger);color:#fff;font:800 11px/19px var(--tm-font);text-align:center;box-shadow:0 0 0 2px var(--tm-surface)}
.tm-leave{margin-left:4px}
.tm-mob{display:none!important}
.tm-record-ready{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:8px 12px;border-radius:14px;background:var(--tm-ok-soft);border:1px solid color-mix(in srgb,var(--tm-ok) 30%,transparent);font-size:13px}

/* popovers above the bar (and below the top bar) */
.tm-pop-wrap{position:relative}
.tm-pop{position:absolute;left:50%;bottom:calc(100% + 14px);z-index:40;transform:translateX(-50%);min-width:230px;max-width:min(380px,calc(100vw - 24px));max-height:min(70vh,560px);overflow:auto;padding:6px;border-radius:16px;background:var(--tm-surface);color:var(--tm-text);border:1px solid var(--tm-border);box-shadow:var(--tm-shadow-3);animation:tm-pop .16s var(--tm-ease)}
.tm-pop.right{left:auto;right:0;bottom:auto;top:calc(100% + 10px);transform:none;width:min(470px,calc(100vw - 24px));max-width:none;padding:14px;animation:tm-rise .16s var(--tm-ease)}
.tm-pop h3{font-size:14px;font-weight:720;margin-bottom:4px}
.tm-pop button[role^=menuitem]{display:flex;align-items:center;gap:11px;width:100%;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:inherit;font:500 14px/1.3 var(--tm-font);text-align:left;cursor:pointer}
.tm-pop button[role^=menuitem]:hover,.tm-pop button[role^=menuitem]:focus-visible{background:var(--tm-accent-soft)}
.tm-pop button[role^=menuitem]:disabled{opacity:.5;cursor:not-allowed}
.tm-pop button[role^=menuitem] .tm-ic{color:var(--tm-text-3)}
.tm-pop button[role^=menuitem] span{display:flex;flex-direction:column;gap:2px;flex:1 1 auto}
.tm-pop button[role^=menuitem] small{color:var(--tm-text-3);font-size:12px}
.tm-pop button.on{background:var(--tm-accent-soft)}
.tm-pop button.on .tm-ic{color:var(--tm-accent-ink)}
.tm-pop button.danger,.tm-pop button.danger .tm-ic{color:var(--tm-bad)}
.tm-pop .tm-check{padding:10px 12px;border-top:1px solid var(--tm-border);margin-top:4px}
.tm-react-pop{display:flex;gap:2px;min-width:0;padding:6px}
.tm-react-pop button[role^=menuitem],.tm-react-row button{justify-content:center;width:52px;height:52px;padding:0;font-size:28px;border-radius:12px;border:0;background:transparent;cursor:pointer;transition:transform .12s var(--tm-ease)}
.tm-react-pop button:hover,.tm-react-row button:hover{transform:translateY(-2px) scale(1.08)}
.tm-react-row{gap:2px;justify-content:space-around;padding:4px 4px 8px;border-bottom:1px solid var(--tm-border);margin-bottom:4px}
.tm-leave-pop{left:auto;right:0;transform:none;animation-name:tm-rise}
.tm-net{width:100%;border-collapse:collapse;margin-top:10px;font-size:12.5px}
.tm-net th{text-align:left;color:var(--tm-text-3);font-weight:650;padding:6px 6px;border-bottom:1px solid var(--tm-border);white-space:nowrap}
.tm-net td{padding:7px 6px;border-bottom:1px solid var(--tm-border);white-space:nowrap}
.tm-net tr:last-child td{border-bottom:0}

/* dialogs */
.tm-dialog-back{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px;background:var(--tm-overlay);animation:tm-fade .18s ease}
.tm-dialog{width:min(520px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border-radius:22px;background:var(--tm-surface);color:var(--tm-text);border:1px solid var(--tm-border);box-shadow:var(--tm-shadow-3);animation:tm-rise .22s var(--tm-ease)}
.tm-dialog h2{font-size:19px;font-weight:740;margin-bottom:10px}
.tm-dialog-body{display:flex;flex-direction:column;gap:12px;color:var(--tm-text-2)}
.tm-dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:20px}
.tm-keys{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px 18px;margin:0}
.tm-keys div{display:flex;align-items:center;gap:12px}
.tm-keys dt{flex:0 0 auto;min-width:48px}
.tm-keys dd{margin:0;color:var(--tm-text-2);font-size:13.5px}

.tm-audio{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
/* The portal's accessibility dock (#tnx-a11y-dock: theme, text size, accessibility options) floats above every page.
   The room keeps it usable and never lets it cover meeting content: a right gutter on desktop, and on phones (where
   the dock is a bottom row) the control bar, sheets and menus sit above it. */
body:has(#tnx-a11y-dock:not([hidden])) .tm{--tm-dock-r:62px;--tm-dock-b:0px}
@media (max-width:700px){body:has(#tnx-a11y-dock:not([hidden])) .tm{--tm-dock-r:0px;--tm-dock-b:66px}}
.tm-room{padding-right:var(--tm-dock-r,0px)}
.tm-shell{padding-right:var(--tm-dock-r,0px);padding-bottom:var(--tm-dock-b,0px)}
body:has(.tm-room) .toasts{bottom:calc(118px + env(safe-area-inset-bottom,0px))}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .tm-ctl{min-width:56px}
  .tm-panel{width:min(360px,44vw)}
}
@media (max-width:860px){
  .tm-lobby{grid-template-columns:minmax(0,1fr);gap:18px;padding:4px 16px 28px}
  .tm-join{padding:18px}
}
@media (max-width:720px){
  .tm-hide-sm{display:none}
  .tm-desk{display:none!important}
  .tm-mob{display:flex!important}
  .tm-shell-head{padding:12px 16px}
  .tm-top{padding:8px 10px 4px;gap:8px}
  .tm-top-title b{font-size:14px}
  .tm-room{grid-template-columns:minmax(0,1fr);grid-template-areas:"top" "stage" "bar"}
  .tm-stage.focus{flex-direction:column;padding:6px;gap:6px}
  .tm-strip{flex-direction:row;width:auto;height:clamp(76px,15vh,112px);overflow-x:auto;overflow-y:hidden}
  .tm-strip>.tm-tile{width:auto;height:100%;aspect-ratio:4/3}
  .tm-tile{border-radius:14px}
  .tm-tile-name{font-size:12px}
  .tm-strip .tm-tile-name{left:4px;bottom:4px;padding:2px 7px 2px 3px}
  .tm-strip .tm-tile-mic{width:18px;height:18px}
  .tm-strip .tm-tile-top,.tm-strip .tm-tile-menu{display:none}
  .tm-bar-wrap{padding:6px 8px calc(8px + var(--tm-dock-b,0px) + env(safe-area-inset-bottom,0px))}
  .tm-bar{width:100%;justify-content:space-between;gap:0;border-radius:20px;padding:6px 4px}
  .tm-bar-group{display:contents}
  .tm-bar-group+.tm-bar-group{border-left:0;padding-left:0}
  .tm-ctl{min-width:0;flex:1 1 0;padding:2px 0}
  .tm-ctl-ic{width:44px;height:40px}
  .tm-ctl-label{font-size:10.5px}
  .tm-ctl.danger .tm-ctl-ic{width:50px}
  .tm-pop,.tm-pop.right,.tm-leave-pop{position:fixed;left:8px;right:8px;top:auto;bottom:calc(86px + var(--tm-dock-b,0px) + env(safe-area-inset-bottom,0px));transform:none;width:auto;min-width:0;max-width:none;max-height:62dvh;border-radius:18px;animation:tm-rise .18s var(--tm-ease)}
  .tm-pop.right{top:60px;bottom:auto}
  .tm-panel{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:70;width:100%;height:min(82dvh,100%);margin:0;border-radius:22px 22px 0 0;box-shadow:0 -20px 60px rgba(0,0,0,.35);animation:tm-sheet .24s var(--tm-ease);padding-bottom:calc(var(--tm-dock-b,0px) + env(safe-area-inset-bottom,0px))}
  .tm-captions{bottom:8px;font-size:15px}
  .tm-banners{top:6px}
  .tm-preview-frame{aspect-ratio:4/3;border-radius:20px}
  .tm-card{margin:2vh 16px 24px;padding:24px 18px}
  .tm-actions .tm-btn.lg{flex:1 1 auto}
  .tm-keys{grid-template-columns:1fr}
  body:has(.tm-room) .toasts{bottom:calc(150px + env(safe-area-inset-bottom,0px))}
}
@media (max-width:360px){
  .tm-ctl-label{display:none}
  .tm-ctl-ic{width:40px}
}
/* short landscape phones: the stage gets the height */
@media (max-height:520px) and (orientation:landscape){
  .tm-top{padding:4px 10px}
  .tm-top-title .tm-muted{display:none}
  .tm-ctl-label{display:none}
  .tm-ctl-ic{height:36px}
  .tm-bar-wrap{padding:4px 8px calc(4px + env(safe-area-inset-bottom,0px))}
  .tm-stage.focus{flex-direction:row}
  .tm-strip{flex-direction:column;width:clamp(110px,20vw,170px);height:auto;overflow-y:auto;overflow-x:hidden}
  .tm-strip>.tm-tile{width:100%;height:auto;aspect-ratio:16/10}
  .tm-panel{height:100dvh;border-radius:0}
}
@media (pointer:coarse){
  .tm-btn.sm{min-height:40px}
  .tm-menu>summary{width:38px;height:38px}
  .tm-menu-list button{padding:12px 10px}
}

/* ---------- motion ---------- */
@keyframes tm-rot{to{transform:rotate(360deg)}}
@keyframes tm-fade{from{opacity:0}to{opacity:1}}
@keyframes tm-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes tm-pop{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes tm-slide{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
@keyframes tm-sheet{from{transform:translateY(40%);opacity:.4}to{transform:none;opacity:1}}
@keyframes tm-pulse{0%,100%{transform:scale(.94);opacity:.8}50%{transform:scale(1.06);opacity:1}}
@keyframes tm-blink{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes tm-speak{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes tm-wave{0%,100%{opacity:.25}50%{opacity:.9}}
@keyframes tm-float{0%{opacity:0;transform:translateY(10px) scale(.6)}12%{opacity:1;transform:translateY(-8px) scale(1)}78%{opacity:1}100%{opacity:0;transform:translateY(-240px) scale(1)}}
@media (prefers-reduced-motion:reduce){
  .tm *,.tm *::before,.tm *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .tm-float{animation:none!important}
}
@media print{.tm-room,.tm-shell{position:static;height:auto}}

/* Mobile camera selection remains visible beside the existing camera controls. */
.tm-round.tm-flip{display:flex;gap:6px;width:auto;min-width:54px;padding:0 12px;border-radius:16px;font:650 12px/1 var(--tm-font)}
.tm-round:disabled{opacity:.55;cursor:not-allowed;transform:none}
@media (max-width:360px){.tm-camera-flip .tm-ctl-label{display:block;font-size:10px}}

/* ---------- Meet4202 · Quantum Intelligence presentation ----------
   Depth belongs to the interface surfaces. Video pixels and pointer geometry
   stay still; only small decorative layers use transform/opacity animation. */
.tm{
  --tm-qi-depth:0 1px 2px rgba(17,48,94,.05),0 12px 34px rgba(17,48,94,.10);
  --tm-qi-edge:color-mix(in srgb,var(--tm-accent) 25%,var(--tm-border));
  --tm-qi-enter:280ms;
}
.tm-room{background:var(--tm-room-bg)}
.tm-top{padding-top:12px;padding-bottom:10px;background:var(--tm-glass);border-bottom:1px solid var(--tm-border)}
.tm-top-title b{font-size:clamp(15px,1.1vw,17px);font-weight:750}
.tm-top-title .small{font-size:12px;line-height:1.6}
.tm-qi-badge{display:inline-flex;align-items:center;gap:7px;max-width:100%;min-height:27px;padding:4px 10px;border-radius:999px;border:1px solid var(--tm-qi-edge);background:var(--tm-accent-soft);color:var(--tm-accent-ink);font:750 11px/1.2 var(--tm-font);letter-spacing:.03em;white-space:nowrap}
.tm-qi-badge::before{content:"";width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:currentColor}
.tm-stage{isolation:isolate}
.tm-stage::before{content:"";position:absolute;inset:12px;z-index:-1;border:1px solid color-mix(in srgb,var(--tm-accent) 9%,transparent);border-radius:24px;pointer-events:none}
.tm-preview-frame,.tm-join,.tm-panel,.tm-dialog{box-shadow:var(--tm-qi-depth)}
.tm-tile{transition:none;box-shadow:0 0 0 1px rgba(255,255,255,.10),0 7px 22px rgba(9,24,48,.14)}
.tm-tile .tm-video{transition:none}
.tm-tile.presenting::before{content:"";position:absolute;inset:0;z-index:4;border:2px solid #7dd3fc;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(0,0,0,.5);pointer-events:none}
.tm-tile.speaking{box-shadow:0 0 0 2px var(--tm-speak),0 0 20px rgba(67,232,255,.22),0 7px 22px rgba(9,24,48,.14)}
.tm-tile.speaking::after{z-index:3}
.tm-tile-name{max-width:calc(100% - 20px);left:10px;bottom:10px;background:rgba(5,13,27,.84);font-size:13px}
.tm-tile-top .tm-chip{background:rgba(5,13,27,.84)}
.tm-tile-menu{z-index:10}
.tm-panel{border-color:var(--tm-qi-edge)}
.tm-panel-head{padding-top:15px;padding-bottom:15px;background:var(--tm-surface-2)}
.tm-panel-head h2{font-size:17px}
.tm-bar{border-color:var(--tm-qi-edge);box-shadow:var(--tm-qi-depth),inset 0 1px 0 color-mix(in srgb,var(--tm-surface) 85%,transparent)}
.tm-ctl{gap:5px;min-height:61px}
.tm-ctl-ic{height:42px;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--tm-surface) 70%,transparent);transition:transform .16s var(--tm-ease),opacity .16s ease}
.tm-ctl-label{color:var(--tm-text-2);font-weight:700;line-height:1.25}
.tm-ctl:not(:disabled):hover .tm-ctl-ic,.tm-ctl:not(:disabled):focus-visible .tm-ctl-ic{transform:translateY(-2px)}
.tm-ctl:not(:disabled):active .tm-ctl-ic{transform:translateY(0) scale(.96)}
.tm-ctl:disabled .tm-ctl-ic{transform:none}
.tm-advanced-menu{display:none!important}
.tm-caption-status{display:block;margin:6px 0 2px;font-size:12px;line-height:1.45;color:#c8eaff;overflow-wrap:anywhere}
.tm-caption-note{display:block;color:#ffe3a1;font-size:12px;line-height:1.4;margin-top:3px;overflow-wrap:anywhere}
.tm-translation-label{display:block;color:#a9e5ff;font:750 10px/1.4 var(--tm-font);letter-spacing:.07em;text-transform:uppercase}

/* Pointing uses a separate input surface so it never pauses video playback. */
.tm-pointer-layer{position:absolute;inset:0;z-index:6;overflow:hidden;border-radius:inherit;pointer-events:none;user-select:none;-webkit-user-select:none}
.tm-pointer-layer.active,.tm-pointer-layer[data-pointing="true"]{pointer-events:auto;touch-action:none;cursor:crosshair;background:transparent}
.tm-pointer-layer:focus-visible{outline:3px solid #7dd3fc;outline-offset:-4px}
.tm-pointer-layer[hidden]{display:none!important}
.tm-laser-dot{position:absolute;display:block;width:16px;height:16px;margin:0;border:2px solid #fff;border-radius:50%;background:#e81937;box-shadow:0 0 0 2px rgba(10,16,30,.7),0 0 0 7px rgba(255,48,81,.25);transform:translate(-50%,-50%);pointer-events:none;transition:opacity .12s ease}
.tm-laser-dot::after{content:"";position:absolute;inset:3px;border:1px solid rgba(255,255,255,.9);border-radius:50%}
.tm-pointer-name{position:absolute;left:13px;top:-16px;display:block;max-width:min(200px,40vw);padding:4px 8px;border:1px solid rgba(255,255,255,.4);border-radius:7px;background:#9f1239;color:#fff;font:700 11px/1.3 var(--tm-font);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}
.tm-laser-dot.edge-right .tm-pointer-name{left:auto;right:13px}
.tm-laser-dot.edge-top .tm-pointer-name{top:12px}
.tm-pointer-tools{position:absolute;left:12px;top:12px;z-index:11;display:flex;flex-wrap:wrap;align-items:center;gap:6px;max-width:calc(100% - 24px);padding:6px;border:1px solid rgba(255,255,255,.35);border-radius:14px;background:rgba(5,13,27,.92);color:#fff;pointer-events:auto;box-shadow:0 4px 18px rgba(0,0,0,.22)}
.tm-pointer-tools .tm-btn,.tm-pointer-tools button{min-width:44px;min-height:44px;margin:0;border:1px solid rgba(255,255,255,.4);border-radius:9px;background:#fff;color:#14345b;font:700 12px/1.3 var(--tm-font);padding:6px 10px;cursor:pointer}
.tm-pointer-tools button[aria-pressed="true"]{border-color:#7dd3fc;background:#dff4ff;color:#073d68}
.tm-pointer-tools button:disabled{opacity:.55;cursor:not-allowed}
.tm-pointer-tools button:focus-visible{outline:3px solid #7dd3fc;outline-offset:3px}
.tm-pointer-tools p,.tm-pointer-tools small{font-size:12px;line-height:1.4;max-width:32ch}
.tm-pointer-hint{position:absolute;left:50%;bottom:54px;z-index:8;max-width:calc(100% - 32px);padding:7px 11px;border-radius:10px;background:rgba(5,13,27,.88);color:#fff;font:600 12px/1.4 var(--tm-font);text-align:center;transform:translateX(-50%);pointer-events:none}
.tm-pointer-indicator{display:inline-flex;align-items:center;gap:6px;min-height:27px;padding:4px 9px;border-radius:999px;background:#fff0f3;color:#951936;border:1px solid #f5c2ce;font:700 11px/1.3 var(--tm-font)}
.tm-pointer-indicator::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}

/* Only one small brand orbit moves continuously. Frames enter briefly; media
   rendering, gallery sizing and presentation coordinate mapping never animate. */
.tm[data-tm-motion="full"] .tm-orb:not(.pulse)::after{animation:tm-qi-orbit 10s linear infinite}
.tm[data-tm-motion="full"] .tm-qi-badge::before{animation:tm-qi-signal 3.6s ease-in-out infinite}
.tm[data-tm-motion="full"].tm-room .tm-top,.tm[data-tm-motion="full"] .tm-bar{animation:tm-qi-enter var(--tm-qi-enter) var(--tm-ease) both}
.tm[data-tm-motion="full"] .tm-gallery>.tm-tile,.tm[data-tm-motion="full"] .tm-focus{animation:tm-qi-enter var(--tm-qi-enter) var(--tm-ease) both}
.tm[data-tm-motion="full"] .tm-panel{animation:tm-qi-panel 220ms var(--tm-ease) both}
.tm[data-tm-motion="full"] .tm-captions{animation:tm-qi-caption 180ms ease-out both}
@keyframes tm-qi-orbit{from{transform:rotate(-24deg) scaleY(.42)}to{transform:rotate(336deg) scaleY(.42)}}
@keyframes tm-qi-signal{0%,100%{opacity:1}50%{opacity:.45}}
@keyframes tm-qi-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes tm-qi-panel{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
@keyframes tm-qi-caption{from{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%,0)}}

/* Tablet toolbar actions move into More before labels can collide. */
@media (max-width:1100px){
  .tm-desk,.tm-advanced-control{display:none!important}
  .tm-mob,.tm-advanced-menu{display:flex!important}
  .tm-bar{gap:4px}
  .tm-bar-group{padding:0 2px;gap:2px}
  .tm-bar-group+.tm-bar-group{padding-left:6px}
}
@media (max-width:720px){
  .tm-qi-badge{font-size:10px;padding:4px 7px;gap:5px}
  .tm-top{padding-top:9px;padding-bottom:8px}
  .tm-stage::before{inset:6px;border-radius:16px}
  .tm-bar{gap:0;padding:6px 4px}
  .tm-ctl{min-height:63px}
  .tm-ctl-label{font-size:10.5px;white-space:normal;max-width:68px;min-height:13px}
  .tm-ctl-ic{height:42px}
  .tm-tile-name{left:7px;bottom:7px;font-size:12px}
  .tm-pointer-tools{left:8px;top:8px;max-width:calc(100% - 16px);gap:4px;padding:4px}
  .tm-pointer-tools .tm-btn,.tm-pointer-tools button{font-size:11px;padding:5px 8px}
  .tm-pointer-name{max-width:140px}
  .tm[data-tm-motion="full"] .tm-panel{animation-name:tm-sheet}
}
/* Narrow screens keep labels and 44px targets in two rows instead of hiding
   the words or squeezing seven controls into a 320px single row. */
@media (max-width:360px){
  .tm-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:6px}
  .tm-bar-group{display:contents}
  .tm-bar .tm-pop-wrap{min-width:0;width:100%}
  .tm-ctl{width:100%;min-width:44px;min-height:61px;padding:2px}
  .tm-ctl-label,.tm-camera-flip .tm-ctl-label{display:block;font-size:11px;white-space:normal;max-width:100%;min-height:14px}
  .tm-ctl-ic{width:44px;height:40px}
  .tm-ctl.danger .tm-ctl-ic{width:48px}
  .tm-leave{margin-left:0}
  .tm-pop:not(.right){bottom:calc(152px + var(--tm-dock-b,0px) + env(safe-area-inset-bottom,0px))}
  .tm-pointer-tools p,.tm-pointer-tools small{max-width:24ch}
}

/* Personal reduced-effects preference is local to this Meet view. */
.tm[data-tm-motion="reduced"] *,.tm[data-tm-motion="reduced"] *::before,.tm[data-tm-motion="reduced"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.tm[data-tm-motion="reduced"] .tm-bar,.tm[data-tm-motion="reduced"] .tm-panel,.tm[data-tm-motion="reduced"] .tm-preview-name,.tm[data-tm-motion="reduced"] .tm-tile-name,.tm[data-tm-motion="reduced"] .tm-round{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.tm[data-tm-motion="reduced"] .tm-bar,.tm[data-tm-motion="reduced"] .tm-panel{background:var(--tm-surface);box-shadow:var(--tm-shadow-1)}
.tm[data-tm-motion="reduced"] .tm-ctl:hover .tm-ctl-ic,.tm[data-tm-motion="reduced"] .tm-ctl:focus-visible .tm-ctl-ic{transform:none}
.tm[data-tm-theme="contrast"] .tm-top,.tm[data-tm-theme="contrast"] .tm-bar,.tm[data-tm-theme="contrast"] .tm-panel{background:var(--tm-surface);border-color:var(--tm-border);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.tm[data-tm-theme="contrast"] .tm-qi-badge{background:#000;color:#ffd400;border-color:#fff}
.tm[data-tm-theme="contrast"] .tm-laser-dot{background:#ffd400;border-color:#000;box-shadow:0 0 0 2px #fff}
.tm[data-tm-theme="contrast"] .tm-pointer-tools{background:#000;color:#fff;border-color:#fff;box-shadow:none}
.tm[data-tm-theme="contrast"] .tm-pointer-tools button{background:#000;color:#fff;border-color:#fff}
.tm[data-tm-theme="contrast"] .tm-pointer-tools button[aria-pressed="true"]{background:#ffd400;color:#000}
@media (prefers-reduced-motion:reduce){
  .tm *,.tm *::before,.tm *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .tm .tm-ctl:hover .tm-ctl-ic,.tm .tm-ctl:focus-visible .tm-ctl-ic{transform:none}
}

.tm-access-request{padding:14px;border:1px solid var(--tm-border);border-radius:14px;background:var(--tm-surface-2)}
.tm-access-request .tm-actions{gap:8px}.tm-panel-access .tm-section>h3{font-size:16px}
.tm-agent-control{cursor:crosshair;box-shadow:inset 0 0 0 2px var(--tm-warn)}
.tm-agent-control:focus-visible{outline:3px solid var(--tm-accent);outline-offset:-4px}

/* TALNEXQ v4.18.0 — new-device sign-in options (app/js/qi-login-options-v418.js; registry login-01..login-04).
   "More ways to sign in" on the sign-in page, the extra choices at the second step, the dialogs, the Sign-in &
   security additions and the one-time nudge. Colours follow the portal's theme tokens (html[data-theme]; inside the
   sign-in card its own palette), with fallbacks.
   Cascade: the portal styles every button, heading, paragraph and link of the app and the sign-in card with
   `!important` rules inside `@layer qi48`, and important declarations of a layer beat unlayered ones. These rules
   therefore join the same layer (as qi-login-v4.9.1.css does) and are scoped to the feature's own containers by id,
   so they win by specificity and touch nothing else. Motion is transform/opacity only and stops for reduced motion. */
@layer qi48 {
  .la-panel,.la-step,.la-dlg-wrap,.la-sec,.la-toast{
    --la-ink:var(--ink,#12243d);--la-ink-2:var(--ink-2,#3f5672);--la-ink-3:var(--ink-3,#56697f);
    --la-line:var(--line-2,#c5d0de);--la-bg:var(--surface,#fff);--la-bg-2:var(--surface-2,#eef3f8);
    --la-accent:var(--btn,#2455c7);--la-accent-ink:var(--btn-ink,#fff);--la-accent-hover:var(--btn-hover,#1a44a8);
    --la-link:var(--accent,var(--btn,#2455c7));--la-focus:var(--focus,#0f8fa9);
    --la-err:var(--red-ink,#a3321f);--la-err-bg:var(--red-bg,#fbe4df);--la-ok:var(--teal-ink,#00766e);--la-ok-bg:var(--teal-bg,#dcf3f1);
    --la-tile:rgba(120,140,170,.07);--la-tile-hover:rgba(60,120,220,.1);--la-radius:12px;
    --la-shadow:0 22px 60px rgba(16,27,53,.22),0 4px 12px rgba(16,27,53,.08);
  }
  html[data-theme="dark"] :is(.la-panel,.la-step,.la-dlg-wrap,.la-sec,.la-toast){
    --la-ink:var(--ink,#e7edf7);--la-ink-2:var(--ink-2,#b3c0d6);--la-ink-3:var(--ink-3,#93a3bf);
    --la-line:var(--line-2,#33446a);--la-bg:var(--surface,#111a2d);--la-bg-2:var(--surface-2,#18233b);
    --la-accent:var(--btn,#3566d6);--la-accent-hover:var(--btn-hover,#4677e6);--la-link:var(--focus,#6ae3ea);--la-focus:var(--focus,#6ae3ea);
    --la-err:var(--red-ink,#f5a090);--la-err-bg:var(--red-bg,#401b16);--la-ok:var(--teal-ink,#6ae3ea);--la-ok-bg:var(--teal-bg,#0e3533);
    --la-tile:rgba(255,255,255,.035);--la-tile-hover:rgba(106,227,234,.08);
    --la-shadow:0 24px 64px rgba(0,0,0,.6),0 0 0 1px rgba(106,227,234,.06);
  }
  @media (prefers-color-scheme:dark){
    html:not([data-theme]) :is(.la-panel,.la-step,.la-dlg-wrap,.la-sec,.la-toast){
      --la-ink:#e7edf7;--la-ink-2:#b3c0d6;--la-ink-3:#93a3bf;--la-line:#33446a;--la-bg:#111a2d;--la-bg-2:#18233b;
      --la-accent:#3566d6;--la-accent-hover:#4677e6;--la-link:#6ae3ea;--la-focus:#6ae3ea;--la-err:#f5a090;--la-err-bg:#401b16;--la-ok:#6ae3ea;--la-ok-bg:#0e3533;
      --la-tile:rgba(255,255,255,.035);--la-tile-hover:rgba(106,227,234,.08);--la-shadow:0 24px 64px rgba(0,0,0,.6);
    }
  }

  /* ---------- shared pieces (scope: #la-panel #la-step #la-sec #la-nudge-card .la-dlg-wrap) ---------- */
  .la-ico{width:20px;height:20px;flex:none;fill:none!important;stroke:currentColor!important;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .la-stack{display:grid;gap:10px;min-width:0}
  .la-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
  :is(#la-panel,#la-step,#la-sec,#la-nudge-card,.la-dlg-wrap) .la-sub{margin:0!important;font-size:12.5px!important;line-height:1.5!important;color:var(--la-ink-3)!important;-webkit-text-fill-color:currentColor!important}
  :is(#la-panel,#la-step,#la-sec,.la-dlg-wrap) .la-label{display:block;margin:2px 0 -4px!important;font-size:12.5px!important;font-weight:700!important;letter-spacing:.01em;color:var(--la-ink-2)!important}
  :is(#la-panel,#la-step,#la-sec,.la-dlg-wrap) .la-input{box-sizing:border-box!important;width:100%!important;min-height:44px!important;padding:9px 12px!important;border:1px solid var(--la-line)!important;border-radius:10px!important;background:var(--la-bg)!important;color:var(--la-ink)!important;font:inherit;font-size:15px!important;box-shadow:none!important}
  :is(#la-panel,#la-step,#la-sec,.la-dlg-wrap) .la-input:focus{border-color:var(--la-accent)!important}
  .la-input::placeholder{color:var(--la-ink-3);opacity:.8}
  :is(#la-panel,#la-step,#la-sec,.la-dlg-wrap) .la-input.la-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;font-size:20px!important;letter-spacing:.24em!important;text-align:center!important;max-width:15ch!important}
  :is(#la-panel,#la-step,#la-sec,.la-dlg-wrap) .la-input.la-num{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;font-size:24px!important;letter-spacing:.2em!important;text-align:center!important;max-width:7ch!important}
  :is(#la-panel,#la-step,#la-sec,#la-nudge-card,.la-dlg-wrap) .la-btn{box-sizing:border-box;display:inline-flex!important;align-items:center;justify-content:center;gap:7px;min-height:42px!important;width:auto!important;margin:0!important;padding:0 16px!important;border:1px solid var(--la-line)!important;border-radius:10px!important;background:var(--la-tile)!important;color:var(--la-ink)!important;-webkit-text-fill-color:currentColor!important;box-shadow:none!important;font:inherit;font-size:14px!important;font-weight:650!important;line-height:1.2!important;text-decoration:none!important;cursor:pointer;transition:background-color .15s,border-color .15s,transform .12s!important}
  :is(#la-panel,#la-step,#la-sec,#la-nudge-card,.la-dlg-wrap) .la-btn:hover{border-color:var(--la-accent)!important;background:var(--la-tile-hover)!important}
  :is(#la-panel,#la-step,#la-sec,#la-nudge-card,.la-dlg-wrap) .la-btn:active{transform:scale(.98)!important}
  :is(#la-panel,#la-step,#la-sec,#la-nudge-card,.la-dlg-wrap) .la-btn.la-primary{border-color:transparent!important;background:var(--la-accent)!important;color:var(--la-accent-ink)!important}
  :is(#la-panel,#la-step,#la-sec,#la-nudge-card,.la-dlg-wrap) .la-btn.la-primary:hover{background:var(--la-accent-hover)!important}
  :is(#la-panel,#la-step,#la-sec,#la-nudge-card,.la-dlg-wrap) .la-btn.la-danger{color:var(--la-err)!important;border-color:var(--la-err)!important}
  :is(#la-panel,#la-step,#la-sec,#la-nudge-card,.la-dlg-wrap) :is(.la-btn,.la-link):disabled{opacity:.55!important;cursor:not-allowed!important;transform:none!important}
  .la-btn .la-ico{width:18px;height:18px}
  :is(#la-panel,#la-step,#la-sec,#la-nudge-card,.la-dlg-wrap) .la-link{display:inline-flex!important;align-items:center;width:auto!important;min-height:32px!important;margin:0!important;padding:0 2px!important;border:0!important;border-radius:4px!important;background:transparent!important;box-shadow:none!important;color:var(--la-link)!important;-webkit-text-fill-color:currentColor!important;font:inherit;font-size:13px!important;font-weight:650!important;text-decoration:underline!important;text-underline-offset:3px;cursor:pointer}
  :is(#la-panel,#la-step,#la-sec,#la-nudge-card,.la-dlg-wrap) :is(.la-btn,.la-link,.la-opt,.la-input,.la-x,[role="tab"]):focus-visible{outline:3px solid var(--la-focus)!important;outline-offset:2px!important;box-shadow:none!important}
  :is(#la-panel,#la-step,#la-sec,#la-nudge-card,.la-dlg-wrap) p.la-msg{margin:0!important;padding:8px 11px!important;border-radius:9px!important;font-size:13px!important;line-height:1.45!important;background:var(--la-tile)!important;color:var(--la-ink-2)!important;-webkit-text-fill-color:currentColor!important}
  :is(#la-panel,#la-step,#la-sec,#la-nudge-card,.la-dlg-wrap) p.la-msg.la-err{background:var(--la-err-bg)!important;color:var(--la-err)!important}
  :is(#la-panel,#la-step,#la-sec,#la-nudge-card,.la-dlg-wrap) p.la-msg.la-ok{background:var(--la-ok-bg)!important;color:var(--la-ok)!important}
  :is(.la-msg,.la-pane,.la-stack,.la-opts,.la-btn,.la-link,.la-video,.la-nudge,.la-input,.la-label)[hidden]{display:none!important}
  :is(#la-panel,#la-step,.la-dlg-wrap) :is(h2,h3){font-family:inherit!important;font-weight:750!important;color:var(--la-ink)!important;-webkit-text-fill-color:currentColor!important;background:none!important;text-align:left!important;letter-spacing:-.005em!important;text-shadow:none!important}
  :is(#la-panel,#la-step,#la-sec,.la-dlg-wrap) .la-check{display:flex;align-items:flex-start;gap:9px;font-size:13px!important;line-height:1.4!important;color:var(--la-ink-2)!important;cursor:pointer}
  :is(#la-panel,#la-step,#la-sec,.la-dlg-wrap) .la-check span{color:var(--la-ink-2)!important}
  :is(#la-panel,#la-step,#la-sec,.la-dlg-wrap) .la-check input[type="checkbox"]{flex:none;min-height:0!important;width:18px!important;height:18px!important;margin:1px 0 0!important;padding:0!important;box-shadow:none!important;border-radius:5px!important;accent-color:var(--la-accent)!important}
  .la-dlg-wrap .la-seg{display:flex;flex-wrap:wrap;gap:4px;padding:3px;border:1px solid var(--la-line);border-radius:11px;background:var(--la-tile)}
  .la-dlg-wrap .la-seg [role="tab"]{flex:1 1 auto;min-height:34px!important;padding:0 10px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--la-ink-2)!important;font:inherit;font-size:13px!important;font-weight:650!important;cursor:pointer}
  .la-dlg-wrap .la-seg [role="tab"][aria-selected="true"]{background:var(--la-bg)!important;color:var(--la-ink)!important;box-shadow:0 1px 3px rgba(16,27,53,.16)!important}

  /* ---------- "More ways to sign in" (inside the sign-in card) ---------- */
  #la-panel{display:grid;gap:12px;margin:14px 0 4px;padding-top:16px;border-top:1px solid var(--la-line);color:var(--la-ink);text-align:left}
  #la-panel .la-head{display:flex;align-items:flex-start;gap:10px}
  #la-panel .la-head>.la-ico{width:24px;height:24px;margin-top:1px;color:var(--la-link)}
  #la-panel .la-head h2{margin:0 0 2px!important;padding:0!important;font-size:15.5px!important;line-height:1.3!important}
  .la-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,188px),1fr));gap:8px}
  :is(#la-panel,#la-step) .la-opt{box-sizing:border-box;display:flex!important;align-items:center;gap:11px;width:100%!important;min-height:56px!important;margin:0!important;padding:10px 12px!important;border:1px solid var(--la-line)!important;border-radius:var(--la-radius)!important;background:var(--la-tile)!important;box-shadow:none!important;color:var(--la-ink)!important;-webkit-text-fill-color:currentColor!important;font:inherit;text-align:left!important;text-decoration:none!important;cursor:pointer;transition:border-color .15s,background-color .15s,transform .12s!important}
  :is(#la-panel,#la-step) .la-opt:hover{border-color:var(--la-accent)!important;background:var(--la-tile-hover)!important}
  :is(#la-panel,#la-step) .la-opt:active{transform:scale(.985)!important}
  :is(#la-panel,#la-step) .la-opt>.la-ico{width:22px;height:22px;color:var(--la-link)!important}
  .la-opt-t{display:grid;gap:2px;min-width:0}
  :is(#la-panel,#la-step) .la-opt-t b{font-size:13.5px!important;line-height:1.25!important;font-weight:700!important;color:var(--la-ink)!important;-webkit-text-fill-color:currentColor!important}
  :is(#la-panel,#la-step) .la-opt-t small{font-size:12px!important;line-height:1.35!important;color:var(--la-ink-3)!important;-webkit-text-fill-color:currentColor!important}
  :is(#la-panel,#la-step) .la-opt.la-off{cursor:not-allowed!important;opacity:.6!important}
  :is(#la-panel,#la-step) .la-opt.la-off:hover{border-color:var(--la-line)!important;background:var(--la-tile)!important}
  .la-pane{display:grid;gap:12px;padding:14px;border:1px solid var(--la-line);border-radius:var(--la-radius);background:var(--la-tile)}
  .la-pane-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px}
  :is(#la-panel,#la-step) .la-pane-h{margin:0!important;font-size:14.5px!important}
  .la-pane-h:focus{outline:none}
  #la-panel .la-foot{display:flex;align-items:flex-start;gap:7px;margin:0!important;font-size:12px!important;line-height:1.45!important;color:var(--la-ink-3)!important;-webkit-text-fill-color:currentColor!important}
  #la-panel .la-foot .la-ico{width:15px;height:15px;margin-top:1px}
  .la-refused{display:grid;gap:8px;padding:10px 12px;border-radius:10px;background:var(--la-err-bg);color:var(--la-err)}
  :is(#la-panel,#la-step,.la-dlg-wrap) .la-refused b{color:var(--la-err)!important;font-size:13px!important}
  :is(#la-panel,#la-step,.la-dlg-wrap) .la-refused .la-btn{color:var(--la-ink)!important}

  /* ---------- approval from a phone (QR code + number) ---------- */
  .la-qr-grid{display:grid;grid-template-columns:minmax(0,176px) minmax(0,1fr);gap:16px;align-items:start}
  .la-qr-art{box-sizing:border-box;width:100%;max-width:176px;aspect-ratio:1;padding:6px;border-radius:12px;background:#fff;border:1px solid var(--la-line);transition:opacity .2s}
  .la-qr-art:empty{background:var(--la-tile)}
  .la-qr-art svg{display:block;width:100%;height:100%}
  .la-qr-art.la-dim{opacity:.25}
  :is(#la-panel,#la-step) .la-steps{margin:0!important;padding-left:20px!important;display:grid;gap:7px;font-size:13px!important;line-height:1.5!important;color:var(--la-ink-2)!important}
  :is(#la-panel,#la-step) .la-steps :is(li,b){-webkit-text-fill-color:currentColor!important}
  :is(#la-panel,#la-step) .la-steps b{color:var(--la-ink)!important}
  :is(#la-panel,#la-step) .la-qr-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;font-size:14px!important;letter-spacing:.08em;white-space:nowrap;color:var(--la-ink)!important}
  :is(#la-panel,#la-step) .la-qr-num{display:inline-grid;place-items:center;min-width:2.4em;margin-left:2px;padding:1px 8px;border-radius:9px;background:var(--la-accent)!important;color:var(--la-accent-ink)!important;-webkit-text-fill-color:currentColor!important;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;font-size:22px!important;font-weight:800!important;letter-spacing:.06em;vertical-align:middle}

  /* ---------- the second step: other ways to confirm ---------- */
  .la-smsbar{display:grid;gap:8px;margin:2px 0 4px}
  #la-step{display:grid;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--la-line);color:var(--la-ink);text-align:left}
  #la-step>h3{margin:0!important;font-size:14px!important}
  .la-opts.la-opts-step{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}

  /* ---------- dialogs ---------- */
  .la-dlg-wrap{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:16px;background:rgba(6,12,26,.56);animation:la-fade .16s ease-out}
  .la-dlg{box-sizing:border-box;display:grid;gap:12px;width:min(460px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:18px 20px 20px;border:1px solid var(--la-line);border-radius:16px;background:var(--la-bg);color:var(--la-ink);box-shadow:var(--la-shadow);font-family:var(--font,inherit);text-align:left;animation:la-rise .2s cubic-bezier(.16,1,.3,1)}
  .la-dlg-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
  .la-dlg-wrap .la-dlg-head h2{margin:0!important;font-size:17px!important;line-height:1.3!important}
  .la-dlg-wrap .la-x{display:inline-grid!important;place-items:center;width:38px!important;height:38px!important;min-height:0!important;flex:none;padding:0!important;border:0!important;border-radius:10px!important;background:transparent!important;color:var(--la-ink-3)!important;box-shadow:none!important;cursor:pointer}
  .la-dlg-wrap .la-x:hover{background:var(--la-tile-hover)!important;color:var(--la-ink)!important}
  .la-dlg-wrap .la-codes{margin:0;padding:10px 12px 10px 34px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 20px;border-radius:10px;background:var(--la-bg-2);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14.5px;color:var(--la-ink)}

  /* ---------- Sign-in & security ---------- */
  #la-sec{color:var(--la-ink)}
  #la-sec .la-sec-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
  .la-over{display:flex;flex-wrap:wrap;gap:6px}
  #la-sec .la-chip{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:2px 10px;border:1px solid var(--la-line);border-radius:999px;background:var(--la-tile);font-size:12.5px;font-weight:600;color:var(--la-ink-2)!important}
  #la-sec .la-chip.la-on{border-color:transparent;background:var(--la-ok-bg);color:var(--la-ok)!important}
  .la-chip .la-ico{width:14px;height:14px;stroke-width:2.4}
  #la-sec .la-h3{display:flex;align-items:center;gap:8px;margin:8px 0 0!important;padding-top:12px;border-top:1px solid var(--la-line);font-size:15px!important;font-weight:750!important;color:var(--la-ink)!important}
  #la-sec .la-h3 .la-ico{color:var(--la-link)}
  .la-phone,.la-approve{display:grid;gap:10px;max-width:560px}
  #la-sec .la-phone .la-input[type="tel"]{max-width:22ch!important}
  .la-video{display:block;width:100%;max-width:340px;aspect-ratio:4/3;object-fit:cover;border-radius:12px;background:#000;border:1px solid var(--la-line)}
  #la-sec .la-dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 14px;margin:0;padding:12px 14px;border:1px solid var(--la-line);border-radius:12px;background:var(--la-tile);font-size:13.5px}
  #la-sec .la-dl dt{color:var(--la-ink-3)!important;font-weight:600}
  #la-sec .la-dl dd{margin:0;color:var(--la-ink)!important;overflow-wrap:anywhere}
  #la-sec .la-q{margin:0!important;font-size:14px!important;font-weight:650!important;line-height:1.45!important;color:var(--la-ink)!important}

  /* ---------- after a sign-in: the one-time nudge ---------- */
  .la-toast{position:fixed;right:calc(18px + env(safe-area-inset-right));bottom:calc(84px + env(safe-area-inset-bottom));z-index:2147482000;box-sizing:border-box;display:flex;align-items:flex-start;gap:12px;width:min(390px,calc(100vw - 32px));padding:14px 16px;border:1px solid var(--la-line);border-radius:14px;background:var(--la-bg);color:var(--la-ink);box-shadow:var(--la-shadow);font-family:var(--font,inherit);animation:la-rise .24s cubic-bezier(.16,1,.3,1)}
  .la-toast>.la-ico{width:26px;height:26px;color:var(--la-ok)}
  #la-nudge-card b{font-size:14.5px;color:var(--la-ink)!important}

  /* ---------- small screens, motion, print ---------- */
  @media (max-width:520px){
    .la-qr-grid{grid-template-columns:minmax(0,1fr)}
    .la-qr-art{max-width:200px;justify-self:center}
    .la-opts,.la-opts.la-opts-step{grid-template-columns:minmax(0,1fr)}
    .la-dlg-wrap .la-codes{grid-template-columns:minmax(0,1fr)}
    .la-dlg{padding:16px}
    .la-toast{left:16px;right:16px;width:auto;bottom:calc(16px + env(safe-area-inset-bottom))}
  }
  @media (max-width:420px){
    #la-sec .la-dl{grid-template-columns:minmax(0,1fr);gap:1px}
    #la-sec .la-dl dd{margin-bottom:7px}
  }
  @media (prefers-reduced-motion:reduce){
    :is(#la-panel,#la-step,#la-sec,#la-nudge-card,.la-dlg-wrap) :is(.la-opt,.la-btn,.la-qr-art),.la-dlg,.la-dlg-wrap,.la-toast{transition:none!important;animation:none!important}
  }
  @media print{.la-panel,.la-step,.la-dlg-wrap,.la-toast{display:none!important}}
}
@keyframes la-fade{from{opacity:0}to{opacity:1}}
@keyframes la-rise{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}

/* TALNEXQ v4.18.0 — QI Apps launcher in the portal sidebar (grouped shortcuts; grants nothing). */
:root[data-area="app"] .qiapps-launcher{display:block}
:root[data-area="app"] .qiapps-launcher .qiapps-group{display:block;font-size:10px;letter-spacing:.1em;font-weight:700;opacity:.65;padding:6px 7px 2px;text-transform:uppercase}
:root[data-area="app"] .qiapps-launcher .qiapps-link{display:block;padding:5px 8px;border-radius:9px;font-size:13px;line-height:1.3;text-decoration:none;color:inherit;transition:background .12s ease,transform .12s ease}
:root[data-area="app"] .qiapps-launcher .qiapps-link:hover,:root[data-area="app"] .qiapps-launcher .qiapps-link:focus-visible{background:rgba(71,128,205,.14);outline:none;transform:translateX(2px)}
:root[data-area="app"] .qiapps-launcher .qiapps-link:focus-visible{box-shadow:0 0 0 2px rgba(71,128,205,.55)}
@media (prefers-reduced-motion: reduce){:root[data-area="app"] .qiapps-launcher .qiapps-link{transition:none}:root[data-area="app"] .qiapps-launcher .qiapps-link:hover{transform:none}}

/* HF2: native outer disclosure. A device preference folds the scoped groups, without changing access. */
:root[data-area="app"] .qiapps-launcher>.qiapps-fold>.qiapps-toggle{display:flex;align-items:center;gap:8px;min-height:36px;padding:6px 4px;margin:0;cursor:pointer;list-style:none;border-radius:8px;user-select:none;color:var(--qi388-muted,#536a85)}
:root[data-area="app"] .qiapps-toggle::-webkit-details-marker{display:none}
:root[data-area="app"] .qiapps-toggle::marker{content:""}
:root[data-area="app"] .qiapps-toggle .qiapps-count{font-size:10px;font-weight:650;letter-spacing:normal;text-transform:none;color:inherit}
:root[data-area="app"] .qiapps-toggle::after{content:"";margin-left:auto;margin-right:3px;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .12s ease}
:root[data-area="app"] .qiapps-fold:not([open])>.qiapps-toggle::after{transform:rotate(-45deg)}
:root[data-area="app"] .qiapps-launcher .qiapps-toggle:focus-visible{outline:2px solid var(--qi388-blue,#1d61d3);outline-offset:2px}
@media(prefers-reduced-motion:reduce){:root[data-area="app"] .qiapps-toggle::after{transition:none}}
/* HF2 short desktop fallback: retain the normal bounded navigation at taller heights. On a short
   window the full sidebar owns scrolling, so fixed quick links cannot squeeze the menu or hide account controls. */
@media(min-width:901px) and (max-height:650px){
 :root[data-area="app"] .app>aside.side{overflow-x:hidden!important;overflow-y:auto!important;scrollbar-width:thin}
 :root[data-area="app"] .app>aside.side>*{flex-shrink:0}
 :root[data-area="app"] .app>aside.side>.navscroll{flex:1 0 auto!important;min-height:96px!important;max-height:none!important;overflow:visible!important}
}

/* TalnexQ Qi Chat v4.18.0 — the docked "Ask Qi" button and panel on portal pages (app/js/qi-chat-dock-v418.js).
   Light and dark follow the portal's html[data-theme]; motion is transform/opacity only and stops for reduced motion. */
.qcd-fab,.qcd-panel{
  --qcd-bg:#ffffff;--qcd-bg-2:#f4f7fb;--qcd-line:#dbe3ee;--qcd-ink:#0f1f33;--qcd-ink-3:#61748d;--qcd-accent:#1757b8;--qcd-cyan:#0a8fc4;--qcd-violet:#6b3fd1;
  --qcd-shadow:0 18px 48px rgba(15,31,51,.18),0 4px 12px rgba(15,31,51,.08);
  font-family:'Archivo',ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
html[data-theme="dark"] .qcd-fab,html[data-theme="dark"] .qcd-panel{
  --qcd-bg:#0e1628;--qcd-bg-2:#070b17;--qcd-line:#22314f;--qcd-ink:#eaf1fb;--qcd-ink-3:#8c9cb5;--qcd-accent:#4b95ff;--qcd-cyan:#43e8ff;--qcd-violet:#9d71ff;
  --qcd-shadow:0 22px 60px rgba(0,0,0,.55),0 0 0 1px rgba(67,232,255,.08);
}
.qcd-fab{position:fixed;right:calc(18px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));z-index:125;display:inline-flex;align-items:center;gap:9px;min-height:46px;padding:0 16px 0 8px;border-radius:999px;border:1px solid var(--qcd-line);background:var(--qcd-bg);color:var(--qcd-ink);box-shadow:var(--qcd-shadow);font-weight:700;font-size:14px;cursor:pointer;transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .2s,opacity .2s}
.qcd-fab:hover{transform:translateY(-2px)}
.qcd-fab:active{transform:scale(.97)}
.qcd-fab:focus-visible{outline:3px solid var(--qcd-accent);outline-offset:3px}
.qcd-fab[hidden]{display:none!important}
.qcd-fab.on{opacity:0;pointer-events:none;transform:scale(.9)}
body:has(.edge-launch) .qcd-fab{bottom:calc(96px + env(safe-area-inset-bottom))}
/* v4.18.0: on phones and tablets the portal shows its bottom tab bar (about 74 px, fixed, max-width 900 px); the button
   sits above it so it never covers "More" or another section, and it shrinks to the orb alone */
@media (max-width:900px){
  body:has(.app .tabbar) .qcd-fab{bottom:calc(88px + env(safe-area-inset-bottom));right:calc(12px + env(safe-area-inset-right));padding:0 6px;min-height:44px;min-width:44px}
  body:has(.app .tabbar) .qcd-fab .qcd-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  :root[data-look=glass] body:has(.app .tabbar) .qcd-fab{bottom:calc(98px + env(safe-area-inset-bottom))}
}
.qcd-orb{position:relative;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(closest-side,rgba(10,143,196,.18),transparent 75%)}
.qcd-orb img{width:21px;height:auto;position:relative;z-index:1;display:block}
.qcd-orb i{position:absolute;inset:0;border-radius:50%;border:1.5px solid transparent;border-top-color:var(--qcd-cyan);border-right-color:var(--qcd-violet);animation:qcd-orbit 6s linear infinite}
@keyframes qcd-orbit{to{transform:rotate(360deg)}}
.qcd-panel{position:fixed;top:12px;right:12px;bottom:12px;width:min(620px,calc(100vw - 24px));z-index:140;display:flex;flex-direction:column;background:var(--qcd-bg-2);border:1px solid var(--qcd-line);border-radius:18px;box-shadow:var(--qcd-shadow);overflow:hidden;transform:translateX(calc(100% + 24px));opacity:0;transition:transform .24s cubic-bezier(.16,1,.3,1),opacity .2s}
.qcd-panel.on{transform:none;opacity:1}
.qcd-panel[hidden]{display:none!important}
.qcd-head{display:flex;align-items:center;gap:6px;padding:8px 8px 8px 14px;border-bottom:1px solid var(--qcd-line);background:var(--qcd-bg);color:var(--qcd-ink);min-height:52px}
.qcd-title{flex:1;min-width:0;display:grid;line-height:1.25}
.qcd-title strong{font-size:14px}
.qcd-title small{font-size:11.5px;color:var(--qcd-ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qcd-btn{width:38px;height:38px;border-radius:10px;border:none;background:none;color:var(--qcd-ink-3);display:inline-grid;place-items:center;cursor:pointer;text-decoration:none;flex:none}
.qcd-btn:hover{background:var(--qcd-bg-2);color:var(--qcd-ink)}
.qcd-full{width:auto;padding:0 10px;font-size:13px;font-weight:650;white-space:nowrap}
.qcd-status{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--qcd-bg);border-bottom:1px solid var(--qcd-line);color:var(--qcd-ink);font-size:13px;line-height:1.5}
.qcd-status[hidden]{display:none}
.qcd-status span{flex:1;min-width:0}
.qcd-retry{min-height:40px;padding:0 14px;border:1px solid var(--qcd-accent);border-radius:10px;background:var(--qcd-bg);color:var(--qcd-accent);font:inherit;font-weight:650;cursor:pointer}
.qcd-retry:focus-visible{outline:3px solid var(--qcd-accent);outline-offset:2px}
.qcd-btn:focus-visible{outline:3px solid var(--qcd-accent);outline-offset:1px}
.qcd-btn svg,.qcd-fab svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.qcd-frame{flex:1;width:100%;border:0;background:var(--qcd-bg-2);display:block;min-height:0}
@media (max-width:640px){
  .qcd-panel{inset:0;width:100%;border-radius:0;border:0;transform:translateY(100%)}
  .qcd-panel.on{transform:none}
  .qcd-fab{min-height:44px;padding:0 14px 0 6px;font-size:13.5px}
  html.qcd-open body{overflow:hidden}
}
@media (prefers-reduced-motion:reduce){.qcd-fab,.qcd-panel,.qcd-orb i{transition:none!important;animation:none!important}}
@media print{.qcd-fab,.qcd-panel{display:none!important}}

/* QI depth and motion: local CSS 3D decoration only. It does not change feature readiness.
   Every continuous animation is controlled by qi-motion-v4183.js and OS reduced motion. */
:root body[data-qi-surface="chat"] .welcome .orb{
 width:132px;height:132px;margin:4px auto 12px;perspective:620px;transform-style:preserve-3d;
}
:root body[data-qi-surface="chat"] .welcome .orb::before{
 inset:15px;border:1px solid rgba(62,127,224,.14);
 background:radial-gradient(circle at 35% 25%,rgba(89,190,255,.2),rgba(30,104,224,.035) 58%,transparent 72%);
 transform:translateZ(-12px);box-shadow:0 15px 30px rgba(28,91,180,.09);
}
:root body[data-qi-surface="chat"] .welcome .orb img{
 width:82px;height:auto;position:relative;transform:translateZ(26px) rotateX(6deg) rotateY(-9deg);
 filter:drop-shadow(0 9px 7px rgba(30,91,180,.19));
 animation:qi-depth-float 6s ease-in-out infinite;animation-play-state:paused;
}
:root body[data-qi-surface="chat"] .welcome .orb .q-orbit{
 inset:-4px;border:2px solid rgba(44,114,224,.62);border-left-color:transparent;
 border-bottom-color:rgba(63,166,245,.2);transform:rotateX(63deg) rotateY(-18deg) rotateZ(0deg);
 animation:qi-depth-orbit-a 9s linear infinite;animation-play-state:paused;
 box-shadow:0 0 0 1px rgba(112,183,255,.06);
}
:root body[data-qi-surface="chat"] .welcome .orb .q-orbit.two{
 inset:-7px;border-color:rgba(46,153,223,.5);border-top-color:transparent;
 border-right-color:rgba(29,97,211,.15);transform:rotateX(-21deg) rotateY(64deg) rotateZ(0deg);
 animation:qi-depth-orbit-b 12s linear infinite;animation-play-state:paused;
}
:root body[data-qi-surface="chat"] .welcome .orb .q-orbit::after{
 width:7px;height:7px;background:#2472dc;box-shadow:0 0 0 3px rgba(36,114,220,.1);
}
:root body[data-qi-surface="chat"] .welcome .orb .q-orbit.two::after{background:#0b9bce}
:root body[data-qi-surface="chat"] .q-mark{perspective:360px;transform-style:preserve-3d}
:root body[data-qi-surface="chat"] .q-mark .q-orbit{
 animation:qi-brand-orbit 12s linear infinite;animation-play-state:paused;
 transform:rotateX(48deg) rotateY(-14deg) rotateZ(0deg);
}
:root[data-qi-motion="running"] body[data-qi-surface="chat"] :is(.welcome .orb img,.welcome .orb .q-orbit,.q-mark .q-orbit){animation-play-state:running}
:root[data-qi-motion]:not([data-qi-motion="running"]) body[data-qi-surface="chat"] :is(.welcome .orb img,.welcome .orb .q-orbit,.q-mark .q-orbit){animation-play-state:paused}
:root[data-qi-motion] body[data-qi-surface="chat"] [data-qi-scene]:not([data-qi-scene="visible"]) :is(img,.q-orbit){animation-play-state:paused}
/* The portal uses the same decorative depth without adding a canvas or animation loop. */
:root[data-qi-motion] .app .qi388-welcome .qi48-welcome-orb{perspective:320px;transform-style:preserve-3d}
:root[data-qi-motion] .app .qi388-welcome .qi48-welcome-orb::after{
 animation:qi-portal-orbit 10s linear infinite;animation-play-state:paused;
 transform:rotateX(42deg) rotateY(-16deg) rotateZ(-27deg);
}
:root[data-qi-motion="running"] .app .qi388-welcome .qi48-welcome-orb::after{animation-play-state:running}
:root[data-qi-motion] .app .qi388-welcome .qi48-welcome-orb[data-qi-scene]:not([data-qi-scene="visible"])::after{animation-play-state:paused}
:root .qi-motion-control{
 display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;
 border:1px solid var(--qi-line-strong,#b9cce6);border-radius:999px;padding:5px 11px;
 background:var(--qi-paper,#fff);color:var(--qi-muted,#48617e);font:600 11px/1.3 var(--qi-font,system-ui,sans-serif);
 cursor:pointer;white-space:nowrap;touch-action:manipulation;
}
.qi-motion-control::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--qi-blue,#1d61d3);flex:none}
.qi-motion-control[aria-pressed="false"]::before{background:transparent;border:1px solid currentColor}
.qi-motion-control:focus-visible{outline:3px solid #4e91e2;outline-offset:3px}
.qi-motion-control:hover:not(:disabled){border-color:var(--qi-blue,#1d61d3);color:var(--qi-blue,#1d61d3)}
.qi-motion-control:disabled{cursor:default;opacity:1}
:root body[data-qi-surface="chat"] .welcome>.qi-motion-control{margin:0 auto 13px}
:root body[data-qi-surface="chat"] .loading{flex-direction:column;text-align:center}
.qiapps-launcher>.qi-motion-control{margin:6px 8px 4px;max-width:calc(100% - 16px)}
html[data-theme="dark"] body[data-qi-surface="chat"] .welcome .orb::before{background:radial-gradient(circle at 35% 25%,rgba(81,180,255,.25),rgba(33,90,177,.07) 60%,transparent 75%);border-color:rgba(122,180,255,.2)}
html[data-theme="dark"] body[data-qi-surface="chat"] .welcome .orb .q-orbit{border-color:rgba(127,181,255,.75);border-left-color:transparent;border-bottom-color:rgba(99,185,255,.2)}
html[data-theme="dark"] body[data-qi-surface="chat"] .welcome .orb .q-orbit.two{border-color:rgba(85,210,245,.6);border-top-color:transparent;border-right-color:rgba(99,185,255,.2)}
@keyframes qi-depth-orbit-a{from{transform:rotateX(63deg) rotateY(-18deg) rotateZ(0deg)}to{transform:rotateX(63deg) rotateY(-18deg) rotateZ(360deg)}}
@keyframes qi-depth-orbit-b{from{transform:rotateX(-21deg) rotateY(64deg) rotateZ(0deg)}to{transform:rotateX(-21deg) rotateY(64deg) rotateZ(-360deg)}}
@keyframes qi-depth-float{0%,100%{transform:translate3d(0,2px,26px) rotateX(6deg) rotateY(-9deg)}50%{transform:translate3d(0,-4px,31px) rotateX(-3deg) rotateY(9deg)}}
@keyframes qi-brand-orbit{from{transform:rotateX(48deg) rotateY(-14deg) rotateZ(0deg)}to{transform:rotateX(48deg) rotateY(-14deg) rotateZ(360deg)}}
@keyframes qi-portal-orbit{from{transform:rotateX(42deg) rotateY(-16deg) rotateZ(-27deg)}to{transform:rotateX(42deg) rotateY(-16deg) rotateZ(333deg)}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 :root[data-qi-motion="running"] body[data-qi-surface="chat"] .suggestion{transition:transform .18s ease,box-shadow .18s ease}
 :root[data-qi-motion="running"] body[data-qi-surface="chat"] .suggestion:hover{transform:perspective(800px) translateY(-2px) rotateX(2deg);box-shadow:0 9px 20px rgba(24,74,144,.1)}
}
@media(max-width:600px){
 :root body[data-qi-surface="chat"] .welcome .orb{width:100px;height:100px;margin-top:0}
 :root body[data-qi-surface="chat"] .welcome .orb img{width:67px}
 :root body[data-qi-surface="chat"] .welcome>.qi-motion-control{min-height:36px;margin-bottom:10px}
}
@media(prefers-reduced-motion:reduce){
 :root body[data-qi-surface="chat"] :is(.welcome .orb img,.welcome .orb .q-orbit,.q-mark .q-orbit),
 :root[data-qi-motion] .app .qi388-welcome .qi48-welcome-orb::after{animation:none!important}
 :root body[data-qi-surface="chat"] .suggestion{transition:none!important}
}

/* Phase1 integration: Executive QI tokens and accessible portal utilities.
   No routing, permission, branding or record state is changed by this stylesheet. */
:root[data-area="app"] .qiapps-launcher{padding:10px 8px;border-top:1px solid var(--qi388-line,#dce5f0);margin-top:8px}
:root[data-area="app"] .qiapps-launcher details.qiapps-group{display:block;font-size:13px;font-weight:500;letter-spacing:normal;text-transform:none;opacity:1;padding:0;margin:3px 0}
:root[data-area="app"] .qiapps-group>summary{padding:8px;border-radius:8px;font-size:12px;font-weight:750;color:var(--qi388-muted,#536a85);cursor:pointer;min-height:34px}
:root[data-area="app"] .qiapps-launcher .qiapps-link{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:8px;min-height:36px;font-size:12px;line-height:1.4}
:root[data-area="app"] .qiapps-launcher span.qiapps-link[aria-disabled="true"]{color:var(--qi388-muted,#536a85);cursor:default}
.qiapps-planned{flex:none;font-size:10px;font-weight:650;border:1px solid currentColor;border-radius:5px;padding:1px 4px;opacity:1}
.qiapps-launcher summary:focus-visible,.qihub-quicklink a:focus-visible{outline:2px solid var(--qi388-blue,#1d61d3);outline-offset:2px}
.qcd-back{position:fixed;inset:0;z-index:2147483100;background:rgba(12,28,50,.35)}
.qi418-dock.qcd-panel{z-index:1;transform:none;opacity:1;width:min(520px,calc(100vw - 32px));top:16px;right:16px;bottom:16px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);border-radius:16px;--qcd-bg:#fff;--qcd-bg-2:#f6f9fe;--qcd-line:#dce5f0;--qcd-ink:#142842;--qcd-ink-3:#536a85;--qcd-accent:#1d61d3}
.qi418-dock .qcd-head{flex:none;min-height:62px;padding:10px 12px;gap:8px}
.qi418-dock .qcd-btn{width:auto;min-width:36px;min-height:36px;padding:6px 8px;font-size:12px;white-space:nowrap;border-radius:9px}
.qi418-dock button.qcd-btn{font-size:23px;font-weight:400}
.qi418-dock .qcd-frame{min-height:0;flex:1;width:100%;border:0;background:var(--qcd-bg-2)}
html[data-theme="dark"] .qi418-dock.qcd-panel{--qcd-bg:#162339;--qcd-bg-2:#101a2b;--qcd-line:#30425d;--qcd-ink:#edf3fc;--qcd-ink-3:#b5c6dd;--qcd-accent:#8db8ff}
.qhl-back .qhl{border-radius:16px;max-height:80vh;max-height:80dvh;box-shadow:0 16px 50px rgba(10,30,55,.18)}
.qhl-back .qhl-kbd{min-height:36px;cursor:pointer;color:var(--qhl-text);font-family:inherit;font-size:12px;font-weight:650;line-height:1.3}
.qhl-back .qhl-in input{border:0!important;box-shadow:none!important;background:transparent!important;min-height:38px}
.qhl-back .qhl-note:empty{display:none}
.qhl-back .qhl-more{padding:6px 0;min-height:30px}
.qhl-back .qhl-opt{min-height:44px;padding:10px 16px}
.la-inline-nudge.la-toast{position:static!important;inset:auto!important;transform:none!important;max-width:none!important;width:auto!important;margin:0 0 18px!important;box-shadow:none!important;z-index:auto!important}
:root[data-area="app"] .la-panel,:root[data-area="app"] .la-sec{border-color:var(--qi388-line,#dce5f0);border-radius:14px}
.la-dlg-wrap .la-dlg{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;border-radius:16px}
/* Standalone Phase1 pages retain their layouts and use the same quiet white/blue surface family. */
:root body[data-qi-phase1]{
 --q-font:var(--qi-font);--q-bg:var(--qi-canvas);--q-bg-2:var(--qi-soft);--q-surface:var(--qi-paper);--q-surface-2:var(--qi-soft);--q-surface-3:var(--qi-soft-blue);
 --q-border:var(--qi-line);--q-border-strong:var(--qi-line-strong);--q-text:var(--qi-ink);--q-text-2:var(--qi-muted);--q-text-3:var(--qi-faint);
 --q-blue:var(--qi-blue);--q-accent:var(--qi-blue);--q-accent-2:var(--qi-blue-hover);--q-accent-ink:var(--qi-blue);--q-accent-soft:var(--qi-soft-blue);
 --q-grad:linear-gradient(135deg,#1d61d3,#347ae5);--q-grad-soft:linear-gradient(135deg,var(--qi-soft-blue),var(--qi-soft));
 --q-r:10px;--q-r-lg:14px;--q-r-xl:18px;--q-shadow-1:0 1px 3px rgba(28,65,114,.04);--q-shadow-2:var(--qi-shadow);--q-shadow-3:0 16px 44px rgba(28,65,114,.12);
 --q-cyan:var(--qi-blue);--q-violet:var(--qi-blue);--q-text-inv:#fff;--q-fs:15px;
}
:root body[data-qi-phase1]:not([data-qi-surface="chat"]) :is(.q-orbit,.q-glow,.brand-orbit,.qcd-orb i){animation:none;box-shadow:none}
@media(prefers-reduced-motion:reduce){:root body[data-qi-phase1] :is(.q-orbit,.q-glow,.brand-orbit,.qcd-orb i){animation:none!important}}
:root body[data-qi-phase1] :is(.q-btn-primary,.q-btn.primary){background:#1d61d3;color:#fff;border-color:#1d61d3}
:root body[data-qi-phase1] :is(.q-card,.q-panel){border-color:var(--qi-line);box-shadow:var(--qi-shadow)}
:root body[data-qi-phase1] .q-hero{background:var(--qi-paper);border-color:var(--qi-line);box-shadow:var(--qi-shadow)}
:root body[data-qi-phase1] [hidden]{display:none!important}
@media (prefers-color-scheme:dark){html:not([data-theme]) body[data-qi-phase1]{--qi-canvas:#101a2b;--qi-paper:#162339;--qi-soft:#1c2b44;--qi-soft-blue:#203754;--qi-ink:#edf3fc;--qi-muted:#b5c6dd;--qi-faint:#98acc7;--qi-line:#30425d;--qi-line-strong:#4c6382;--qi-blue:#8db8ff;--qi-blue-hover:#aecbff;--qi-shadow:0 8px 28px rgba(0,0,0,.16);color-scheme:dark}}
@media(max-width:600px){.qi418-dock.qcd-panel{inset:0;width:100%;max-height:100vh;max-height:100dvh;border-radius:0;border:0}.qi418-dock .qcd-head{padding-top:max(10px,env(safe-area-inset-top))}.qi418-dock .qcd-title small{max-width:42vw}.qi418-dock .qcd-btn{white-space:normal;font-size:11px;max-width:90px}.qhl-back .qhl{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}.qhl-back .qhl-foot{gap:5px 10px}.qhl-back .qhl-foot .qhl-more{display:block;width:100%;margin:0}.la-dlg-wrap .la-dlg{width:100%}}
@media(prefers-reduced-motion:reduce){.qi418-dock,.qcd-back,.qhl-back,.qhl-back .qhl{animation:none!important;transition:none!important}}

/* TALNEXQ r3.8.13: honor the existing Appearance choices after the shared
   r3.8.8 presentation layer. Only colors, surfaces and optional depth change;
   navigation, content dimensions and the clean default remain authoritative. */
:root[data-area="app"][data-look="aurorapro"]:not([data-theme="dark"]){
  --qi388-canvas:#eef3ff;--qi388-surface:#fff;--qi388-soft:#f3f6ff;--qi388-hover:#e6efff;
  --qi388-ink:#192c50;--qi388-secondary:#405778;--qi388-muted:#536584;
  --qi388-edge:#d2def2;--qi388-edge-strong:#a9bfe0;--qi388-blue:#2452b8;--qi388-blue-hover:#193e91;
  --qi388-blue-soft:#e5edff;--qi388-blue-edge:#b1c6f1;--qi388-on-blue:#fff;
  --qi388-shadow:inset 0 1px 0 #fff,0 3px 5px #25478508,0 14px 34px #25478512;
  --tnx-look-canvas-paint:radial-gradient(ellipse at 85% 0%,#bdd8ff66,transparent 45%),radial-gradient(ellipse at 8% 55%,#d8ccff4d,transparent 48%),var(--qi388-canvas);
  --tnx-look-sidebar-paint:linear-gradient(160deg,#fff,#f4f7ff);
}
:root[data-area="app"][data-look="glass"]:not([data-theme="dark"]){
  --qi388-canvas:#f2f0fb;--qi388-surface:#fffffff0;--qi388-soft:#f6f3ff;--qi388-hover:#eee8fc;
  --qi388-ink:#30234c;--qi388-secondary:#53476a;--qi388-muted:#665779;
  --qi388-edge:#ddd4ed;--qi388-edge-strong:#b9a9d4;--qi388-blue:#6040b7;--qi388-blue-hover:#4d2e9e;
  --qi388-blue-soft:#eee7fc;--qi388-blue-edge:#c9b5ee;--qi388-on-blue:#fff;
  --qi388-shadow:inset 0 1px 0 #fff,0 10px 30px #59428c12;
  --tnx-look-canvas-paint:radial-gradient(ellipse at 80% 5%,#d6c7f780,transparent 50%),radial-gradient(ellipse at 12% 70%,#c5e2ef70,transparent 48%),var(--qi388-canvas);
  --tnx-look-sidebar-paint:linear-gradient(165deg,#fffffff5,#eeebf9ed);
}
:root[data-area="app"][data-look="studio"]:not([data-theme="dark"]){
  --qi388-canvas:#f0f6f6;--qi388-surface:#fff;--qi388-soft:#edf5f4;--qi388-hover:#e1efed;
  --qi388-ink:#18343d;--qi388-secondary:#3c5d62;--qi388-muted:#516c72;
  --qi388-edge:#d0e1df;--qi388-edge-strong:#9dbfbb;--qi388-blue:#08756d;--qi388-blue-hover:#075f59;
  --qi388-blue-soft:#dff2ee;--qi388-blue-edge:#9ecec4;--qi388-on-blue:#fff;
  --qi388-shadow:0 3px 16px #1f5a500a;
  --tnx-look-canvas-paint:var(--qi388-canvas);--tnx-look-sidebar-paint:#f8fbfb;
}
:root[data-area="app"][data-look="atlas"]:not([data-theme="dark"]){
  --qi388-canvas:#eff1fa;--qi388-surface:#fff;--qi388-soft:#f0f2fc;--qi388-hover:#e6e9fa;
  --qi388-ink:#242c4c;--qi388-secondary:#465071;--qi388-muted:#5a6480;
  --qi388-edge:#d3d8ed;--qi388-edge-strong:#adb6d9;--qi388-blue:#434bb8;--qi388-blue-hover:#333b96;
  --qi388-blue-soft:#e8eaff;--qi388-blue-edge:#b8bfee;--qi388-on-blue:#fff;
  --qi388-shadow:0 3px 5px #293b7205,0 9px 22px #293b720d;
  --tnx-look-canvas-paint:var(--qi388-canvas);--tnx-look-sidebar-paint:#f8f9ff;
}
:root[data-area="app"][data-look="classic"]:not([data-theme="dark"]){
  --qi388-canvas:#f3f4f5;--qi388-surface:#fff;--qi388-soft:#eef1f3;--qi388-hover:#e3e9ed;
  --qi388-ink:#1f2937;--qi388-secondary:#465360;--qi388-muted:#586572;
  --qi388-edge:#d6dde2;--qi388-edge-strong:#a8b5bf;--qi388-blue:#0e6472;--qi388-blue-hover:#0a505c;
  --qi388-blue-soft:#e1f0f3;--qi388-blue-edge:#a0c9cf;--qi388-on-blue:#fff;
  --qi388-shadow:none;--qi388-radius:8px;--qi388-radius-lg:10px;
  --tnx-look-canvas-paint:var(--qi388-canvas);--tnx-look-sidebar-paint:#fff;
}
/* Dark mode is a separate palette, including Auto when the device is dark. */
:root[data-area="app"][data-theme="dark"][data-look="aurorapro"]{
  --qi388-canvas:#101b33;--qi388-surface:#172741;--qi388-soft:#1d3150;--qi388-hover:#273f60;
  --qi388-blue:#aacaff;--qi388-blue-hover:#d1e1ff;--qi388-blue-soft:#243e68;--qi388-blue-edge:#4e73a8;--qi388-on-blue:#10233f;
  --qi388-shadow:inset 0 1px 0 #c5dcff12,0 10px 34px #0003;
  --tnx-look-canvas-paint:radial-gradient(ellipse at 85% 0%,#345b9840,transparent 50%),var(--qi388-canvas);
  --tnx-look-sidebar-paint:linear-gradient(160deg,#192b49,#142039);
}
:root[data-area="app"][data-theme="dark"][data-look="glass"]{
  --qi388-canvas:#1a152b;--qi388-surface:#261f3d;--qi388-soft:#302748;--qi388-hover:#3c3158;
  --qi388-blue:#d1bbff;--qi388-blue-hover:#e7d9ff;--qi388-blue-soft:#3d305d;--qi388-blue-edge:#786291;--qi388-on-blue:#271d3d;
  --qi388-edge:#493c61;--qi388-edge-strong:#716183;
  --tnx-look-canvas-paint:radial-gradient(ellipse at 85% 0%,#64508033,transparent 50%),var(--qi388-canvas);
  --tnx-look-sidebar-paint:linear-gradient(165deg,#2b2241,#211a34);
}
:root[data-area="app"][data-theme="dark"][data-look="studio"]{
  --qi388-canvas:#0f2025;--qi388-surface:#173038;--qi388-soft:#1d3a43;--qi388-hover:#294851;
  --qi388-blue:#90dfd0;--qi388-blue-hover:#b9f1e7;--qi388-blue-soft:#234b4d;--qi388-blue-edge:#4d7f7a;--qi388-on-blue:#102d2d;
  --qi388-edge:#30535a;--qi388-edge-strong:#4a7379;
  --tnx-look-canvas-paint:var(--qi388-canvas);--tnx-look-sidebar-paint:#12282e;
}
:root[data-area="app"][data-theme="dark"][data-look="atlas"]{
  --qi388-canvas:#171b33;--qi388-surface:#202742;--qi388-soft:#2a3352;--qi388-hover:#364162;
  --qi388-blue:#bec5ff;--qi388-blue-hover:#e0e3ff;--qi388-blue-soft:#343e6a;--qi388-blue-edge:#6475ad;--qi388-on-blue:#222a4a;
  --qi388-edge:#3c4869;--qi388-edge-strong:#5e6d92;
  --tnx-look-canvas-paint:var(--qi388-canvas);--tnx-look-sidebar-paint:#1b213b;
}
:root[data-area="app"][data-theme="dark"][data-look="classic"]{
  --qi388-canvas:#171c21;--qi388-surface:#222b33;--qi388-soft:#2b3640;--qi388-hover:#35424e;
  --qi388-edge:#3e4c59;--qi388-edge-strong:#5d6d7c;--qi388-blue:#99d6e4;--qi388-blue-hover:#c2e8f1;
  --qi388-blue-soft:#28434d;--qi388-blue-edge:#4d7b88;--qi388-on-blue:#16333d;
  --qi388-shadow:none;--qi388-radius:8px;--qi388-radius-lg:10px;
  --tnx-look-canvas-paint:var(--qi388-canvas);--tnx-look-sidebar-paint:#1d252c;
}
/* The shared qi48 layer marks its legacy token aliases and paints important.
   Reopen that same layer: unlayered important declarations cannot override it.
   Bridge only the five explicit variants; the clean default and feature-specific
   dark islands retain their existing palettes. */
@layer qi48 {
:root[data-area="app"]:is([data-look="glass"],[data-look="aurorapro"],[data-look="studio"],[data-look="atlas"],[data-look="classic"]),
:root[data-area="app"]:is([data-look="glass"],[data-look="aurorapro"],[data-look="studio"],[data-look="atlas"],[data-look="classic"]) :is(.app,.app>.side,.app .content,.modal,.lookpop,.phonepanel,.rc-center){
  --paper:var(--qi388-canvas)!important;--surface:var(--qi388-surface)!important;--surface-2:var(--qi388-soft)!important;
  --ink:var(--qi388-ink)!important;--ink-2:var(--qi388-secondary)!important;--ink-3:var(--qi388-muted)!important;
  --line:var(--qi388-edge)!important;--line-2:var(--qi388-edge-strong)!important;
  --accent:var(--qi388-blue)!important;--accent-soft:var(--qi388-blue-soft)!important;
  --btn:var(--qi388-blue)!important;--btn-hover:var(--qi388-blue-hover)!important;--btn-ink:var(--qi388-on-blue)!important;
  --focus:var(--qi388-blue)!important;--radius:var(--qi388-radius)!important;--radius-sm:var(--qi388-radius-sm)!important;--se-radius:var(--qi388-radius)!important;
  --shadow:var(--qi388-shadow)!important;--shadow-pop:var(--qi388-shadow-dialog)!important;
}
/* Later shared rules intentionally own the structure; variants own its paint. */
:root[data-area="app"]:is([data-look="glass"],[data-look="aurorapro"],[data-look="studio"],[data-look="atlas"],[data-look="classic"]) .app>.side{
  background:var(--tnx-look-sidebar-paint)!important;border-color:var(--qi388-edge)!important;
}
:root[data-area="app"]:is([data-look="glass"],[data-look="aurorapro"],[data-look="studio"],[data-look="atlas"],[data-look="classic"]) .app .content{
  background:var(--tnx-look-canvas-paint)!important;
}
:root[data-area="app"]:is([data-look="glass"],[data-look="aurorapro"],[data-look="studio"],[data-look="atlas"],[data-look="classic"]) .app .ptop{
  background:var(--qi388-surface)!important;
}
:root[data-area="app"]:is([data-look="glass"],[data-look="aurorapro"],[data-look="studio"],[data-look="atlas"],[data-look="classic"]) .app :is(.tnx4172-hero,.tnx360-hero,.tnx4172-app-card,.tnx360-card,.tnx360-spotlight-grid>a,.panel,.card){
  background:var(--qi388-surface)!important;border-color:var(--qi388-edge)!important;box-shadow:var(--qi388-shadow)!important;
}
:root[data-area="app"][data-look="aurorapro"] .app :is(.tnx4172-hero,.tnx360-hero){
  background:linear-gradient(130deg,var(--qi388-surface),var(--qi388-blue-soft))!important;
  box-shadow:inset 0 1px 0 #ffffff80,0 18px 42px #24468219!important;
}
:root[data-area="app"][data-look="glass"] .app :is(.tnx4172-hero,.tnx360-hero){
  background:linear-gradient(130deg,var(--qi388-surface),var(--qi388-blue-soft))!important;
}
/* Selected controls stay visibly identifiable after the global button polish. */
:root[data-area="app"][data-look] .lookpop [role="radio"][aria-checked="true"]{
  border:1px solid var(--qi388-blue)!important;background:var(--qi388-blue-soft)!important;color:var(--qi388-ink)!important;
  box-shadow:inset 0 0 0 1px var(--qi388-blue)!important;
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  :root[data-area="app"][data-look="aurorapro"] .app :is(.tnx4172-app-card,.tnx360-spotlight-grid>a){
    transition:transform .16s ease,box-shadow .16s ease!important;
  }
  :root[data-area="app"][data-look="aurorapro"] .app :is(.tnx4172-app-card,.tnx360-spotlight-grid>a):hover{
    transform:perspective(1100px) translateY(-3px) rotateX(1deg)!important;box-shadow:0 18px 34px #24468226!important;
  }
}
@media(prefers-reduced-motion:reduce){
  :root[data-area="app"][data-look="aurorapro"] .app :is(.tnx4172-app-card,.tnx360-spotlight-grid>a){transform:none!important;transition:none!important}
}
@media(forced-colors:active){
  :root[data-area="app"][data-look] .lookpop [role="radio"][aria-checked="true"]{border:2px solid Highlight!important;box-shadow:none!important}
}

} /* @layer qi48 */

/* TALNEXQ ATS UI QA r3.8.14
   The ATS page has five summary metrics. Keep that summary in one row when the
   content area is wide enough, rather than letting auto-fit leave one orphan.
   Scope to ATSPage's direct summary so other KitStats consumers stay unchanged.
   Grid declarations retain !important to outrank legacy shared KPI rules. */
:root[data-area="app"] .app #portal-content .ats>.kpis{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:stretch;
  gap:12px;
  min-width:0;
}
:root[data-area="app"] .app #portal-content .ats>.kpis>a{
  min-width:0;
}
:root[data-area="app"] .app #portal-content .ats>.kpis>a>span{
  overflow-wrap:anywhere;
}
/* Viewport fallback for browsers without container queries. */
@media(max-width:1150px){
  :root[data-area="app"] .app #portal-content .ats>.kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  :root[data-area="app"] .app #portal-content .ats>.kpis>a:last-child:nth-child(odd){grid-column:1/-1}
}
@media(max-width:620px){
  :root[data-area="app"] .app #portal-content .ats>.kpis{grid-template-columns:minmax(0,1fr)!important}
}
/* The sidebar and focus mode change usable width independently of the viewport.
   Read the ATS content width so all supported layouts use the same thresholds. */
@supports(container-type:inline-size){
  :root[data-area="app"] .app #portal-content .ats{
    container-type:inline-size;
    container-name:tnx-ats-summary;
    min-width:0;
  }
  @container tnx-ats-summary (min-width:800px){
    :root[data-area="app"] .app #portal-content .ats>.kpis{grid-template-columns:repeat(5,minmax(0,1fr))!important}
    :root[data-area="app"] .app #portal-content .ats>.kpis>a:last-child:nth-child(odd){grid-column:auto}
  }
  @container tnx-ats-summary (max-width:799.98px) and (min-width:421px){
    :root[data-area="app"] .app #portal-content .ats>.kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    :root[data-area="app"] .app #portal-content .ats>.kpis>a:last-child:nth-child(odd){grid-column:1/-1}
  }
  @container tnx-ats-summary (max-width:420.98px){
    :root[data-area="app"] .app #portal-content .ats>.kpis{grid-template-columns:minmax(0,1fr)!important}
    :root[data-area="app"] .app #portal-content .ats>.kpis>a:last-child:nth-child(odd){grid-column:auto}
  }
}

/* TALNEXQ main Admin r3.8.18. Presentation only; existing routes and grants remain authoritative.
   The original orbital-Q image is used without recolouring or replacing the artwork. */
:root[data-area="app"] .app[data-main-admin] .tnx4172-launcher {
  --tnx4188-surface:var(--qi388-surface,#fff);
  --tnx4188-soft:var(--qi388-soft,#f5f9ff);
  --tnx4188-ink:var(--qi388-ink,#172d4b);
  --tnx4188-muted:var(--qi388-muted,#536981);
  --tnx4188-line:var(--qi388-edge,#dce5f0);
  --tnx4188-blue:var(--qi388-blue,#165bc5);
  --tnx4188-blue-soft:var(--qi388-blue-soft,#eaf2ff);
  --tnx4188-on-blue:var(--qi388-on-blue,#fff);
  --tnx4188-depth:0 2px 5px #133c7004,0 12px 30px #133c7008;
  gap:24px;
  min-width:0;
  color:var(--tnx4188-ink);
}
:root[data-area="app"] .app[data-main-admin] .tnx4172-launcher *,
:root[data-area="app"] .app[data-main-admin] .tnx4172-launcher *::before,
:root[data-area="app"] .app[data-main-admin] .tnx4172-launcher *::after {box-sizing:border-box}
:root[data-area="app"] .app[data-main-admin] .tnx4172-launcher .tnx4172-hero {
  display:flex;align-items:center;gap:24px;min-width:0;
  border-radius:24px;border-color:var(--qi388-blue-edge,#bdd4f3);
}
:root[data-area="app"] .app[data-main-admin] .tnx4172-hero::after {display:none}
:root[data-area="app"] .app[data-main-admin] .tnx4188-hero {
  display:flex;align-items:center;justify-content:space-between;gap:30px;width:100%;min-width:0;
}
:root[data-area="app"] .app[data-main-admin] .tnx4188-hero-copy {flex:1;min-width:0;max-width:760px}
:root[data-area="app"] .app[data-main-admin] .tnx4172-hero .tnx4172-eyebrow {
  color:var(--tnx4188-blue);font-size:11px;font-weight:800;letter-spacing:.14em;line-height:1.6;
}
:root[data-area="app"] .app[data-main-admin] .tnx4172-hero h2 {
  max-width:680px;font-size:clamp(28px,3vw,42px);font-weight:750;line-height:1.15;
  letter-spacing:-.045em;margin:9px 0 14px;overflow-wrap:anywhere;
}
:root[data-area="app"] .app[data-main-admin] .tnx4172-hero p {max-width:64ch;font-size:14px;line-height:1.7}
:root[data-area="app"] .app[data-main-admin] .tnx4188-orbit {
  display:block;flex:0 1 168px;width:168px;max-width:25%;height:auto;object-fit:contain;
  filter:drop-shadow(0 14px 18px #2368b42b);pointer-events:none;
}
:root[data-area="app"] .app[data-main-admin] .tnx4188-hero-actions {
  display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;
}
:root[data-area="app"] .app[data-main-admin] .tnx4188-hero-actions .btn {
  min-height:44px;padding:11px 17px;border-radius:11px;font-weight:700;font-size:12.5px;
  white-space:normal;text-align:center;
}
:root[data-area="app"] .app[data-main-admin] .tnx4188-hero-actions .btn:not(.ghost):not(.soft) {
  box-shadow:0 3px 0 #0b408b,0 8px 16px #1757b820;
}
/* A small overview row leads into complete, permission-filtered module groups. */
:root[data-area="app"] .app[data-main-admin] .tnx4188-stats {
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;min-width:0;
}
:root[data-area="app"] .app[data-main-admin] .tnx4188-stats>a {
  min-width:0;display:flex;flex-direction:column;gap:5px;align-items:flex-start;justify-content:center;
  border:1px solid var(--tnx4188-line);border-radius:16px;padding:19px 21px;
  background:var(--tnx4188-surface);box-shadow:var(--tnx4188-depth);color:var(--tnx4188-ink);text-decoration:none;
}
:root[data-area="app"] .app[data-main-admin] .tnx4188-stats strong {
  font-size:clamp(25px,2.3vw,32px);line-height:1.2;font-weight:750;letter-spacing:-.035em;font-variant-numeric:tabular-nums;
}
:root[data-area="app"] .app[data-main-admin] .tnx4188-stats span {color:var(--tnx4188-muted);font-size:12px;line-height:1.5;overflow-wrap:anywhere}
:root[data-area="app"] .app[data-main-admin] .tnx4188-section {display:grid;gap:15px;min-width:0}
:root[data-area="app"] .app[data-main-admin] .tnx4188-section>h3 {margin:0;font-size:20px;line-height:1.35}
:root[data-area="app"] .app[data-main-admin] .tnx4188-section>p {margin:0;color:var(--tnx4188-muted);font-size:13px;line-height:1.65}
:root[data-area="app"] .app[data-main-admin] .tnx4172-browser {gap:18px}
:root[data-area="app"] .app[data-main-admin] .tnx4172-section-title h3 {font-size:21px;line-height:1.35}
:root[data-area="app"] .app[data-main-admin] .tnx4172-toolbar {align-items:flex-end;gap:18px}
:root[data-area="app"] .app[data-main-admin] .tnx4172-search {min-width:0;flex:0 1 355px;min-height:46px;border-radius:12px}
:root[data-area="app"] .app[data-main-admin] .tnx4172-search input {min-height:44px}
:root[data-area="app"] .app[data-main-admin] .tnx4172-modes {gap:6px;padding-bottom:12px}
:root[data-area="app"] .app[data-main-admin] .tnx4172-modes button {min-height:44px;padding:10px 14px}
:root[data-area="app"] .app[data-main-admin] .tnx4172-app-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch;
}
:root[data-area="app"] .app[data-main-admin] .tnx4172-app-card {
  display:flex;align-items:stretch;gap:15px;padding:22px 20px;min-width:0;min-height:225px;
  border-radius:18px;border-color:var(--tnx4188-line);box-shadow:var(--tnx4188-depth);
}
:root[data-area="app"] .app[data-main-admin] .tnx4172-app-icon {
  flex:0 0 46px;width:46px;height:46px;border-radius:14px;
  box-shadow:inset 0 2px 0 #ffffffb3,0 4px 9px #165bc510;
}
:root[data-area="app"] .app[data-main-admin] .tnx4172-app-icon svg {width:23px;height:23px;stroke-width:1.75}
:root[data-area="app"] .app[data-main-admin] .tnx4172-app-content {
  display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;
}
:root[data-area="app"] .app[data-main-admin] .tnx4172-app-content>small {
  color:var(--tnx4188-muted);font-size:10px;line-height:1.4;letter-spacing:.1em;
}
:root[data-area="app"] .app[data-main-admin] .tnx4172-app-content>strong {font-size:17px;line-height:1.35;letter-spacing:-.02em}
:root[data-area="app"] .app[data-main-admin] .tnx4172-app-desc {flex:1;min-height:0;font-size:12px;line-height:1.65}
:root[data-area="app"] .app[data-main-admin] .tnx4188-open {
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;max-width:100%;
  padding:9px 12px;margin-top:6px;border:1px solid transparent;border-radius:10px;
  background:var(--tnx4188-blue);color:var(--tnx4188-on-blue);font-size:11.5px;font-weight:750;
  line-height:1.5;text-align:center;font-style:normal;overflow-wrap:anywhere;
}
:root[data-area="app"] .app[data-main-admin] .tnx4172-tool {min-height:77px;border-radius:13px}
:root[data-area="app"] .app[data-main-admin] .tnx4172-tool-link {padding:15px 13px}
:root[data-area="app"] .app[data-main-admin] .tnx4172-pin {flex-basis:40px;width:40px;height:40px;margin-right:10px}
:root[data-area="app"] .app[data-main-admin] .tnx4172-pin svg {width:17px;height:17px}
:root[data-area="app"] .app[data-main-admin] .tnx4172-shortcut-grid>a {min-height:48px;border-radius:12px}
/* Workflows remain simple links into the established operational pages. */
:root[data-area="app"] .app[data-main-admin] .tnx4188-workflows {
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;min-width:0;
}
:root[data-area="app"] .app[data-main-admin] .tnx4188-workflows article {
  min-width:0;display:flex;flex-direction:column;gap:10px;padding:22px;
  border:1px solid var(--tnx4188-line);border-top:3px solid var(--qi388-blue-edge,#bdd4f3);
  border-radius:16px;background:var(--tnx4188-surface);box-shadow:var(--tnx4188-depth);
}
:root[data-area="app"] .app[data-main-admin] .tnx4188-workflows h3 {font-size:16px;line-height:1.4;margin:0}
:root[data-area="app"] .app[data-main-admin] .tnx4188-workflows p {font-size:12px;color:var(--tnx4188-muted);line-height:1.65;margin:0 0 2px}
:root[data-area="app"] .app[data-main-admin] .tnx4188-workflows ol {display:grid;gap:6px;margin:0;padding-inline-start:22px}
:root[data-area="app"] .app[data-main-admin] .tnx4188-workflows li {padding-inline-start:2px;color:var(--tnx4188-blue)}
:root[data-area="app"] .app[data-main-admin] .tnx4188-workflows li::marker {font-weight:750;font-size:12px}
:root[data-area="app"] .app[data-main-admin] .tnx4188-workflows li>a {
  display:flex;align-items:center;min-height:42px;padding:8px 10px;border-radius:9px;
  color:var(--tnx4188-blue);background:var(--tnx4188-blue-soft);font-size:12px;font-weight:650;text-decoration:none;overflow-wrap:anywhere;
}
:root[data-area="app"] .app[data-main-admin] .tnx4188-role-links {
  display:flex;flex-wrap:wrap;gap:9px;align-items:center;min-width:0;
}
:root[data-area="app"] .app[data-main-admin] .tnx4188-role-links>a {
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 15px;
  border:1px solid var(--tnx4188-line);border-radius:11px;background:var(--tnx4188-surface);
  color:var(--tnx4188-blue);font-weight:700;font-size:12px;text-decoration:none;line-height:1.5;
}
:root[data-area="app"] .app[data-main-admin] .tnx4188-role-links>a[aria-current] {
  border-color:var(--tnx4188-blue);background:var(--tnx4188-blue-soft);
}
:root[data-area="app"] .app[data-main-admin] .tnx4172-note {align-items:flex-start;font-size:11.5px;line-height:1.65}
:root[data-area="app"] .app[data-main-admin] .tnx4172-note svg {margin-top:2px}
:root[data-area="app"] .app[data-main-admin] .tnx4172-launcher :is(a,button,summary,input):focus-visible {
  outline:3px solid var(--tnx4188-blue);outline-offset:3px;
}
:root[data-area="app"] .app[data-main-admin] .tnx4172-launcher :is(.tnx4188-stats>a,.tnx4188-role-links>a,.tnx4188-workflows li>a):hover {
  border-color:var(--qi388-blue-edge,#bdd4f3);box-shadow:0 4px 14px #1958a018;
}
/* Reopen the established layer so its important legacy surface paint cannot hide the hero depth. */
@layer qi48 {
  :root[data-area="app"] .app[data-main-admin] .tnx4172-launcher .tnx4172-hero {
    background:linear-gradient(115deg,var(--qi388-surface,#fff) 35%,var(--qi388-blue-soft,#eaf2ff))!important;
    box-shadow:inset 0 1px 0 #ffffff80,0 14px 34px #194a8610!important;
    padding:30px!important;
  }
}
:root[data-area="app"][data-theme="dark"] .app[data-main-admin] .tnx4172-launcher {
  --tnx4188-depth:inset 0 1px 0 #d0e1ff08,0 10px 25px #020a171c;
}
:root[data-area="app"][data-theme="dark"] .app[data-main-admin] .tnx4188-hero-actions .btn:not(.ghost):not(.soft) {box-shadow:0 3px 0 #456992,0 8px 16px #0002}
:root[data-area="app"][data-theme="dark"] .app[data-main-admin] .tnx4172-app-icon {box-shadow:inset 0 1px 0 #dceaff1a,0 4px 9px #0002}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  :root[data-area="app"] .app[data-main-admin] .tnx4172-app-card {transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease}
  :root[data-area="app"] .app[data-main-admin] .tnx4172-app-card:hover {transform:translateY(-3px);box-shadow:0 14px 28px #16529b18;border-color:var(--qi388-blue-edge,#bdd4f3)}
}
@media(max-width:1250px) {
  :root[data-area="app"] .app[data-main-admin] .tnx4172-app-grid,
  :root[data-area="app"] .app[data-main-admin] .tnx4188-workflows {grid-template-columns:repeat(2,minmax(0,1fr))}
  :root[data-area="app"] .app[data-main-admin] .tnx4188-orbit {width:136px;flex-basis:136px}
}
@media(max-width:850px) {
  :root[data-area="app"] .app[data-main-admin] .tnx4188-hero {gap:18px}
  :root[data-area="app"] .app[data-main-admin] .tnx4188-orbit {width:110px;flex-basis:110px;max-width:23%}
  :root[data-area="app"] .app[data-main-admin] .tnx4188-workflows {grid-template-columns:1fr}
  :root[data-area="app"] .app[data-main-admin] .tnx4172-app-card {padding:18px 16px;gap:12px}
}
@media(max-width:750px) {
  :root[data-area="app"] .app[data-main-admin] .tnx4172-launcher {gap:20px}
  :root[data-area="app"] .app[data-main-admin] .tnx4172-toolbar {flex-direction:column;align-items:stretch}
  :root[data-area="app"] .app[data-main-admin] .tnx4172-search {flex:none;width:100%;max-width:none}
  :root[data-area="app"] .app[data-main-admin] .tnx4188-stats {gap:10px}
  :root[data-area="app"] .app[data-main-admin] .tnx4188-stats>a {padding:15px 13px}
  :root[data-area="app"] .app[data-main-admin] .tnx4188-stats span {font-size:11px}
  :root[data-area="app"] .app[data-main-admin] .tnx4172-hero h2 {font-size:29px}
  :root[data-area="app"] .app[data-main-admin] .tnx4172-hero p {font-size:13px}
  @layer qi48 {
    :root[data-area="app"] .app[data-main-admin] .tnx4172-launcher .tnx4172-hero {padding:23px!important}
  }
}
@media(max-width:560px) {
  :root[data-area="app"] .app[data-main-admin] .tnx4172-app-grid,
  :root[data-area="app"] .app[data-main-admin] .tnx4172-tools {grid-template-columns:1fr}
  :root[data-area="app"] .app[data-main-admin] .tnx4188-hero {align-items:flex-start;gap:10px}
  :root[data-area="app"] .app[data-main-admin] .tnx4188-orbit {width:64px;flex-basis:64px;max-width:20%;margin-top:25px}
  :root[data-area="app"] .app[data-main-admin] .tnx4172-hero h2 {font-size:27px;line-height:1.2}
  :root[data-area="app"] .app[data-main-admin] .tnx4172-hero .tnx4172-eyebrow {font-size:10px;letter-spacing:.09em}
  :root[data-area="app"] .app[data-main-admin] .tnx4188-hero-actions {margin-top:17px;gap:8px}
  :root[data-area="app"] .app[data-main-admin] .tnx4188-hero-actions .btn {width:100%;padding:10px 12px;font-size:12px}
  :root[data-area="app"] .app[data-main-admin] .tnx4188-stats {grid-template-columns:1fr}
  :root[data-area="app"] .app[data-main-admin] .tnx4188-stats>a {flex-direction:row;justify-content:space-between;align-items:center;gap:15px;padding:14px 17px}
  :root[data-area="app"] .app[data-main-admin] .tnx4188-stats strong {font-size:26px}
  :root[data-area="app"] .app[data-main-admin] .tnx4188-stats span {font-size:12px}
  :root[data-area="app"] .app[data-main-admin] .tnx4172-app-card {min-height:205px;padding:20px 17px}
  :root[data-area="app"] .app[data-main-admin] .tnx4172-app-content>strong {font-size:16px}
  :root[data-area="app"] .app[data-main-admin] .tnx4188-role-links {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  :root[data-area="app"] .app[data-main-admin] .tnx4188-role-links>a {padding:10px;font-size:11.5px;min-width:0;overflow-wrap:anywhere}
  :root[data-area="app"] .app[data-main-admin] .tnx4188-workflows article {padding:19px 17px}
  :root[data-area="app"] .app[data-main-admin] .tnx4172-section-title {align-items:flex-start}
  :root[data-area="app"] .app[data-main-admin] .tnx4172-section-title small {text-align:left}
  @layer qi48 {
    :root[data-area="app"] .app[data-main-admin] .tnx4172-launcher .tnx4172-hero {padding:20px 17px!important;border-radius:19px}
  }
}
@media(max-width:360px) {
  :root[data-area="app"] .app[data-main-admin] .tnx4188-orbit {display:none}
  :root[data-area="app"] .app[data-main-admin] .tnx4172-modes {gap:2px}
  :root[data-area="app"] .app[data-main-admin] .tnx4172-modes button {padding:10px 9px;font-size:12px;gap:5px}
}
@media(prefers-reduced-motion:reduce) {
  :root[data-area="app"] .app[data-main-admin] .tnx4172-launcher *,
  :root[data-area="app"] .app[data-main-admin] .tnx4172-launcher *::before,
  :root[data-area="app"] .app[data-main-admin] .tnx4172-launcher *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
  :root[data-area="app"] .app[data-main-admin] .tnx4172-app-card:hover {transform:none!important}
}
@media(forced-colors:active) {
  :root[data-area="app"] .app[data-main-admin] .tnx4172-launcher :is(a,button,article) {border-color:ButtonText;box-shadow:none!important}
  :root[data-area="app"] .app[data-main-admin] .tnx4188-open {border-color:LinkText;background:Canvas;color:LinkText}
  :root[data-area="app"] .app[data-main-admin] .tnx4172-launcher :is(a,button,summary,input):focus-visible {outline-color:Highlight}
}

/* TALNEXQ build4203: grouped workspace navigation. Presentation only. */
:root[data-area="app"] :is(.app,.modal) .side :is(.tnx4203-nav,.tnx4203-menu-groups) {
  min-width:0;
  width:100%;
  color:var(--qi388-ink,var(--ink,#172d4b));
}
:root[data-area="app"] :is(.app,.modal) .side .tnx4203-nav-section {
  margin:0;
  min-width:0;
}
:root[data-area="app"] :is(.app,.modal) .side .tnx4203-nav-section>h2.grp {
  display:block;
  margin:20px 12px 7px;
  padding:0;
  color:var(--qi388-muted,var(--ink-2,#536981));
  font-size:10px;
  line-height:1.6;
  font-weight:750;
  letter-spacing:.1em;
  text-transform:uppercase;
}
:root[data-area="app"] :is(.app,.modal) .side .tnx4203-nav nav {
  display:flex;
  flex-direction:column;
  gap:4px;
  margin:0;
  padding:0;
  min-width:0;
}
:root[data-area="app"] :is(.app,.modal) .side :is(.tnx4203-nav,.tnx4203-menu-groups) nav a {
  box-sizing:border-box;
  display:flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  min-width:0;
  max-width:100%;
  padding:10px 12px;
  border-radius:10px;
  line-height:1.45;
  white-space:normal;
  overflow-wrap:anywhere;
  text-decoration:none;
}
:root[data-area="app"] :is(.app,.modal) .side .tnx4203-nav .nl,
:root[data-area="app"] :is(.app,.modal) .side .tnx4203-menu-groups .nl {
  flex:1 1 auto;
  min-width:0;
  overflow-wrap:anywhere;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
}
:root[data-area="app"] :is(.app,.modal) .side .tnx4203-nav .qi410-side-count {
  flex:0 0 auto;
  min-width:23px;
  padding:2px 6px;
  border-radius:6px;
  background:var(--qi388-soft,var(--surface-2,#eef4fc));
  color:var(--qi388-muted,var(--ink-2,#536981));
  font-size:10px;
  font-weight:700;
  line-height:1.5;
  text-align:center;
  font-variant-numeric:tabular-nums;
}
:root[data-area="app"] :is(.app,.modal) .side .tnx4203-category,
:root[data-area="app"] :is(.app,.modal) .side .tnx4203-staff-group {
  min-width:0;
  margin:4px 0;
  padding:0;
  border:0;
  border-radius:10px;
}
:root[data-area="app"] :is(.app,.modal) .side .tnx4203-category>summary,
:root[data-area="app"] :is(.app,.modal) .side .tnx4203-staff-group>summary.grp {
  box-sizing:border-box;
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  min-height:44px;
  padding:10px 12px;
  margin:0;
  border-radius:10px;
  list-style:none;
  color:var(--qi388-secondary,var(--ink-2,#46546f));
  font-size:12.5px;
  font-weight:650;
  line-height:1.45;
  letter-spacing:0;
  text-transform:none;
  overflow-wrap:anywhere;
  cursor:pointer;
}
:root[data-area="app"] :is(.app,.modal) .side :is(.tnx4203-category,.tnx4203-staff-group)>summary::-webkit-details-marker {
  display:none;
}
:root[data-area="app"] :is(.app,.modal) .side :is(.tnx4203-category,.tnx4203-staff-group)>summary::after {
  content:"";
  width:6px;
  height:6px;
  flex:0 0 6px;
  margin-left:auto;
  margin-right:2px;
  border:solid currentColor;
  border-width:0 1.5px 1.5px 0;
  transform:rotate(45deg);
}
:root[data-area="app"] :is(.app,.modal) .side :is(.tnx4203-category,.tnx4203-staff-group)[open]>summary::after {
  transform:rotate(225deg);
}
:root[data-area="app"] :is(.app,.modal) .side .tnx4203-category>summary:is(:hover,:focus-visible),
:root[data-area="app"] :is(.app,.modal) .side .tnx4203-staff-group>summary:is(:hover,:focus-visible) {
  background:var(--qi388-hover,var(--surface-2,#eef4fc));
  color:var(--qi388-ink,var(--ink,#172d4b));
}
:root[data-area="app"] :is(.app,.modal) .side .tnx4203-category[open]>summary {
  background:var(--qi388-blue-soft,#eaf2ff);
  color:var(--qi388-blue,#165bc5);
  font-weight:750;
}
:root[data-area="app"] :is(.app,.modal) .side .tnx4203-category>summary :is(svg,.ico) {
  width:18px;
  height:18px;
  flex:0 0 18px;
}
:root[data-area="app"] :is(.app,.modal) .side .tnx4203-nav nav.tnx4203-category-tools {
  margin:7px 0 9px 19px;
  padding:0 0 0 10px;
  border-left:1px solid var(--qi388-edge,var(--line,#dce5f0));
}
:root[data-area="app"] :is(.app,.modal) .side .tnx4203-nav nav.tnx4203-category-tools a {
  gap:8px;
  min-height:44px;
  font-size:12px;
  font-weight:550;
}
:root[data-area="app"] :is(.app,.modal) .side .tnx4203-nav nav a:is(.on,[aria-current="page"],[aria-current="location"]),
:root[data-area="app"] :is(.app,.modal) .side .tnx4203-menu-groups nav a:is(.on,[aria-current="page"]) {
  background:var(--qi388-blue-soft,#eaf2ff);
  color:var(--qi388-blue,#165bc5);
  font-weight:750;
  box-shadow:inset 3px 0 var(--qi388-blue,#165bc5);
}
:root[data-area="app"] :is(.app,.modal) .side .tnx4203-admin-essentials {
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid var(--qi388-edge,var(--line,#dce5f0));
}
:root[data-area="app"] :is(.app,.modal) .side .tnx4203-admin-essentials a {
  font-size:12px;
}
:root[data-area="app"] :is(.app,.modal) .side .tnx4203-staff-group>summary.grp {
  margin-top:6px;
  font-size:12px;
  font-weight:750;
}
:root[data-area="app"] :is(.app,.modal) .side .tnx4203-staff-group>nav {
  margin:4px 0 10px;
}
:root[data-area="app"] :is(.app,.modal) .side .tnx4203-staff-group>nav a {
  box-sizing:border-box;
  min-height:44px;
  min-width:0;
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
}
:root[data-area="app"] :is(.app,.modal) .side .tnx4203-search-summary {
  margin:0 12px 12px;
  color:var(--qi388-muted,var(--ink-2,#536981));
  font-size:12px;
  line-height:1.6;
}
/* Mobile navigation uses the same search field outside the scrollable groups. */
:root[data-area="app"] .modal .side>.navfind {
  box-sizing:border-box;
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
  min-height:46px;
  margin:4px 6px 10px;
  padding:0 12px;
  border:1px solid var(--qi388-edge,var(--line,#dce5f0));
  border-radius:11px;
  background:var(--qi388-soft,var(--surface-2,#f5f9ff));
  color:var(--qi388-muted,var(--ink-2,#536981));
}
:root[data-area="app"] .modal .side>.navfind input {
  box-sizing:border-box;
  flex:1 1 auto;
  width:0;
  min-width:0;
  max-width:100%;
  min-height:44px;
  padding:8px 0;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--qi388-ink,var(--ink,#172d4b));
  font-size:14px;
  box-shadow:none;
}
:root[data-area="app"] .modal .side>.navfind:focus-within {
  outline:3px solid var(--qi388-blue,#165bc5);
  outline-offset:2px;
}
:root[data-area="app"] :is(.app,.modal) .side :is(.tnx4203-nav,.tnx4203-menu-groups) :is(a,summary,button):focus-visible {
  outline:3px solid var(--qi388-blue,#165bc5);
  outline-offset:2px;
}
/* The home catalogue and sidebar use the same domain hierarchy. */
:root[data-area="app"] .app[data-main-admin] .tnx4172-launcher .tnx4203-module-sections {
  display:grid;
  gap:24px;
  min-width:0;
}
:root[data-area="app"] .app[data-main-admin] .tnx4172-launcher .tnx4203-module-section {
  display:grid;
  gap:13px;
  min-width:0;
}
:root[data-area="app"] .app[data-main-admin] .tnx4172-launcher .tnx4203-module-heading {
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  justify-content:space-between;
  gap:6px 16px;
  min-width:0;
  padding:0 2px;
}
:root[data-area="app"] .app[data-main-admin] .tnx4172-launcher .tnx4203-module-heading h4 {
  margin:0;
  color:var(--qi388-ink,var(--ink,#172d4b));
  font-size:16px;
  font-weight:750;
  line-height:1.5;
  letter-spacing:-.015em;
  overflow-wrap:anywhere;
}
:root[data-area="app"] .app[data-main-admin] .tnx4172-launcher .tnx4203-module-heading>span {
  color:var(--qi388-muted,var(--ink-2,#536981));
  font-size:12px;
  line-height:1.6;
}
:root[data-area="app"] .app[data-main-admin] .tnx4172-launcher .tnx4203-module-section>.tnx4172-app-grid {
  margin:0;
}
@media (max-width:600px) {
  :root[data-area="app"] .modal .side .tnx4203-nav-section>h2.grp {margin-top:18px}
  :root[data-area="app"] .modal .side :is(.tnx4203-nav,.tnx4203-menu-groups) nav a {padding:12px;font-size:13px}
  :root[data-area="app"] .modal .side .tnx4203-category>summary {padding:12px;font-size:13px}
  :root[data-area="app"] .modal .side .tnx4203-nav nav.tnx4203-category-tools {margin-left:14px;padding-left:8px}
  :root[data-area="app"] .modal .side>.navfind input {font-size:16px}
}
@media (prefers-reduced-motion:reduce) {
  :root[data-area="app"] :is(.app,.modal) .side :is(.tnx4203-nav,.tnx4203-menu-groups) * {
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto;
  }
}
@media (forced-colors:active) {
  :root[data-area="app"] :is(.app,.modal) .side .tnx4203-nav nav a[aria-current],
  :root[data-area="app"] :is(.app,.modal) .side .tnx4203-menu-groups nav a[aria-current] {
    outline:2px solid Highlight;
    outline-offset:-2px;
    box-shadow:none;
  }
}

/* TALNEXQ Signature / build4203
   One presentation layer for the existing portal shell and authentication.
   Existing permissions, routes, hidden states, dialogs and events are retained.
   Light appearance only; dark and user-selected high-contrast modes remain available. */
:root[data-theme="light"]:is([data-area="app"],[data-area="auth"]){
  --qi388-canvas:#f4f7fc;--qi388-surface:#fff;--qi388-soft:#f7f9fd;
  --qi388-hover:#edf3ff;--qi388-ink:#14233d;--qi388-secondary:#435571;
  --qi388-muted:#53647d;--qi388-edge:#dce5f1;--qi388-edge-strong:#bdcde2;
  --qi388-blue:#2457df;--qi388-blue-hover:#1943b7;--qi388-blue-soft:#edf3ff;
  --qi388-blue-edge:#c8d8fb;--qi388-on-blue:#fff;--qi388-sidebar:270px;
  --qi388-radius:18px;--qi388-radius-lg:24px;--qi388-type-body:15px;
  --qi388-type-sm:14px;--qi388-type-xs:12px;--qi388-type-title:32px;
  --qi388-shadow:0 2px 4px #17365d03,0 12px 30px #17365d06;
  --qi388-shadow-dialog:0 24px 90px #18325426;
  --qi388-focus:3px solid #2457df;
  --tnx-signature-depth:0 12px 30px #23477b0b;
}

/* Shared surfaces and typography use the existing token bridge. */
:root[data-theme="light"][data-area="app"] .app.qi388-shell{
  font-size:15px;line-height:1.6;letter-spacing:0;
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell .main{
  background:radial-gradient(ellipse 70% 420px at 100% 0,#e9f0ff80,transparent),var(--qi388-canvas);
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell .content{
  max-width:1640px;padding:30px 34px 72px;
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell :is(.stack,.g2,.g32){gap:24px}
:root[data-theme="light"][data-area="app"] .app.qi388-shell :is(h2,h3,h4){font-weight:730;letter-spacing:-.035em}
:root[data-theme="light"][data-area="app"] .app.qi388-shell .panel{
  padding:26px;border-radius:20px;border:1px solid var(--qi388-edge);background:#fff;
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell .panel>:is(h2,h3){font-size:20px}
:root[data-theme="light"][data-area="app"] .app.qi388-shell :is(.muted,.hint,.help){color:var(--qi388-muted)}

/* An orderly, bright navigation rail. The existing mobile More dialog is retained. */
:root[data-theme="light"][data-area="app"] .app.qi388-shell>.side{
  padding:28px 16px 18px;isolation:isolate;
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell>.side .brand{
  padding:0 8px 26px;min-height:50px;
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell .side .pswitch{
  margin:0 3px 18px;padding-bottom:0;
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell .side .pswitch select{
  min-height:46px;padding:10px 12px;border:1px solid var(--qi388-edge);border-radius:12px;
  font-size:13px;font-weight:650;background:#f7f9fd;color:var(--qi388-ink);
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell .side .plabel{
  color:var(--qi388-secondary);font-size:12px;font-weight:650;line-height:1.5;
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell>.side .navfind{
  background:#fff;border-color:var(--qi388-edge);border-radius:12px;margin-bottom:19px;
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell>.side .navfind input{font-size:13px}
:root[data-theme="light"][data-area="app"] .app.qi388-shell .side nav{gap:5px}
:root[data-theme="light"][data-area="app"] .app.qi388-shell .side nav a{
  min-height:46px;padding:11px 12px;gap:11px;border-radius:11px;
  font-size:13px;font-weight:570;color:var(--qi388-secondary);
  transition:background-color .18s ease,color .18s ease;
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell .side nav a:hover{
  background:#f0f5ff;color:var(--qi388-blue);
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell .side nav a:is(.on,[aria-current="page"],[aria-current="location"]){
  background:#edf3ff;color:#204ecb;box-shadow:inset 3px 0 #2457df;font-weight:750;
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell .side .grp{
  font-size:10px;letter-spacing:.13em;color:#5b6b83;margin:26px 12px 9px;
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell .qi410-side-count{
  min-width:22px;padding:2px 5px;border-radius:6px;font-size:10px;
  color:#53647d;background:#f0f3f8;font-variant-numeric:tabular-nums;
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell .tnx4172-side-more>summary{
  min-height:44px;padding:12px;border-radius:10px;color:#435571;font-size:12px;
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell .side .me{
  padding:20px 7px 12px;margin-top:15px;border-top:1px solid var(--qi388-edge);
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell .side .me img{
  width:38px;height:38px;border-radius:12px;
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell .side .me b{font-size:13px}
:root[data-theme="light"][data-area="app"] .app.qi388-shell .side .me span{font-size:12px}

/* The header communicates location; the searchable launcher and tools stay usable. */
:root[data-theme="light"][data-area="app"] .app.qi388-shell .ptop.qi388-topbar{
  min-height:96px;padding:22px 34px;gap:18px;
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell .ptop .ttl{flex:1 1 200px}
:root[data-theme="light"][data-area="app"] .app.qi388-shell .ptop h1{
  font-size:clamp(25px,2.5vw,33px);line-height:1.2;letter-spacing:-.045em;font-weight:760;margin-top:6px;
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell .ptop .crumb{font-size:12px;color:#53647d}
:root[data-theme="light"][data-area="app"] .app.qi388-shell .ptop .push{gap:8px}
:root[data-theme="light"][data-area="app"] .app.qi388-shell .ptop .btn{
  min-height:42px;border-radius:11px;padding:10px 12px;font-size:12px;
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell .qi388-contextbar{
  padding:12px 34px;min-height:61px;background:#fff;border-bottom:1px solid var(--qi388-edge);gap:14px;
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell .qi388-context-label{
  color:#5d6c82;font-size:11px;letter-spacing:.03em;font-weight:650;
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell .qi388-shortcuts a{
  min-height:36px;padding:8px 11px;font-size:12px;border:1px solid #e4ebf5;
  border-radius:9px;background:#fff;color:#435571;
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell .qi388-shortcuts a:hover{
  color:#2457df;background:#edf3ff;border-color:#c8d8fb;
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell .qi388-find{min-height:40px;font-size:12px}

/* Signature overview: one calm brand moment, followed by useful module groups. */
:root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4172-launcher{gap:28px}
:root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4172-hero{
  overflow:hidden;border-radius:26px;border-color:#cfddf5;
  background:radial-gradient(ellipse at 96% 32%,#dbeaff 0,transparent 48%),linear-gradient(115deg,#fff 30%,#eff5ff 100%)!important;
  padding:38px!important;box-shadow:0 18px 40px #24498709;
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4188-hero{gap:30px}
:root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4172-eyebrow{
  font-size:10px;letter-spacing:.16em;color:#2457df;font-weight:800;
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4172-hero h2{
  font-size:clamp(29px,3.2vw,46px);line-height:1.13;letter-spacing:-.05em;max-width:650px;
  margin:13px 0 16px;font-weight:750;color:#14233d;
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4172-hero p{
  max-width:61ch;color:#485f7e;font-size:15px;line-height:1.75;margin-bottom:0;
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4188-orbit{
  width:196px;flex-basis:196px;max-width:26%;filter:drop-shadow(0 22px 18px #2866d528);
  transform:rotate(-7deg);
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4188-hero-actions{margin-top:25px;gap:10px}
:root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4188-hero-actions .btn{
  min-height:46px;padding:12px 17px;font-size:13px;border-radius:11px;
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4188-stats{gap:16px}
:root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4188-stats>a{
  flex-direction:row;align-items:center;justify-content:space-between;gap:18px;
  padding:23px 25px;border-radius:17px;box-shadow:var(--qi388-shadow);
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4188-stats span{
  font-size:13px;line-height:1.5;max-width:18ch;color:#53647d;
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4188-stats strong{
  font-size:29px;letter-spacing:-.04em;font-weight:750;color:#18345e;
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4172-toolbar{gap:20px}
:root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4172-section-title h3{
  font-size:23px;letter-spacing:-.035em;
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4172-section-title small{font-size:12px}
:root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4172-modes{gap:8px;padding-bottom:14px}
:root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4172-modes button{
  min-height:44px;padding:10px 16px;font-size:13px;border-radius:10px;
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4172-search{
  min-height:47px;border:1px solid var(--qi388-edge);border-radius:12px;background:#fff;
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4172-search input{font-size:14px}
:root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4172-app-grid{gap:18px}
:root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4172-app-card{
  min-height:214px;padding:25px;border-radius:19px;gap:17px;position:relative;
  background:#fff;border-color:#dce5f1;box-shadow:var(--qi388-shadow);
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4172-app-card:hover{
  border-color:#9db9f3;box-shadow:0 14px 30px #2457df0e;transform:translateY(-3px);
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4172-app-icon{
  width:48px;height:48px;flex-basis:48px;border:1px solid #d2e0ff;border-radius:14px;
  color:#2457df;background:linear-gradient(145deg,#f4f8ff,#e8f0ff);box-shadow:inset 0 2px 0 #fff;
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4172-app-content{gap:9px}
:root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4172-app-content>small{
  color:#53647d;font-size:10px;letter-spacing:.09em;font-weight:650;
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4172-app-content>strong{
  font-size:18px;color:#14233d;letter-spacing:-.025em;line-height:1.35;
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4172-app-desc{
  font-size:13px;line-height:1.65;color:#53647d;
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4188-open{
  min-height:40px;background:#edf3ff;color:#2457df;border:1px solid #dae6ff;
  padding:8px 12px;border-radius:9px;font-size:12px;font-weight:750;
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4188-workflows article{
  padding:26px;border-top:3px solid #2457df;border-radius:18px;
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4188-workflows :is(p,li>a){font-size:13px}
:root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4188-workflows h3{font-size:17px}

/* Everyday data work stays compact enough to scan, with generous control targets. */
:root[data-theme="light"][data-area="app"] .app.qi388-shell .tbl{font-size:14px}
:root[data-theme="light"][data-area="app"] .app.qi388-shell .tbl th{
  background:#f5f8fd;color:#4b5d76;font-size:12px;font-weight:700;padding:15px 16px;letter-spacing:.015em;
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell .tbl td{padding:16px;font-size:14px;line-height:1.55}
:root[data-theme="light"][data-area="app"] .app.qi388-shell .tbl tr.click:hover td{background:#f2f6ff}
:root[data-theme="light"][data-area="app"] .app.qi388-shell :is(.table-wrap,.table-responsive,.table-container){border-radius:15px}
:root[data-theme="light"][data-area="app"] .app.qi388-shell :is(.field,.form-field)>:is(label,span){font-size:13px;font-weight:600}
:root[data-theme="light"][data-area="app"] .app.qi388-shell :is(.btn,input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select){
  min-height:44px;border-radius:11px;font-size:14px;
}
:root[data-theme="light"][data-area="app"] .app.qi388-shell textarea{border-radius:11px;font-size:15px;line-height:1.6}
:root[data-theme="light"][data-area="app"] .app.qi388-shell .btn:not(.ghost):not(.link):not(.soft):not(.danger){
  box-shadow:0 4px 10px #2457df18;
}
:root[data-theme="light"]:is([data-area="app"],[data-area="auth"]) .modal{border-radius:22px}
:root[data-theme="light"]:is([data-area="app"],[data-area="auth"]) .modal .mh h2{font-size:23px}
:root[data-theme="light"]:is([data-area="app"],[data-area="auth"]) .modal :is(.mh,.mf){padding:22px 26px}

/* The secure sign-in retains every original form and sign-in state. */
:root[data-theme="light"][data-area="auth"] .tnx-auth-page{
  background:radial-gradient(ellipse at 15% 20%,#e6f0ff,transparent 52%),#f5f8fe!important;
}
:root[data-theme="light"][data-area="auth"] .tnx-auth-page .tnx-auth-header{
  background:#ffffffa6;border-bottom:1px solid #e0e8f3;color:#435571;
}
:root[data-theme="light"][data-area="auth"] .tnx-auth-page .tnx-auth-main{padding:44px 30px 52px}
:root[data-theme="light"][data-area="auth"] .tnx-auth-page .tnx-auth-login.qi41-auth{
  max-width:1250px;margin-inline:auto;gap:60px;align-items:center;
}
:root[data-theme="light"][data-area="auth"] .tnx-auth-page .qi41-auth-story{padding:28px 8px;color:#14233d}
:root[data-theme="light"][data-area="auth"] .tnx-auth-page .qi41-kicker{
  font-size:11px;letter-spacing:.13em;font-weight:750;color:#2457df;
}
:root[data-theme="light"][data-area="auth"] .tnx-auth-page .qi41-auth-story h1{
  color:#14233d;line-height:1.08;letter-spacing:-.055em;margin:24px 0;
}
:root[data-theme="light"][data-area="auth"] .tnx-auth-page .qi41-auth-story h1 em{
  color:#2457df;font-style:normal;background:none;-webkit-text-fill-color:currentColor;
}
:root[data-theme="light"][data-area="auth"] .tnx-auth-page .qi41-auth-story>p{
  max-width:48ch;color:#4c617e;font-size:16px;line-height:1.8;
}
:root[data-theme="light"][data-area="auth"] .tnx-auth-page .qi41-architecture{
  margin-top:28px;padding:20px 12px;border-radius:24px;border:1px solid #dae6fb;
  background:radial-gradient(ellipse at 50% 22%,#dfeaff70,transparent),#ffffff8a;box-shadow:0 20px 40px #24498706;
}
:root[data-theme="light"][data-area="auth"] .tnx-auth-page .qi41-orbit img{
  filter:drop-shadow(0 16px 18px #2457df29);
}
:root[data-theme="light"][data-area="auth"] .tnx-auth-page .qi41-flow>div{
  background:#fff;border:1px solid #dce5f1;border-radius:11px;box-shadow:0 4px 10px #18345e05;
}
:root[data-theme="light"][data-area="auth"] .tnx-auth-page .qi41-flow>div strong{color:#2457df}
:root[data-theme="light"][data-area="auth"] .tnx-auth-page .qi41-flow>div span{color:#53647d;font-size:9px;letter-spacing:.1em}
:root[data-theme="light"][data-area="auth"] .tnx-auth-page .qi41-flow>div b{color:#20365a;font-size:11px}
:root[data-theme="light"][data-area="auth"] .tnx-auth-page .qi41-story-foot{
  color:#435571;border-top-color:#dce5f1;gap:24px;font-size:12px;line-height:1.6;
}
:root[data-theme="light"][data-area="auth"] .tnx-auth-page .qi41-story-foot b{color:#53647d;font-size:9px;letter-spacing:.1em}
:root[data-theme="light"][data-area="auth"] .tnx-auth-page .tnx-auth-card{
  border-radius:26px;border-color:#dce5f1;box-shadow:0 24px 70px #1d407c12!important;padding:36px!important;
}
:root[data-theme="light"][data-area="auth"] .tnx-auth-page .tnx-auth-card .tnx-auth-lockup{margin-bottom:25px}
:root[data-theme="light"][data-area="auth"] .tnx-auth-page .tnx-auth-card .tnx-auth-lockup img{width:58px;height:58px;object-fit:contain}
:root[data-theme="light"][data-area="auth"] .tnx-auth-page .tnx-auth-card .tnx-auth-subtitle{font-size:14px;line-height:1.7}
:root[data-theme="light"][data-area="auth"] .tnx-auth-page .tnx-auth-card .tnx-auth-overline{font-size:10px;letter-spacing:.1em}
:root[data-theme="light"][data-area="auth"] .tnx-auth-page .tnx-auth-card .tnx-auth-rolebar{
  min-height:46px;padding:11px 13px;background:#f3f7fe;border:1px solid #dce7fb;font-size:13px;
}
:root[data-theme="light"][data-area="auth"] .tnx-auth-page .tnx-auth-card .tnx-auth-role-grid a{
  min-height:46px;font-size:13px;line-height:1.5;padding:11px;
}
:root[data-theme="light"][data-area="auth"] .tnx-auth-page .tnx-auth-card .form{gap:17px}
:root[data-theme="light"][data-area="auth"] .tnx-auth-page .tnx-auth-card .field>span{font-size:13px;font-weight:650}
:root[data-theme="light"][data-area="auth"] .tnx-auth-page .tnx-auth-card :is(input:not([type="checkbox"]):not([type="radio"]),select){
  min-height:48px;font-size:16px;border-radius:11px;
}
:root[data-theme="light"][data-area="auth"] .tnx-auth-page .tnx-auth-card .btn.lg{
  min-height:48px;font-size:14px;border-radius:11px;background:#2457df;color:#fff;
}
:root[data-theme="light"][data-area="auth"] .tnx-auth-page .tnx-auth-card .qi-login-guide{
  border-radius:12px;background:#f7f9fd;border:1px solid #e2e9f4;padding:13px 14px;
}
:root[data-theme="light"][data-area="auth"] .tnx-auth-page .tnx-auth-card .qi-login-guide p{
  font-size:13px;line-height:1.6;color:#53647d;
}
/* New role selection needs a usable layout in every retained appearance. */
:root[data-area="auth"] .tnx-auth-page .tnx-signature-choose>p{
  font-size:14px;line-height:1.7;margin:0 0 19px;
}
:root[data-area="auth"] .tnx-auth-page .tnx-signature-role-list{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;
}
:root[data-area="auth"] .tnx-auth-page .tnx-signature-role-list>a{
  display:flex;align-items:center;gap:12px;min-height:92px;padding:16px 13px;
  border:1px solid var(--qi388-edge);border-radius:14px;text-decoration:none;
  min-width:0;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease;
}
:root[data-area="auth"] .tnx-auth-page .tnx-signature-role-list>a>span:not(.tnx-signature-role-icon){
  display:grid;gap:4px;min-width:0;flex:1;
}
:root[data-area="auth"] .tnx-auth-page .tnx-signature-role-list strong{
  display:block;font-size:13px;line-height:1.35;font-weight:750;
}
:root[data-area="auth"] .tnx-auth-page .tnx-signature-role-list small{
  display:block;font-size:11px;line-height:1.5;
}
:root[data-area="auth"] .tnx-auth-page .tnx-signature-role-icon{
  display:grid;place-items:center;width:35px;height:35px;flex:0 0 35px;
  border:1px solid var(--qi388-blue-edge);border-radius:10px;
}
:root[data-area="auth"] .tnx-auth-page .tnx-signature-role-icon svg{width:18px;height:18px}
:root[data-area="auth"] .tnx-auth-page .tnx-signature-role-list>a>svg{width:15px;height:15px;flex:none}
:root[data-area="auth"] .tnx-auth-page .tnx-signature-choose>small{
  display:block;margin-top:20px;padding-top:17px;border-top:1px solid var(--qi388-edge);
  font-size:12px;line-height:1.7;
}
:root[data-theme="dark"][data-area="auth"] .tnx-auth-page .tnx-signature-choose{color:var(--qi388-ink,#e9f0fb)}
:root[data-theme="dark"][data-area="auth"] .tnx-auth-page .tnx-signature-role-list>a{
  background:var(--qi388-surface,#132238);color:var(--qi388-ink,#e9f0fb);
  border-color:var(--qi388-edge,#2d425d);box-shadow:0 3px 9px #0001;
}
:root[data-theme="dark"][data-area="auth"] .tnx-auth-page .tnx-signature-role-list>a:hover{
  background:var(--qi388-blue-soft,#1c3658);border-color:var(--qi388-blue-edge,#406a9c);
}
:root[data-theme="dark"][data-area="auth"] .tnx-auth-page .tnx-signature-role-list strong{color:var(--qi388-ink,#e9f0fb)}
:root[data-theme="dark"][data-area="auth"] .tnx-auth-page :is(.tnx-signature-choose>p,.tnx-signature-choose>small,.tnx-signature-role-list small){
  color:var(--qi388-secondary,#bfd0e7);
}
:root[data-theme="dark"][data-area="auth"] .tnx-auth-page .tnx-signature-role-icon{
  background:var(--qi388-blue-soft,#1c3658);color:var(--qi388-blue,#9bc2ff);
}
:root[data-theme="dark"][data-area="auth"] .tnx-auth-page .tnx-signature-role-list>a>svg{color:var(--qi388-blue,#9bc2ff)}

/* Once a workspace is selected, the sign-in action belongs near the first fold.
   Compact explanatory spacing, while every recovery, MFA and help state remains in flow. */
@media(min-width:901px){
  :root[data-area="auth"] .tnx-auth-page .tnx-auth-main:has(.tnx-auth-login:not([data-workspace="choose"])){
    padding-top:24px;
  }
}
:root[data-area="auth"] .tnx-auth-page .tnx-auth-login.qi41-auth:not([data-workspace="choose"]){
  grid-template-columns:minmax(0,1fr) minmax(450px,550px)!important;
  align-items:start;gap:44px;padding-top:0!important;padding-bottom:0!important;
}
:root[data-area="auth"] .tnx-auth-page .tnx-auth-login:not([data-workspace="choose"]) .qi41-auth-story{
  padding-top:24px;
}
:root[data-area="auth"] .tnx-auth-page .tnx-auth-login:not([data-workspace="choose"]) .tnx-auth-card{
  max-width:550px;padding:27px 30px!important;
}
:root[data-area="auth"] .tnx-auth-page .tnx-auth-login:not([data-workspace="choose"]) .tnx-auth-lockup{
  margin-bottom:12px;
}
:root[data-area="auth"] .tnx-auth-page .tnx-auth-login:not([data-workspace="choose"]) .tnx-auth-lockup img{
  width:44px;height:44px;
}
:root[data-area="auth"] .tnx-auth-page .tnx-auth-login:not([data-workspace="choose"]) .tnx-auth-overline{
  margin:0 0 8px;font-size:9px;line-height:1.35;
}
:root[data-area="auth"] .tnx-auth-page .tnx-auth-login:not([data-workspace="choose"]) .tnx-auth-card h2{
  margin:0 0 8px;
}
:root[data-area="auth"] .tnx-auth-page .tnx-auth-login:not([data-workspace="choose"]) .tnx-auth-subtitle{
  margin:0 0 14px;font-size:13px;line-height:1.5;
}
:root[data-area="auth"] .tnx-auth-page .tnx-auth-login:not([data-workspace="choose"]) .qi41-auth-steps{
  margin:8px 0 13px;padding-bottom:9px;font-size:11px;gap:5px;
}
:root[data-area="auth"] .tnx-auth-page .tnx-auth-login:not([data-workspace="choose"]) .tnx-auth-rolebar{
  min-height:44px;padding:9px 12px;margin-bottom:10px;
}
:root[data-area="auth"] .tnx-auth-page .tnx-auth-login:not([data-workspace="choose"]) .qi-login-guide{
  padding:10px 12px;margin:0 0 12px;line-height:1.5;
}
:root[data-area="auth"] .tnx-auth-page .tnx-auth-login:not([data-workspace="choose"]) .qi-login-guide strong{
  font-size:12px;line-height:1.4;
}
:root[data-area="auth"] .tnx-auth-page .tnx-auth-login:not([data-workspace="choose"]) .qi-login-guide p{
  margin:4px 0;font-size:12px;line-height:1.5;
}
:root[data-area="auth"] .tnx-auth-page .tnx-auth-login:not([data-workspace="choose"]) .qi-login-guide small{
  font-size:11px;line-height:1.45;
}
:root[data-area="auth"] .tnx-auth-page .tnx-auth-login:not([data-workspace="choose"]) .form{gap:10px}
:root[data-area="auth"] .tnx-auth-page .tnx-auth-login:not([data-workspace="choose"]) .qi-login-preference{
  margin-top:0;
}
:root[data-area="auth"] .tnx-auth-page .tnx-auth-login:not([data-workspace="choose"]) .qi-login-preference p{
  margin:0;font-size:11px;line-height:1.5;
}
:root[data-area="auth"] .tnx-auth-page .tnx-auth-login:not([data-workspace="choose"]) .qi-auth-foot{
  margin-top:2px;font-size:12px;
}
:root[data-area="auth"] .tnx-auth-page .tnx-auth-login:not([data-workspace="choose"]) .qi-auth-trust{
  gap:7px 12px;margin-top:2px;font-size:10px;line-height:1.5;
}
:root[data-area="auth"] .tnx-auth-page .tnx-auth-login:not([data-workspace="choose"]) :is(.qi388-auth-help,.qi388-build-details){
  margin-top:8px;padding-top:9px;font-size:11px;
}
:root[data-theme="light"][data-area="auth"] .tnx-auth-page .tnx-signature-choose>p{
  color:#53647d;font-size:14px;line-height:1.7;margin:0 0 19px;
}
:root[data-theme="light"][data-area="auth"] .tnx-auth-page .tnx-signature-role-list{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;
}
:root[data-theme="light"][data-area="auth"] .tnx-auth-page .tnx-signature-role-list>a{
  display:flex;align-items:center;gap:12px;min-height:92px;padding:16px 13px;
  background:#fff;border:1px solid #dce5f1;border-radius:14px;text-decoration:none;
  color:#14233d;min-width:0;box-shadow:0 3px 9px #17365d03;
  transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease;
}
:root[data-theme="light"][data-area="auth"] .tnx-auth-page .tnx-signature-role-list>a:hover{
  border-color:#9db9f3;background:#f4f8ff;box-shadow:0 5px 14px #2457df0b;
}
:root[data-theme="light"][data-area="auth"] .tnx-auth-page .tnx-signature-role-list>a>span:not(.tnx-signature-role-icon){
  display:grid;gap:4px;min-width:0;flex:1;
}
:root[data-theme="light"][data-area="auth"] .tnx-auth-page .tnx-signature-role-list strong{
  display:block;color:#14233d;font-size:13px;line-height:1.35;font-weight:750;
}
:root[data-theme="light"][data-area="auth"] .tnx-auth-page .tnx-signature-role-list small{
  display:block;color:#53647d;font-size:11px;line-height:1.5;
}
:root[data-theme="light"][data-area="auth"] .tnx-auth-page .tnx-signature-role-icon{
  display:grid;place-items:center;width:35px;height:35px;flex:0 0 35px;
  background:#edf3ff;border:1px solid #dbe6ff;border-radius:10px;color:#2457df;
}
:root[data-theme="light"][data-area="auth"] .tnx-auth-page .tnx-signature-role-icon svg{width:18px;height:18px}
:root[data-theme="light"][data-area="auth"] .tnx-auth-page .tnx-signature-role-list>a>svg{
  width:15px;height:15px;color:#2457df;flex:none;
}
:root[data-theme="light"][data-area="auth"] .tnx-auth-page .tnx-signature-choose>small{
  display:block;margin-top:20px;padding-top:17px;border-top:1px solid #e4ebf5;
  font-size:12px;line-height:1.7;color:#53647d;
}

/* A small number of legacy rules are important inside qi48. Join that same layer
   only for the matching structural overrides; ordinary components stay token driven. */
@layer qi48{
  :root[data-theme="light"][data-area="app"] .app.qi388-shell .ptop.qi388-topbar h1{
    font-size:clamp(25px,2.5vw,33px)!important;line-height:1.2!important;letter-spacing:-.045em!important;
  }
  :root[data-theme="light"][data-area="auth"] .tnx-auth-page .tnx-auth-main .qi41-auth-story h1{
    font-size:clamp(38px,4.2vw,60px)!important;line-height:1.08!important;letter-spacing:-.055em!important;
  }
  :root[data-theme="light"][data-area="auth"] .tnx-auth-page .tnx-auth-main .tnx-auth-card h2{
    font-size:30px!important;line-height:1.2!important;letter-spacing:-.04em!important;
  }
  /* The reconciled compiled member bundle also supports the 4186 hero markup.
     Keep its motion pause control and real destinations intact. */
  :root[data-theme="light"][data-area="app"] .app.qi388-shell .tnx4172-launcher .tnx4186-hero{
    background:linear-gradient(115deg,#fff 15%,#eff5ff 100%)!important;
    border:1px solid #cfddf5!important;border-radius:26px!important;
    padding:38px!important;min-height:320px!important;box-shadow:0 18px 40px #24498709!important;
  }
  :root[data-theme="light"][data-area="app"] .app.qi388-shell .tnx4186-hero h2{
    font-size:clamp(35px,4.1vw,60px)!important;line-height:1.06!important;
    letter-spacing:-.055em!important;color:#14233d!important;
  }
  :root[data-theme="light"][data-area="app"] .app.qi388-shell .tnx4186-hero h2 span{color:#2457df!important}
  :root[data-theme="light"][data-area="app"] .app.qi388-shell .tnx4186-hero p{
    font-size:15px!important;line-height:1.75!important;color:#485f7e!important;
  }
  :root[data-theme="light"][data-area="app"] .app.qi388-shell .tnx4186-primary{
    background:#2457df!important;color:#fff!important;border:1px solid #2457df!important;
    border-radius:11px!important;min-height:46px!important;font-size:13px!important;
  }
  :root[data-theme="light"][data-area="app"] .app.qi388-shell .tnx4186-secondary{
    min-height:44px!important;font-size:13px!important;color:#2457df!important;
  }
  :root[data-theme="light"][data-area="app"] .app.qi388-shell .tnx4186-hero-small h2{font-size:32px!important}
}

/* Keep the established compact/large-text accessibility choices authoritative. */
:root[data-theme="light"][data-area="app"][data-density="compact"] .app.qi388-shell .tbl td{padding:11px 14px}
:root[data-theme="light"][data-area="app"][data-textsize="large"] .app.qi388-shell{font-size:17px}
:root[data-theme="light"][data-area="app"][data-textsize="large"] .app.qi388-shell .side nav a{font-size:15px}
:root[data-theme="light"][data-area="app"][data-textsize="large"] .app.qi388-shell .tbl{font-size:16px}
:root[data-theme="light"][data-area="app"][data-textsize="large"] .app.qi388-shell .tbl td{font-size:16px}
:root[data-theme="light"][data-area="app"][data-textsize="large"] .app.qi388-shell .tbl th{font-size:14px}
:root[data-theme="light"][data-area="app"][data-textsize="large"] .app.qi388-shell[data-main-admin] .tnx4172-app-desc{font-size:15px}
:root[data-area="auth"][data-textsize="large"] .tnx-auth-page .tnx-signature-role-list strong{font-size:16px}
:root[data-area="auth"][data-textsize="large"] .tnx-auth-page .tnx-signature-role-list small{font-size:13px}
:root[data-area="auth"][data-textsize="large"] .tnx-auth-page .tnx-signature-choose>p{font-size:16px}
:root[data-area="auth"][data-textsize="large"] .tnx-auth-page .tnx-signature-choose>small{font-size:14px}
:root[data-area="auth"][data-contrast="high"] .tnx-auth-page .tnx-signature-role-list>a{
  border-color:var(--qi388-edge-strong,#9badc7);border-width:2px;
}
:root[data-area="auth"][data-contrast="high"] .tnx-auth-page :is(.tnx-signature-choose>p,.tnx-signature-choose>small,.tnx-signature-role-list small){
  color:var(--qi388-ink);
}
:root[data-theme="light"][data-area="app"][data-contrast="high"] .app.qi388-shell{
  --qi388-muted:#35455c;--qi388-secondary:#263c5b;--qi388-edge:#9badc7;--qi388-blue:#1645bf;
}
@media(min-width:1500px){
  :root[data-theme="light"][data-area="app"] .app.qi388-shell .content{padding-inline:44px}
}
@media(max-width:1180px){
  :root[data-theme="light"][data-area="app"] .app.qi388-shell{--qi388-sidebar:244px}
  :root[data-theme="light"][data-area="app"] .app.qi388-shell .content{padding:26px 24px 64px}
  :root[data-theme="light"][data-area="app"] .app.qi388-shell .ptop.qi388-topbar{padding:21px 24px}
  :root[data-theme="light"][data-area="app"] .app.qi388-shell .qi388-contextbar{padding-inline:24px}
  :root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4172-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  :root[data-theme="light"][data-area="auth"] .tnx-auth-page .tnx-auth-login.qi41-auth{gap:32px}
}
@media(max-width:900px){
  :root[data-area="auth"] .tnx-auth-page .tnx-auth-login.qi41-auth:not([data-workspace="choose"]){
    grid-template-columns:minmax(0,1fr)!important;gap:26px;
  }
  :root[data-theme="light"][data-area="app"] .app.qi388-shell .ptop.qi388-topbar{padding:19px 20px;gap:14px}
  :root[data-theme="light"][data-area="app"] .app.qi388-shell .qi388-contextbar{padding:12px 20px}
  :root[data-theme="light"][data-area="app"] .app.qi388-shell .tabbar{padding-top:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));min-height:76px;background:#fff}
  :root[data-theme="light"][data-area="app"] .app.qi388-shell .tabbar :is(a,button){min-height:54px;border-radius:11px;font-size:11px}
  :root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4172-hero{padding:28px!important}
  :root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4188-stats>a{padding:19px}
  :root[data-theme="light"][data-area="auth"] .tnx-auth-page .tnx-auth-main{padding:26px 20px 42px}
}
@media(max-width:620px){
  :root[data-area="auth"] .tnx-auth-page .tnx-auth-login:not([data-workspace="choose"]) .tnx-auth-card{
    padding:24px 20px!important;
  }
  :root[data-area="auth"] .tnx-auth-page .tnx-signature-role-list{grid-template-columns:1fr}
  :root[data-area="auth"] .tnx-auth-page .tnx-signature-role-list>a{min-height:78px;padding:15px}
  :root[data-area="auth"] .tnx-auth-page .tnx-signature-role-list strong{font-size:14px}
  :root[data-area="auth"] .tnx-auth-page .tnx-signature-role-list small{font-size:12px}
  :root[data-theme="light"][data-area="app"] .app.qi388-shell .ptop.qi388-topbar{padding:18px 16px}
  :root[data-theme="light"][data-area="app"] .app.qi388-shell .qi388-contextbar{padding:12px 16px}
  :root[data-theme="light"][data-area="app"] .app.qi388-shell .qi388-shortcuts{flex-wrap:wrap}
  :root[data-theme="light"][data-area="app"] .app.qi388-shell .qi388-shortcuts a{font-size:11px;min-height:38px}
  :root[data-theme="light"][data-area="app"] .app.qi388-shell .ptop .btn{min-height:44px}
  :root[data-theme="light"][data-area="app"] .app.qi388-shell .panel{padding:20px;border-radius:17px}
  :root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4172-hero{padding:24px!important;border-radius:21px}
  :root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4172-hero h2{font-size:30px}
  :root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4172-hero p{font-size:14px}
  :root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4188-hero-actions .btn{font-size:12px;padding:11px 13px}
  :root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4188-hero{
    display:block;position:relative;
  }
  :root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4188-hero-copy{
    width:100%;max-width:none;
  }
  :root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4172-eyebrow{
    display:block;padding-right:55px;min-height:32px;
  }
  :root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4188-orbit{
    position:absolute;top:0;right:0;width:48px;height:auto;max-width:48px;
    opacity:.75;filter:drop-shadow(0 5px 7px #2866d51a);
  }
  :root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4172-app-grid{grid-template-columns:1fr}
  :root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4172-app-card{min-height:186px;padding:22px}
  :root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4188-stats{grid-template-columns:1fr;gap:10px}
  :root[data-theme="light"][data-area="app"] .app.qi388-shell[data-main-admin] .tnx4188-stats>a{padding:17px 20px}
  :root[data-theme="light"][data-area="app"] .app.qi388-shell .tbl :is(th,td){padding:13px 12px}
  :root[data-theme="light"][data-area="app"] .app.qi388-shell :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea){font-size:16px}
  :root[data-theme="light"][data-area="auth"] .tnx-auth-page .tnx-auth-main{padding:18px 14px 30px}
  :root[data-theme="light"][data-area="auth"] .tnx-auth-page .tnx-auth-card{padding:26px 20px!important;border-radius:21px}
  :root[data-theme="light"][data-area="auth"] .tnx-auth-page .qi41-auth-story{padding:14px 6px}
  :root[data-theme="light"][data-area="auth"] .tnx-auth-page .tnx-signature-role-list{grid-template-columns:1fr}
  :root[data-theme="light"][data-area="auth"] .tnx-auth-page .tnx-signature-role-list>a{min-height:78px;padding:15px}
  :root[data-theme="light"][data-area="auth"] .tnx-auth-page .tnx-signature-role-list strong{font-size:14px}
  :root[data-theme="light"][data-area="auth"] .tnx-auth-page .tnx-signature-role-list small{font-size:12px}
}
@layer qi48{
  @media(max-width:620px){
    :root[data-theme="light"][data-area="app"] .app.qi388-shell .tnx4172-launcher .tnx4186-hero{
      padding:25px!important;min-height:0!important;border-radius:21px!important;
    }
    :root[data-theme="light"][data-area="app"] .app.qi388-shell .tnx4186-hero h2{font-size:38px!important}
    :root[data-theme="light"][data-area="app"] .app.qi388-shell .tnx4186-hero-small h2{font-size:28px!important}
  }
}
@media(prefers-reduced-motion:reduce){
  :root[data-theme="light"]:is([data-area="app"],[data-area="auth"]) :is(.app.qi388-shell,.tnx-auth-page) *{transition:none!important;animation:none!important;scroll-behavior:auto}
}
:root[data-theme="light"][data-area="app"][data-qi-effects="off"] .app.qi388-shell .tnx4172-app-card:hover{transform:none}
@media(forced-colors:active){
  :root[data-theme="light"][data-area="app"] .app.qi388-shell .side nav a:is(.on,[aria-current]){outline:2px solid Highlight}
  :root[data-theme="light"]:is([data-area="app"],[data-area="auth"]) :is(.panel,.tnx4172-app-card,.tnx-auth-card){border-color:CanvasText;box-shadow:none}
}

/* Signature4205: preserve4204 structured navigation semantics. Presentation only. */
:root[data-theme="light"][data-area="app"] .app.qi388-shell .side .tnx4203-staff-group>summary.grp{margin:6px 0 0;padding:10px 12px;font-size:13px;font-weight:750;letter-spacing:0;text-transform:none;line-height:1.45}
:root[data-theme="light"][data-area="app"] .app.qi388-shell .side .tnx4203-nav-section>h2.grp{margin:20px 12px 7px}
:root[data-theme="light"][data-area="app"][data-textsize="large"] .app.qi388-shell .side .tnx4203-staff-group>summary.grp{font-size:15px}


/* TALNEXQ build4236: a single navigation hierarchy for the existing portal shell. */
:root[data-area="app"] #app .app.qi388-shell > aside.side {
  box-sizing:border-box;padding:20px 14px 12px;gap:0;min-width:0;
}
:root[data-area="app"] #app .app.qi388-shell > aside.side > .brand {
  flex:0 0 auto;min-height:48px;padding:0 8px 14px;margin:0;overflow:visible;
}
:root[data-area="app"] #app .app.qi388-shell > aside.side > .brand img {
  width:100%;max-width:210px;height:36px;object-fit:contain;object-position:left center;
}
:root[data-area="app"] #app .side .tnx4236-portal-context {
  display:flex;align-items:center;gap:10px;flex:0 0 auto;min-width:0;
  margin:0 0 12px;padding:12px;border:1px solid var(--qi388-edge);
  border-radius:12px;background:var(--qi388-soft);color:var(--qi388-ink);
}
:root[data-area="app"] #app .tnx4236-context-icon {
  display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;
  color:var(--qi388-blue);background:var(--qi388-blue-soft);border-radius:8px;
}
:root[data-area="app"] #app .tnx4236-context-icon svg {width:18px;height:18px}
:root[data-area="app"] #app .tnx4236-portal-context > div {min-width:0}
:root[data-area="app"] #app .tnx4236-portal-context strong {display:block;font-size:14px;line-height:1.5;font-weight:750}
:root[data-area="app"] #app .tnx4236-portal-context small {display:block;font-size:11px;line-height:1.5;color:var(--qi388-muted);overflow-wrap:anywhere}
:root[data-area="app"] #app .app.qi388-shell > .side > .navfind {
  margin:0 0 12px;width:100%;border-radius:10px;flex-shrink:0;
}
:root[data-area="app"] #app .app.qi388-shell > .side > .navfind input {font-size:13px}
:root[data-area="app"] #app .app.qi388-shell > .side > .navscroll {padding:0 4px 8px 0;scrollbar-gutter:stable}
:root[data-area="app"] #app .side .tnx4236-primary-navigation {min-width:0;width:100%}
:root[data-area="app"] #app .side .tnx4203-nav-section > h2.grp {
  margin:18px 12px 6px;padding:0;font-size:10px;letter-spacing:.07em;line-height:1.6;
}
:root[data-area="app"] #app .side .tnx4203-nav nav {gap:3px}
:root[data-area="app"] #app .side .tnx4203-nav :is(nav > a,.tnx4203-category > summary) {
  box-sizing:border-box;display:flex;align-items:center;gap:10px;width:100%;min-width:0;
  min-height:44px;padding:10px 12px;margin:0;border-radius:9px;font-size:13px;line-height:1.45;
}
:root[data-area="app"] #app .side .tnx4203-nav .nl {flex:1;min-width:0;white-space:normal;overflow-wrap:anywhere}
:root[data-area="app"] #app .side .tnx4203-nav :is(svg,.ico) {flex:0 0 18px;width:18px;height:18px}
:root[data-area="app"] #app .side .tnx4203-nav .qi410-side-count {margin-left:auto;flex:0 0 auto;font-size:10px}
/* Supplemental tools use the same row geometry, within one native disclosure. */
:root[data-area="app"] #app .side .tnx4236-tools {
  min-width:0;margin:16px 0 0;padding:10px 0 0;border:0;border-top:1px solid var(--qi388-edge);border-radius:0;
}
:root[data-area="app"] #app .side .tnx4236-tools > summary {
  display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;box-sizing:border-box;
  border-radius:9px;color:var(--qi388-secondary);font-size:13px;font-weight:700;line-height:1.45;cursor:pointer;list-style:none;
}
:root[data-area="app"] #app .side .tnx4236-tools > summary::-webkit-details-marker {display:none}
:root[data-area="app"] #app .side .tnx4236-tools > summary > svg {width:18px;height:18px;flex:0 0 18px}
:root[data-area="app"] #app .side .tnx4236-tools > summary::after {
  content:"";width:6px;height:6px;margin-left:auto;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);
}
:root[data-area="app"] #app .side .tnx4236-tools[open] > summary::after {transform:rotate(45deg)}
:root[data-area="app"] #app .side .tnx4236-tool-list {display:flex;flex-direction:column;gap:3px;min-width:0;margin-top:4px}
:root[data-area="app"] #app .side .tnx4236-tool-list .tnx-quicklinks,
:root[data-area="app"] #app .side .tnx4236-tool-list .qiwa-mobile-quicklink {
  display:block;flex:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;min-width:0;width:100%;
}
:root[data-area="app"] #app .side .tnx4236-tool-list .qguide-entry {order:1}
:root[data-area="app"] #app .side .tnx4236-tool-list :is(#qiwa-entry,.qiwa-mobile-quicklink) {order:2}
:root[data-area="app"] #app .side .tnx4236-tool-list .qihub-quicklink {order:3}
:root[data-area="app"] #app .side .tnx4236-tool-list .qiapps-launcher {order:4}
:root[data-area="app"] #app .side .tnx4236-tool-list .tnx4236-tool-link {order:5}
:root[data-area="app"] #app .side .tnx4236-tool-list .tnx-pwa-install-link {order:6}
:root[data-area="app"] #app .side .tnx4236-tool-list .tnx-quicklinks-label:not(summary) {display:none}
:root[data-area="app"] #app .side .tnx4236-tool-list nav {display:flex;flex-direction:column;gap:3px;padding:0;margin:0}
:root[data-area="app"] #app .side .tnx4236-tool-list :is(a,button,.qiapps-toggle) {
  box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;gap:10px;
  width:100%;min-width:0;max-width:100%;min-height:44px;margin:0;padding:10px 12px;
  border:0;border-radius:9px;background:transparent;box-shadow:none;color:var(--qi388-secondary);
  font-family:inherit;font-size:13px;font-weight:550;line-height:1.45;text-align:left;white-space:normal;text-decoration:none;overflow-wrap:anywhere;
}
:root[data-area="app"] #app .side .tnx4236-tool-list :is(a,button):hover,
:root[data-area="app"] #app .side .tnx4236-tools summary:hover {background:var(--qi388-hover);color:var(--qi388-blue)}
:root[data-area="app"] #app .side .tnx4236-tool-list :is(a,button):not(.qiapps-link)::before {
  content:"◇";display:inline-grid;place-items:center;flex:0 0 18px;width:18px;color:var(--qi388-muted);font-size:17px;line-height:1;
}
:root[data-area="app"] #app .side .tnx4236-tool-list .tnx-quicklink-primary:not(.qiapps-link)::before {content:"✦"}
:root[data-area="app"] #app .side .tnx4236-tool-list .tnx-quicklink-site:not(.qiapps-link)::before {content:"↗"}
:root[data-area="app"] #app .side .tnx4236-tool-list .qihub-quicklink .tnx-quicklink-primary::before {content:"◷"}
:root[data-area="app"] #app .side .tnx4236-tool-list .qihub-quicklink .tnx-quicklink-secondary::before {content:"⌕"}
:root[data-area="app"] #app .side .tnx4236-tool-list .tnx-pwa-install-link:not(.qiapps-link)::before {content:"↓"}
:root[data-area="app"] #app .side .tnx4236-tool-list .qiapps-toggle {font-weight:650;letter-spacing:0;text-transform:none}
:root[data-area="app"] #app .side .tnx4236-tool-list .qiapps-toggle::before {content:"▦";display:inline-grid;place-items:center;width:18px;flex:0 0 18px;font-size:17px}
:root[data-area="app"] #app .side .tnx4236-tool-list .qiapps-count {margin-left:auto;font-size:10px}
:root[data-area="app"] #app .side .tnx4236-tool-list .qiapps-list {padding:0 0 0 16px}
:root[data-area="app"] #app .side .tnx4236-tool-list .qiapps-group {margin:0;padding:0;border:0}
:root[data-area="app"] #app .side .tnx4236-tool-list .qiapps-group > summary {padding:10px 12px;min-height:44px;box-sizing:border-box;color:var(--qi388-secondary);font-size:13px}
:root[data-area="app"] #app .side .tnx4236-tool-list .qiapps-link {padding-left:24px}
:root[data-area="app"] #app .side :is(.tnx4236-tools,.tnx4203-nav) :is(a,button,summary):focus-visible {outline:3px solid var(--qi388-blue);outline-offset:-3px}
:root[data-area="app"] #app .app.qi388-shell > .side > .me {flex:0 0 auto;margin-top:8px;padding:12px 8px 6px;min-width:0}
:root[data-area="app"] #app .app.qi388-shell > .side > .ver {flex:0 0 auto;padding:5px 8px 0;font-size:10px;line-height:1.5}
@media(min-width:901px) {
  :root[data-area="app"] #app .app.qi388-shell > aside.side {height:100dvh;overflow:hidden!important}
  :root[data-area="app"] #app .app.qi388-shell > aside.side > .navscroll {flex:1 1 0!important;min-height:0!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important}
}
@media(max-width:900px) {
  :root[data-area="app"] #app .modal .side .tnx4236-portal-context {margin:0 0 12px}
  :root[data-area="app"] #app .modal .side .navfind {margin:0 0 12px;width:100%;box-sizing:border-box}
}
:root[data-area="app"][data-textsize="large"] #app .side :is(.tnx4203-nav a,.tnx4236-tools summary,.tnx4236-tool-list a,.tnx4236-tool-list button) {font-size:15px}

:root[data-area="app"] #app .side .tnx4236-tool-list > [data-portal-tool-slot]:empty {display:none}
/* Reset old skin offsets at the shared boundary instead of carrying them into each tool. */
:root[data-area="app"] #app .app.qi388-shell > .side > .navscroll {
  box-sizing:border-box;margin:0;width:100%;padding-left:0;
}
:root[data-area="app"] #app .side .tnx4236-primary-navigation > .tnx4203-nav {margin:0;padding:0}
:root[data-area="app"] #app .side .tnx4236-tool-list :is(.tnx-quicklinks,.qiwa-mobile-quicklink,nav) {
  box-sizing:border-box;margin:0!important;padding:0!important;width:100%!important;min-width:0;
}
:root[data-area="app"] #app .side .tnx4236-tool-list :is(a,button,.qiapps-toggle) {
  margin:0!important;min-height:44px!important;padding:10px 12px!important;
}
:root[data-area="app"] #app .side .tnx4236-tool-list .qiapps-link {padding-left:24px!important}
:root[data-area="app"] #app .side :is(.tnx4236-tools,.qiapps-fold,.qiapps-group):not([open]) > :not(summary) {display:none!important}
/* The legacy qi48 layer contains important geometry; override that layer in place. */
@layer qi48 {
  :root[data-area="app"] #app .app.qi388-shell > aside.side {padding:20px 14px 12px!important}
  :root[data-area="app"] #app .app.qi388-shell > .side > .navfind {margin:0 0 12px!important;border-radius:10px!important}
  :root[data-area="app"] #app .side :is(.tnx4236-tool-list,.tnx4203-nav) a,
  :root[data-area="app"] #app .side .tnx4236-tool-list :is(button,.qiapps-toggle) {
    min-height:44px!important;margin:0!important;padding:10px 12px!important;
    font:550 13px/1.45 var(--qi388-font)!important;gap:10px!important;
  }
  :root[data-area="app"] #app .side .tnx4203-nav a:is(.on,[aria-current="page"]) {font-weight:750!important}
  :root[data-area="app"] #app .side .tnx4236-tool-list .qiapps-link {padding-left:24px!important}
  :root[data-area="app"] #app .side .tnx4236-tool-list :is(.tnx-quicklinks,.qiwa-mobile-quicklink,nav) {margin:0!important;padding:0!important}
  :root[data-area="app"]:is([data-textsize="large"],[data-se-text="large"]) #app .side :is(.tnx4236-tool-list,.tnx4203-nav) :is(a,button,summary) {font-size:15px!important}
  @media(min-width:901px) {
    :root[data-area="app"] #app .app.qi388-shell > aside.side {overflow:hidden!important}
    :root[data-area="app"] #app .app.qi388-shell > aside.side > .navscroll {flex:1 1 0!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important}
  }
}

:root[data-area="app"] #app .app.qi388-shell > .side > .ver {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}

@layer qi48 {
/* Scorecards are body portals, outside .app. Preserve visible selection there. */
.modal .scorecard-recommendation{margin-bottom:0;gap:6px;padding:4px;flex-wrap:wrap}
.modal .scorecard-recommendation button{min-height:44px;padding:10px 14px;touch-action:manipulation}
.modal .scorecard-recommendation button[aria-pressed="true"]{background:var(--btn)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:var(--btn)!important;box-shadow:inset 0 0 0 1px currentColor!important;font-weight:700}
.modal .scorecard-recommendation button:focus-visible{outline:3px solid var(--accent)!important;outline-offset:3px}
}

/* Build4239: pair dark portal surfaces with their text in the existing qi48 layer.
   Office's lazy stylesheet contains light-only paint; it must not combine with
   the shared dark foregrounds. Every correction is dark/app scoped. */
@layer qi48 {
  :root[data-area="app"][data-theme="dark"] .tnx-office {
    color-scheme:dark!important;
    --office-ink:var(--qi388-ink,#e9f0fb)!important;
    --office-muted:var(--qi388-muted,#a0b4ce)!important;
    --office-blue:var(--qi388-blue,#9bc2ff)!important;
    --office-line:var(--qi388-edge,#2d425d)!important;
    --office-soft:var(--qi388-soft,#192b43)!important;
    /* Solid action paint keeps white button/scorecard text readable in every look. */
    --btn:#2a63cc!important;--btn-hover:#2458b8!important;--btn-ink:#fff!important;
    color:var(--office-ink)!important;
  }
  :root[data-area="app"][data-theme="dark"] .tnx-office .tnx-office-hero {
    background:linear-gradient(110deg,var(--qi388-surface,#132238) 20%,var(--qi388-blue-soft,#1c3658))!important;
    border-color:var(--qi388-edge-strong,#496582)!important;
    color:var(--office-ink)!important;
  }
  :root[data-area="app"][data-theme="dark"] .tnx-office :is(.tnx-office-module,.tnx-office-panel,.tnx-office-goal,.tnx-office-stats>div,.tnx-office-tabs,.tnx-office-task) {
    background:var(--qi388-surface,#132238)!important;
    border-color:var(--office-line)!important;
    color:var(--office-ink)!important;
  }
  :root[data-area="app"][data-theme="dark"] .tnx-office :is(.tnx-office-toolbar,.tnx-office-empty,.tnx-office-column,.tnx-office-output,.tnx-office-dependencies,.tnx-paperclip-mapping,.tnx-office-tags>span,.tnx-office-column h3>span) {
    background:var(--office-soft)!important;border-color:var(--office-line)!important;
    color:var(--office-ink)!important;
  }
  :root[data-area="app"][data-theme="dark"] .tnx-office :is(h2,h3,h4,.tnx-office-module>b,.tnx-office-activity>b,.tnx-office-task>b,.tnx-office-stage-list b,.tnx-paperclip-mapping b) {
    color:var(--office-ink)!important;-webkit-text-fill-color:currentColor!important;
  }
  :root[data-area="app"][data-theme="dark"] .tnx-office :is(p,small,.tnx-office-company,.tnx-office-footer,.tnx-office-form>label,.tnx-office-form .tnx-office-two>label,.tnx-office-toolbar>label,.tnx-office-search,.tnx-office-checks>label,.tnx-paperclip-map-add label,.tnx-paperclip-run dt,.tnx-office-task>span:last-child,.tnx-office-goal .tnx-office-actions>span) {
    color:var(--office-muted)!important;-webkit-text-fill-color:currentColor!important;
  }
  :root[data-area="app"][data-theme="dark"] .tnx-office :is(.tnx-office-eyebrow,.tnx-office-module>b,.tnx-office-stats b,.tnx-office-text-link,.tnx-office-breadcrumb a,summary,.tnx-office-refresh) {
    color:var(--office-blue)!important;-webkit-text-fill-color:currentColor!important;
  }
  :root[data-area="app"][data-theme="dark"] .tnx-office :is(.tnx-office-module-icon,.tnx-office-avatar,.tnx-office-notice) {
    background:var(--qi388-blue-soft,#1c3658)!important;
    border-color:var(--qi388-blue-edge,#406a9c)!important;
    color:var(--office-blue)!important;-webkit-text-fill-color:currentColor!important;
  }
  :root[data-area="app"][data-theme="dark"] .tnx-office :is(.tnx-office-notice p,.tnx-office-notice small) {color:var(--office-ink)!important}
  :root[data-area="app"][data-theme="dark"] .tnx-office .tnx-office-tabs>a {color:var(--qi388-secondary,#bfd0e7)!important;-webkit-text-fill-color:currentColor!important}
  :root[data-area="app"][data-theme="dark"] .tnx-office .tnx-office-tabs>a.on {background:var(--qi388-blue-soft,#1c3658)!important;color:var(--office-blue)!important}
  :root[data-area="app"][data-theme="dark"] .tnx-office :is(.tnx-office-module,.tnx-office-task):hover {background:var(--qi388-hover,#203752)!important;border-color:var(--office-blue)!important}
  :root[data-area="app"][data-theme="dark"] .tnx-office .tnx-office-status {background:var(--office-soft)!important;color:var(--office-muted)!important}
  :root[data-area="app"][data-theme="dark"] .tnx-office :is(.tnx-office-status.enabled,.tnx-office-status.done,.tnx-office-success) {background:var(--qi388-green-soft,#18392e)!important;color:var(--qi388-green,#9bdfb9)!important}
  :root[data-area="app"][data-theme="dark"] .tnx-office :is(.tnx-office-status.paused,.tnx-office-status.blocked,.tnx-office-review) {background:var(--qi388-amber-soft,#3b311e)!important;color:var(--qi388-amber,#f1d18b)!important;-webkit-text-fill-color:currentColor!important}
  :root[data-area="app"][data-theme="dark"] .tnx-office :is(.tnx-office-status.in_progress,.tnx-office-status.review) {background:var(--qi388-blue-soft,#1c3658)!important;color:var(--office-blue)!important}
  :root[data-area="app"][data-theme="dark"] .tnx-office .tnx-office-error {background:var(--qi388-red-soft,#422832)!important;color:var(--qi388-red,#ffb8c0)!important}
  :root[data-area="app"][data-theme="dark"] .tnx-office :is(.tnx-office-success,.tnx-office-error,.tnx-office-status) {border-color:currentColor!important;-webkit-text-fill-color:currentColor!important}
  :root[data-area="app"][data-theme="dark"] .tnx-office :is(.tnx-office-table th,.tnx-office-checks legend,.tnx-paperclip-mappings legend,.tnx-paperclip-mapping code,.tnx-paperclip-run code) {background:var(--office-soft)!important;color:var(--office-ink)!important;-webkit-text-fill-color:currentColor!important}
  :root[data-area="app"][data-theme="dark"] .tnx-office :is(.tnx-office-table td,.tnx-office-table th,.tnx-office-activity,.tnx-office-checks,.tnx-office-workflow-steps>li,.tnx-office-stage-list>div) {border-color:var(--office-line)!important}

  /* Existing admin launcher cards use the same foreground/background pairing. */
  :root[data-area="app"][data-theme="dark"] .app.qi388-shell .tnx4172-launcher {
    --tnx4172-surface:var(--qi388-surface,#132238)!important;
    --tnx4172-ink:var(--qi388-ink,#e9f0fb)!important;
    --tnx4172-muted:var(--qi388-muted,#a0b4ce)!important;
    --tnx4172-line:var(--qi388-edge,#2d425d)!important;
    --tnx4172-soft:var(--qi388-soft,#192b43)!important;
    --tnx4172-blue:var(--qi388-blue,#9bc2ff)!important;
  }
  :root[data-area="app"][data-theme="dark"] .app.qi388-shell :is(.tnx4172-hero,.tnx360-hero,.tnx4172-app-card.tnx4172-featured,.tnx4172-tool,.tnx4188-stats>a,.tnx4188-workflows article,.tnx360-spotlight-grid>a) {background:var(--qi388-surface,#132238)!important;border-color:var(--qi388-edge,#2d425d)!important;color:var(--qi388-ink,#e9f0fb)!important}
  :root[data-area="app"][data-theme="dark"] .app.qi388-shell :is(.tnx4172-hero h2,.tnx4172-app-content>strong,.tnx4172-tool-link strong,.tnx4172-section-title h3,.tnx4203-module-heading h4,.tnx4188-stats strong,.tnx4188-workflows h3) {color:var(--qi388-ink,#e9f0fb)!important;-webkit-text-fill-color:currentColor!important}
  :root[data-area="app"][data-theme="dark"] .app.qi388-shell :is(.tnx4172-hero p,.tnx4172-app-desc,.tnx4172-app-content>small,.tnx4172-tool-link small,.tnx4172-section-title small,.tnx4203-module-heading>span,.tnx4188-stats span,.tnx4188-workflows p,.tnx4172-note) {color:var(--qi388-muted,#a0b4ce)!important;-webkit-text-fill-color:currentColor!important}
  :root[data-area="app"][data-theme="dark"] .app.qi388-shell .tnx4188-open {background:var(--qi388-blue-soft,#1c3658)!important;border-color:var(--qi388-blue-edge,#406a9c)!important;color:var(--qi388-blue,#9bc2ff)!important;-webkit-text-fill-color:currentColor!important}

  /* Strong field boundaries, opaque disabled labels and visible search focus. */
  :root[data-area="app"][data-theme="dark"] :is(.app.qi388-shell,.modal,.lookpop) .btn:is(.ghost,.secondary,.soft,.icon):not(.danger):not(.red):not([aria-pressed="true"]):not(:disabled):not([aria-disabled="true"]) {background:var(--qi388-soft,#192b43)!important;color:var(--qi388-ink,#e9f0fb)!important;-webkit-text-fill-color:currentColor!important;border-color:#7893b5!important}
  :root[data-area="app"][data-theme="dark"] :is(.app.qi388-shell,.modal,.lookpop) .btn:is(.ghost,.secondary,.soft,.icon):not(.danger):not(.red):not([aria-pressed="true"]):not(:disabled):not([aria-disabled="true"]):hover {background:var(--qi388-hover,#203752)!important;border-color:var(--qi388-blue,#9bc2ff)!important;color:var(--qi388-ink,#e9f0fb)!important}
  :root[data-area="app"][data-theme="dark"] :is(.app.qi388-shell,.modal,.lookpop) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="hidden"]),select,textarea) {background:var(--qi388-soft,#192b43)!important;color:var(--qi388-ink,#e9f0fb)!important;-webkit-text-fill-color:currentColor!important;border-color:#7893b5!important;caret-color:var(--qi388-ink,#e9f0fb)!important}
  :root[data-area="app"][data-theme="dark"] :is(.app.qi388-shell,.modal,.lookpop) :is(input,textarea)::placeholder {color:var(--qi388-muted,#a0b4ce)!important;-webkit-text-fill-color:currentColor!important;opacity:1!important}
  :root[data-area="app"][data-theme="dark"] :is(.app.qi388-shell,.modal,.lookpop) :is(button:disabled,.btn:disabled,[aria-disabled="true"],input:disabled,select:disabled,textarea:disabled) {opacity:1!important;background:var(--qi388-soft,#192b43)!important;color:var(--qi388-muted,#a0b4ce)!important;-webkit-text-fill-color:currentColor!important;border-color:#7893b5!important}
  :root[data-area="app"][data-theme="dark"] :is(.app.qi388-shell,.modal,.lookpop) :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible {outline:3px solid var(--qi388-blue,#9bc2ff)!important;outline-offset:3px!important}
  :root[data-area="app"][data-theme="dark"] .app.qi388-shell :is(.navfind,.tnx4172-search):focus-within {outline:3px solid var(--qi388-blue,#9bc2ff)!important;outline-offset:3px!important}
  :root[data-area="app"][data-theme="dark"] .app.qi388-shell .navfind input {background:transparent!important;border-color:transparent!important}
  :root[data-area="app"][data-theme="dark"] .app.qi388-shell .side :is(.grp,.plabel,.tnx-quicklinks-label,.ver,.tnx4236-nav-version) {color:var(--qi388-muted,#a0b4ce)!important;-webkit-text-fill-color:currentColor!important}
  /* The preserved6180 rule uses white; dark variants can use a pale action fill. */
  :root[data-area="app"][data-theme="dark"] .modal .scorecard-recommendation button[aria-pressed="true"] {color:var(--btn-ink,#fff)!important;-webkit-text-fill-color:var(--btn-ink,#fff)!important}
  :root[data-area="app"][data-theme="dark"] .app .qi-qs-list li.done .chk {background:var(--teal,#6fe0d3)!important;border-color:var(--teal,#6fe0d3)!important;color:var(--go-ink,#0a1220)!important;-webkit-text-fill-color:currentColor!important}
}

/* Related Admin controls share one owner and keep their existing theme tokens. */
@layer qi48 {
  :root[data-area="app"] :is([data-admin-phone-workspace="4241"],[data-admin-email-workspace="4241"],[data-admin-meet-workspace="4241"])>nav {
    display:flex;flex-wrap:wrap;gap:10px;padding:12px;
    border:1px solid var(--qi388-edge,#d5dfed);border-radius:12px;
    background:var(--qi388-surface,#fff);
  }
  :root[data-area="app"] :is([data-admin-phone-workspace="4241"],[data-admin-email-workspace="4241"],[data-admin-meet-workspace="4241"])>nav>a {
    min-height:42px;white-space:normal;text-align:center;
  }
  :root[data-area="app"] :is([data-admin-phone-workspace="4241"],[data-admin-email-workspace="4241"],[data-admin-meet-workspace="4241"])>nav>a[aria-current="page"] {
    font-weight:750;box-shadow:inset 0 -3px 0 currentColor;
  }
  :root[data-area="app"] :is([data-admin-phone-workspace="4241"],[data-admin-email-workspace="4241"],[data-admin-meet-workspace="4241"])>nav>a:focus-visible {
    outline:3px solid var(--qi388-blue,#245db7);outline-offset:3px;
  }
  :root[data-area="app"] [data-admin-phone-workspace="4241"] .ph-row .ph {margin:0;font-size:1.15rem;line-height:1.4}
  :root[data-area="app"] .mf-root .mf-hero h2 {font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.12;margin:12px 0 16px;max-width:820px;color:inherit}
  @media(max-width:640px) {
    :root[data-area="app"] :is([data-admin-phone-workspace="4241"],[data-admin-email-workspace="4241"],[data-admin-meet-workspace="4241"])>nav>a {flex:1 1 130px}
  }
}

/* TALNEXQ email workspace. All paint is scoped to mail; site and portal themes stay intact. */
@layer qi48 {
  .tqmail-workspace {
    --mail-surface:var(--qi388-surface,var(--surface,#fff));
    --mail-soft:var(--qi388-soft,var(--surface-2,#f3f7fc));
    --mail-ink:var(--qi388-ink,var(--ink,#162b49));
    --mail-muted:var(--qi388-muted,var(--muted,#58708f));
    --mail-line:var(--qi388-edge,var(--line,#d4dfed));
    --mail-blue:var(--qi388-blue,var(--blue,#245ec3));
    --mail-blue-soft:var(--qi388-blue-soft,#eaf2ff);
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-items:start!important;
    gap:16px!important;
    min-width:0!important;
    color:var(--mail-ink)!important;
  }
  .tqmail-layout {display:grid!important;grid-template-columns:190px minmax(0,1fr)!important;align-items:start!important;gap:16px!important;min-width:0!important;}
  .tqmail-header {padding:17px 18px!important;border:1px solid var(--mail-line)!important;border-radius:17px!important;background:linear-gradient(120deg,var(--mail-surface),var(--mail-soft))!important;}
  .tqmail-header-actions {display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;flex-wrap:wrap!important;}
  .tqmail-header-actions .btn {min-height:36px!important;font-size:12px!important;padding:8px 11px!important;}
  .tqmail-account-icon {display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:12px!important;background:var(--mail-blue-soft)!important;color:var(--mail-blue)!important;flex:none;}
  .tqmail-account-icon .ico {width:23px;height:23px;}
  .tqmail-sidebar-heading {display:flex;align-items:center;justify-content:space-between;gap:7px;}
  .tqmail-folders,.tqmail-sidebar-labels {display:grid!important;gap:4px!important;}
  .tqmail-scope {padding:11px 8px 4px!important;border-top:1px solid var(--mail-line)!important;font-size:11px!important;line-height:1.6!important;color:var(--mail-muted)!important;margin-top:7px!important;}
  .tqmail-label-dot {display:inline-block;width:8px;height:8px;border-radius:50%;flex:none;background:var(--mail-blue);}
  .tqmail-workspace :is(button,input,select,textarea) {font:inherit;}
  .tqmail-workspace :is(button,a,input,select,textarea):focus-visible,
  .tqmail-compose :is(button,input,select,textarea):focus-visible {outline:3px solid var(--qi388-blue,#3576dc)!important;outline-offset:3px!important;}
  .tqmail-workspace :is(button,a) {touch-action:manipulation;}
  .tqmail-sidebar {
    display:flex!important;flex-direction:column!important;gap:6px!important;
    min-width:0!important;padding:12px!important;border:1px solid var(--mail-line)!important;
    border-radius:18px!important;background:var(--mail-surface)!important;
    position:sticky;top:16px;
  }
  .tqmail-sidebar>.btn {width:100%!important;justify-content:center!important;margin-bottom:8px!important;min-height:44px!important;}
  .tqmail-sidebar :is(h3,h4) {font-size:11px!important;font-weight:750!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--mail-muted)!important;margin:14px 9px 6px!important;}
  .tqmail-sidebar nav {display:grid!important;gap:4px!important;}
  .tqmail-folder {
    display:flex!important;align-items:center!important;gap:10px!important;justify-content:flex-start!important;
    width:100%!important;min-height:42px!important;padding:10px 11px!important;margin:0!important;
    border:1px solid transparent!important;border-radius:11px!important;
    background:transparent!important;color:var(--mail-ink)!important;text-align:left!important;
    font-size:14px!important;font-weight:550!important;line-height:1.25!important;cursor:pointer!important;
  }
  .tqmail-folder .ico {width:18px;height:18px;flex:none;}
  .tqmail-folder:hover {background:var(--mail-soft)!important;border-color:var(--mail-line)!important;}
  .tqmail-folder:is(.is-active,[aria-pressed="true"],[aria-current="page"]) {
    background:var(--mail-blue-soft)!important;color:var(--mail-blue)!important;
    border-color:var(--mail-blue)!important;font-weight:750!important;
  }
  .tqmail-folder-count {margin-left:auto!important;min-width:22px!important;max-width:62px!important;padding:3px 6px!important;border-radius:7px!important;background:var(--mail-soft)!important;color:var(--mail-muted)!important;font-size:11px!important;font-variant-numeric:tabular-nums;white-space:nowrap;}
  .tqmail-folder.is-active .tqmail-folder-count {color:var(--mail-blue)!important;background:var(--mail-surface)!important;}
  .tqmail-main {display:grid!important;gap:12px!important;min-width:0!important;}
  .tqmail-topbar {display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:12px!important;grid-column:1/-1;min-width:0!important;}
  .tqmail-account {display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:9px!important;min-width:0!important;}
  .tqmail-account :is(b,strong) {font-size:15px!important;color:var(--mail-ink,var(--qi388-ink))!important;overflow-wrap:anywhere;}
  .tqmail-account :is(p,small),.tqmail-status {font-size:12px!important;line-height:1.5!important;color:var(--mail-muted,var(--qi388-muted))!important;}
  .tqmail-status {display:flex;align-items:center;gap:6px;}
  .tqmail-status:before {content:"";width:6px;height:6px;border-radius:50%;background:var(--qi388-green,#248b5b);flex:none;}
  .tqmail-actions,.tqmail-reader-actions {display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:7px!important;}
  .tqmail-actions .btn {min-height:36px!important;padding:8px 12px!important;font-size:12px!important;}
  .tqmail-toolbar {
    display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:10px!important;
    padding:12px!important;border:1px solid var(--mail-line)!important;border-radius:14px!important;background:var(--mail-surface)!important;
  }
  .tqmail-search {display:flex!important;align-items:center!important;gap:9px!important;flex:1 1 260px!important;min-width:160px!important;}
  .tqmail-search input {width:100%!important;min-width:0!important;min-height:40px!important;}
  .tqmail-toolbar>.kitsearch {flex:1 1 260px!important;min-width:160px!important;margin:0!important;}
  .tqmail-toolbar>.kitsearch input {width:100%!important;min-width:0!important;}
  .tqmail-toolbar>select {max-width:180px!important;min-height:40px!important;}
  .tqmail-toolbar .btn {min-height:40px!important;white-space:nowrap;}
  .tqmail-toolbar-heading {display:grid;gap:3px;min-width:110px;}
  .tqmail-toolbar-heading :is(h2,h3) {font-size:17px!important;line-height:1.4!important;color:var(--mail-ink)!important;margin:0!important;}
  .tqmail-toolbar-heading :is(small,p) {font-size:11px!important;color:var(--mail-muted)!important;margin:0!important;}
  .tqmail-toolbar-controls {display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;flex:1 1 300px!important;min-width:0!important;justify-content:flex-end!important;}
  .tqmail-toolbar-controls .tqmail-search {flex:1 1 180px!important;}
  .tqmail-toolbar-controls select {width:auto!important;max-width:145px!important;min-height:40px!important;}
  .tqmail-filters {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;padding:16px!important;border:1px solid var(--mail-line)!important;border-radius:14px!important;background:var(--mail-soft)!important;}
  .tqmail-filters .fld {margin:0!important;min-width:0!important;}
  .tqmail-filters :is(input,select) {width:100%!important;min-width:0!important;min-height:40px!important;}
  .tqmail-filters>.actions {grid-column:1/-1;}
  .tqmail-filter-actions {grid-column:1/-1!important;display:flex!important;align-items:center;flex-wrap:wrap;gap:8px;}
  .tqmail-filter-summary {display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px!important;color:var(--mail-muted)!important;padding:2px 4px;}
  .tqmail-content {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;align-items:start!important;min-width:0!important;}
  .tqmail-content[data-reading="true"] {grid-template-columns:minmax(270px,.85fr) minmax(0,1.15fr)!important;}
  .tqmail-list {min-width:0!important;border:1px solid var(--mail-line)!important;border-radius:16px!important;overflow:hidden!important;background:var(--mail-surface)!important;padding:0!important;}
  .tqmail-bulk {display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:9px!important;padding:11px 13px!important;min-height:48px!important;border-bottom:1px solid var(--mail-line)!important;background:var(--mail-soft)!important;}
  .tqmail-bulk .actions {display:flex;flex-wrap:wrap;gap:6px;}
  .tqmail-bulk .btn {font-size:12px!important;min-height:32px!important;padding:6px 9px!important;}
  .tqmail-bulk select {width:auto!important;max-width:160px!important;min-height:32px!important;font-size:12px!important;}
  .tqmail-message {display:grid!important;grid-template-columns:23px 27px minmax(0,1fr)!important;align-items:start!important;gap:4px!important;padding:10px 11px!important;border-bottom:1px solid var(--mail-line)!important;background:var(--mail-surface)!important;min-width:0!important;}
  .tqmail-message:last-child {border-bottom:0!important;}
  .tqmail-message:hover {background:var(--mail-soft)!important;}
  .tqmail-message:is(.is-selected,.is-active,.is-open,[data-open="true"]) {background:var(--mail-blue-soft)!important;box-shadow:inset 3px 0 var(--mail-blue)!important;}
  .tqmail-message.is-unread {background:var(--mail-soft)!important;}
  .tqmail-message.is-unread .tqmail-row-open :is(.mfrom,.msub,strong) {font-weight:750!important;}
  .tqmail-row-check {width:17px!important;height:17px!important;margin:7px 0 0!important;accent-color:var(--mail-blue)!important;cursor:pointer!important;}
  .tqmail-row-star {display:grid!important;place-items:center!important;width:27px!important;height:30px!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:7px!important;background:transparent!important;color:var(--mail-muted)!important;font-size:19px!important;cursor:pointer!important;}
  .tqmail-row-star[aria-pressed="true"] {color:var(--qi388-amber,#a96c0a)!important;}
  .tqmail-row-star:hover {background:var(--mail-blue-soft)!important;color:var(--mail-blue)!important;}
  .tqmail-row-open {display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:4px 9px!important;width:100%!important;min-width:0!important;min-height:62px!important;margin:0!important;padding:2px 5px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:var(--mail-ink)!important;text-align:left!important;line-height:1.45!important;cursor:pointer!important;box-shadow:none!important;transform:none!important;}
  .tqmail-row-open .mfrom {font-size:13px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .tqmail-row-open .mdate {font-size:10px!important;color:var(--mail-muted)!important;white-space:nowrap;}
  .tqmail-row-open .msub {grid-column:1/-1!important;font-size:13px!important;color:var(--mail-ink)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .tqmail-row-open .mprev {grid-column:1/-1!important;font-size:12px!important;line-height:1.5!important;color:var(--mail-muted)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .tqmail-row-open .chip {font-size:10px!important;padding:2px 6px!important;vertical-align:middle;}
  .tqmail-message-heading {grid-column:1/-1;display:flex!important;justify-content:space-between!important;align-items:baseline!important;gap:10px!important;min-width:0!important;width:100%!important;}
  .tqmail-message-sender {font-size:13px!important;font-weight:650!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;min-width:0;}
  .tqmail-message-date {font-size:10px!important;font-weight:450!important;color:var(--mail-muted)!important;white-space:nowrap!important;flex:none;}
  .tqmail-message-subject {grid-column:1/-1!important;font-size:13px!important;color:var(--mail-ink)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important;}
  .tqmail-message-preview {grid-column:1/-1!important;font-size:12px!important;line-height:1.5!important;color:var(--mail-muted)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important;}
  .tqmail-message.is-unread :is(.tqmail-message-sender,.tqmail-message-subject) {font-weight:800!important;}
  .tqmail-selection-bar {display:flex!important;align-items:center!important;justify-content:space-between!important;gap:9px!important;min-height:46px!important;padding:10px 12px!important;border-bottom:1px solid var(--mail-line)!important;background:var(--mail-soft)!important;}
  .tqmail-reader {display:grid!important;gap:15px!important;min-width:0!important;min-height:390px!important;padding:20px!important;border:1px solid var(--mail-line)!important;border-radius:16px!important;background:var(--mail-surface)!important;}
  .tqmail-reader-head {display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;min-width:0!important;}
  .tqmail-reader-head h2 {font-size:20px!important;font-weight:750!important;line-height:1.4!important;margin:0!important;overflow-wrap:anywhere;color:var(--mail-ink)!important;}
  .tqmail-reader-title {display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;min-width:0!important;font-size:20px!important;font-weight:750!important;line-height:1.4!important;margin:0!important;overflow-wrap:anywhere;color:var(--mail-ink)!important;}
  .tqmail-reader-title h2 {flex:1;min-width:0;}
  .tqmail-filters,.tqmail-filter-summary,.tqmail-book-tags {flex-basis:100%!important;width:100%!important;}
  .tqmail-reader-actions {gap:6px!important;padding-bottom:12px!important;border-bottom:1px solid var(--mail-line)!important;}
  .tqmail-reader-actions .btn {font-size:12px!important;min-height:34px!important;padding:7px 9px!important;}
  .tqmail-reader-actions select {max-width:150px!important;min-height:34px!important;}
  .tqmail-reader-meta {display:grid!important;gap:5px!important;color:var(--mail-muted)!important;font-size:12px!important;line-height:1.6!important;overflow-wrap:anywhere;}
  .tqmail-reader-meta :is(b,strong) {color:var(--mail-ink)!important;}
  .tqmail-reader-meta p {margin:0!important;font:inherit!important;}
  .tqmail-more {position:relative;}
  .tqmail-more>summary {cursor:pointer;list-style:none;}
  .tqmail-more>summary::-webkit-details-marker {display:none;}
  .tqmail-more-menu {position:absolute;top:calc(100% + 6px);right:0;z-index:12;min-width:190px;display:grid;gap:5px;padding:9px;border:1px solid var(--mail-line);border-radius:12px;background:var(--mail-surface);box-shadow:0 12px 32px #0002;}
  .tqmail-more-menu .btn {justify-content:flex-start!important;width:100%!important;}
  .tqmail-reader-body {font:14px/1.8 var(--font,system-ui)!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;word-break:normal!important;background:var(--mail-surface)!important;color:var(--mail-ink)!important;padding:4px 0!important;margin:0!important;max-height:65vh;overflow:auto;}
  .tqmail-pagination {display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:10px!important;padding:12px 2px!important;font-size:12px!important;color:var(--mail-muted)!important;}
  .tqmail-pagination .actions {display:flex;gap:7px;}
  .tqmail-pagination .btn {font-size:12px!important;min-height:34px!important;}
  .tqmail-empty {display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important;min-height:330px!important;padding:40px 24px!important;text-align:center!important;color:var(--mail-muted)!important;}
  .tqmail-empty h3 {font-size:20px!important;line-height:1.4!important;color:var(--mail-ink)!important;margin:0!important;}
  .tqmail-empty p {display:block!important;font-size:13px!important;line-height:1.7!important;max-width:400px!important;margin:0!important;}
  .tqmail-empty>.ico {width:36px;height:36px;color:var(--mail-blue);}
  .tqmail-empty .actions {display:flex;justify-content:center;flex-wrap:wrap;gap:8px;}
  .tqmail-book-toolbar {display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:10px!important;justify-content:space-between!important;}
  .tqmail-book-toolbar .kitsearch {flex:1 1 220px!important;}
  .tqmail-book-tags {display:flex!important;flex-wrap:wrap!important;gap:7px!important;}
  .tqmail-book-tags .btn {min-height:32px!important;font-size:12px!important;}
  .tqmail-contact-form {display:grid!important;gap:12px!important;padding:18px!important;border:1px solid var(--mail-line,var(--qi388-edge))!important;border-radius:14px!important;background:var(--mail-surface,var(--qi388-surface))!important;}
  .tqmail-contact-table {width:100%!important;font-size:13px!important;}
  .tqmail-contact-table :is(th,td) {padding:12px 10px!important;vertical-align:middle!important;overflow-wrap:anywhere;}
  .tqmail-contact-table th {font-size:11px!important;letter-spacing:.04em;text-transform:uppercase;color:var(--mail-muted,var(--qi388-muted))!important;}
  .tqmail-contact-table .btn {min-height:30px!important;padding:5px 8px!important;font-size:11px!important;}

  /* Compose is a body portal: use the same scoped semantic colors outside .app. */
  .tqmail-compose {display:grid!important;gap:16px!important;min-width:0!important;}
  .tqmail-compose :is(.fld>span,legend) {font-size:13px!important;font-weight:700!important;color:var(--qi388-ink,var(--ink))!important;}
  .tqmail-compose .row2 {gap:14px!important;}
  .tqmail-compose .row3 {gap:12px!important;}
  .tqmail-compose :is(input,textarea,select) {min-width:0!important;}
  .tqmail-compose textarea {resize:vertical;}
  .tqmail-compose [aria-invalid="true"] {border-color:var(--qi388-red,#bc2949)!important;outline-color:var(--qi388-red,#bc2949)!important;}
  .tqmail-recipient-status,.tqmail-draft-status,.tqmail-compose-status,.tqmail-recipient-summary,.tqmail-compose-meta {display:block;font-size:12px!important;line-height:1.6!important;color:var(--qi388-muted,var(--muted))!important;}
  .tqmail-compose-intro {display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:8px!important;padding:10px 12px!important;border-radius:10px!important;background:var(--qi388-soft,var(--surface-2))!important;}
  .tqmail-compose-intro :is(p,small) {margin:0!important;font-size:12px!important;line-height:1.6!important;}
  .tqmail-compose-progress {display:flex;align-items:center;gap:8px;font-size:12px!important;line-height:1.5!important;color:var(--qi388-blue,#3576dc)!important;}
  .modal:has(.tqmail-compose) .mf {flex-wrap:wrap!important;gap:8px!important;}
  .modal:has(.tqmail-compose) .mf>.tqmail-compose-status {flex:1 1 200px!important;margin-right:auto!important;}
  .tqmail-attachment-heading {display:flex!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;}
  .tqmail-file-list {display:grid!important;gap:7px!important;}
  .tqmail-dropzone {display:grid!important;gap:10px!important;padding:16px!important;border:1px dashed var(--qi388-edge-strong,#9aafca)!important;border-radius:12px!important;background:var(--qi388-soft,var(--surface-2))!important;}
  .tqmail-dropzone:is(.dragging,.is-dragging,[data-dragging="true"]) {border:2px solid var(--qi388-blue,#3576dc)!important;background:var(--qi388-blue-soft,#eaf2ff)!important;}
  .tqmail-dropzone>p {margin:0!important;font-size:12px!important;line-height:1.6!important;color:var(--qi388-muted,var(--muted))!important;}
  .tqmail-file {display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:8px!important;padding:9px 11px!important;border:1px solid var(--qi388-edge,var(--line))!important;border-radius:9px!important;background:var(--qi388-surface,var(--surface))!important;font-size:12px!important;overflow-wrap:anywhere;}
  .tqmail-file .btn {min-height:28px!important;font-size:11px!important;padding:5px 8px!important;}
  .tqmail-editor-toolbar,.tqmail-editor-tools {display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:6px!important;padding:8px!important;border:1px solid var(--qi388-edge,var(--line))!important;border-radius:10px!important;background:var(--qi388-soft,var(--surface-2))!important;}
  .tqmail-editor-toolbar .btn,.tqmail-editor-tools .btn {min-height:30px!important;font-size:11px!important;padding:6px 8px!important;}
  .tqmail-editor-stats {display:flex;justify-content:space-between;gap:8px;font-size:11px!important;line-height:1.5!important;color:var(--qi388-muted,var(--muted))!important;}

  @media(min-width:1450px) {
    .tqmail-layout {grid-template-columns:205px minmax(0,1fr)!important;gap:20px!important;}
    .tqmail-content[data-reading="true"] {grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr)!important;}
  }
  @media(max-width:1200px) {
    .tqmail-layout {grid-template-columns:165px minmax(0,1fr)!important;gap:12px!important;}
    .tqmail-sidebar {padding:8px!important;}
    .tqmail-folder {font-size:12px!important;padding:9px 8px!important;gap:7px!important;}
    .tqmail-content[data-reading="true"] {grid-template-columns:minmax(0,1fr)!important;}
    .tqmail-content[data-reading="true"] .tqmail-list {display:none!important;}
    .tqmail-filters {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  }
  @media(max-width:760px) {
    .tqmail-layout {grid-template-columns:minmax(0,1fr)!important;}
    .tqmail-sidebar {position:static!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;padding:9px!important;}
    .tqmail-sidebar nav {display:contents!important;}
    .tqmail-sidebar .tqmail-folders {display:contents!important;}
    .tqmail-sidebar :is(.tqmail-sidebar-heading,.tqmail-sidebar-labels,.tqmail-scope) {grid-column:1/-1!important;}
    .tqmail-sidebar-labels {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
    .tqmail-sidebar>.btn,.tqmail-sidebar :is(h3,h4) {grid-column:1/-1!important;}
    .tqmail-sidebar>.btn {margin-bottom:4px!important;}
    .tqmail-folder {justify-content:flex-start!important;gap:6px!important;min-height:40px!important;padding:8px!important;font-size:11px!important;}
    .tqmail-folder .ico {width:14px;height:14px;}
    .tqmail-folder-count {min-width:16px!important;padding:2px 4px!important;font-size:10px!important;}
    .tqmail-topbar {align-items:flex-start!important;}
    .tqmail-header {padding:13px!important;}
    .tqmail-header-actions {justify-content:flex-start!important;}
    .tqmail-toolbar {gap:8px!important;padding:9px!important;}
    .tqmail-toolbar>.kitsearch,.tqmail-search {flex-basis:100%!important;}
    .tqmail-toolbar>select {flex:1 1 100px!important;max-width:none!important;}
    .tqmail-message {padding:10px 8px!important;grid-template-columns:22px 25px minmax(0,1fr)!important;}
    .tqmail-reader {padding:15px!important;}
    .tqmail-reader-head h2 {font-size:18px!important;}
    .tqmail-reader-body {font-size:13px!important;}
    .tqmail-empty {min-height:240px!important;padding:28px 16px!important;}
    .tqmail-contact-table :is(th,td) {padding:9px 6px!important;}
    .tqmail-compose .row3 {grid-template-columns:minmax(0,1fr)!important;}
    .modal:has(.tqmail-compose) .mf>.btn {flex:1 1 110px!important;justify-content:center!important;min-height:40px!important;}
    .modal:has(.tqmail-compose) .mf>.tqmail-compose-status {flex-basis:100%!important;}
  }
  @media(max-width:480px) {
    .tqmail-filters {grid-template-columns:minmax(0,1fr)!important;}
    .tqmail-row-open .mdate {font-size:9px!important;}
    .tqmail-pagination {align-items:flex-start!important;}
    .tqmail-reader-actions .btn {flex:1 1 auto;}
    .tqmail-compose .row2 {grid-template-columns:minmax(0,1fr)!important;}
  }
  @media print {
    body:has(.tqmail-reader) * {visibility:hidden!important;}
    body:has(.tqmail-reader) .tqmail-reader,
    body:has(.tqmail-reader) .tqmail-reader * {visibility:visible!important;}
    body:has(.tqmail-reader) .tqmail-reader {position:absolute!important;top:0!important;left:0!important;width:100%!important;border:0!important;padding:0!important;color:#111!important;background:#fff!important;}
    body:has(.tqmail-reader) .tqmail-reader-actions {display:none!important;}
    body:has(.tqmail-reader) .tqmail-reader-body {max-height:none!important;overflow:visible!important;color:#111!important;background:#fff!important;}
  }
}

/* Clickable scorecard ratings in body-mounted dialogs, in both portal themes. */
@layer qi48 {
  .modal .scorecard-ratings{display:grid;gap:12px;min-width:0}
  .modal .scorecard-rating{min-width:0;margin:0;padding:12px;border:1px solid var(--line)!important;border-radius:var(--radius-sm,10px)}
  .modal .scorecard-rating legend{padding:0 5px;font-weight:700;color:var(--ink)!important;overflow-wrap:anywhere}
  .modal .scorecard-rating-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:8px}
  .modal .scorecard-rating-option{box-sizing:border-box;display:flex;align-items:center;gap:9px;min-height:48px;padding:10px;border:1px solid var(--line-2)!important;border-radius:var(--radius-sm,10px);background:var(--surface)!important;color:var(--ink)!important;cursor:pointer;touch-action:manipulation}
  .modal .scorecard-rating-option.selected{border-color:var(--accent)!important;background:var(--accent-soft)!important}
  .modal .scorecard-rating-option:focus-within{outline:3px solid var(--accent)!important;outline-offset:2px}
  .modal .scorecard-rating-option input{margin:0;flex:none}
  .modal .scorecard-rating[disabled] .scorecard-rating-option{cursor:wait}
}

/* TALNEXQ quantum workspace / build4244.
   Opt-in presentation for the existing portal, authentication and client entry.
   Theme selection, routes, permissions, responsive layout and hidden states are
   owned by the application. Decorative network artwork contains no live data. */

body.quantum-workspace4244 {
  --qx-canvas:#f1f5fc;--qx-surface:#fff;--qx-soft:#f5f8ff;--qx-hover:#eaf2ff;
  --qx-ink:#142640;--qx-secondary:#3c536f;--qx-muted:#536780;
  --qx-line:#d4e0f0;--qx-line-strong:#9eb3cf;--qx-blue:#205ac9;
  --qx-cyan:#087da3;--qx-violet:#7146c5;--qx-accent-soft:#e8f1ff;
  --qx-accent-line:#b7d0f5;--qx-focus:#1966cd;--qx-danger:#b82d48;
  --qx-danger-soft:#fff0f3;--qx-danger-line:#df9ba9;
  --qx-primary:linear-gradient(115deg,#086c9d 0%,#2352c4 56%,#6445bb 100%);
  --qx-primary-hover:linear-gradient(115deg,#075a85 0%,#1c43aa 56%,#5536a4 100%);
  --qx-shadow:0 2px 4px #16386705,0 9px 24px #16386708;
  --qx-lift:0 10px 30px #1c4c8520;
  --qx-hero:linear-gradient(115deg,#091b33 0%,#102a4b 58%,#26234d 100%);
  --qx-network:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 480 260' fill='none'%3E%3Cg stroke='%235ecce8' stroke-opacity='.24'%3E%3Cellipse cx='318' cy='130' rx='130' ry='49' transform='rotate(-32 318 130)'/%3E%3Cellipse cx='318' cy='130' rx='130' ry='49' transform='rotate(32 318 130)'/%3E%3Ccircle cx='318' cy='130' r='91'/%3E%3Cpath d='M126 55 230 91 318 130 403 70M101 191 230 170 318 130 430 201M230 91 230 170M403 70 430 201'/%3E%3C/g%3E%3Cg fill='%2376e3f5' fill-opacity='.6'%3E%3Ccircle cx='126' cy='55' r='3'/%3E%3Ccircle cx='101' cy='191' r='3'/%3E%3Ccircle cx='230' cy='91' r='4'/%3E%3Ccircle cx='230' cy='170' r='4'/%3E%3Ccircle cx='318' cy='130' r='6'/%3E%3Ccircle cx='403' cy='70' r='4'/%3E%3C/g%3E%3Cg fill='%23ae91ff' fill-opacity='.65'%3E%3Ccircle cx='430' cy='201' r='5'/%3E%3Ccircle cx='318' cy='39' r='4'/%3E%3Ccircle cx='318' cy='221' r='3'/%3E%3C/g%3E%3C/svg%3E");
  --qi388-canvas:var(--qx-canvas);--qi388-surface:var(--qx-surface);--qi388-soft:var(--qx-soft);
  --qi388-hover:var(--qx-hover);--qi388-ink:var(--qx-ink);--qi388-secondary:var(--qx-secondary);
  --qi388-muted:var(--qx-muted);--qi388-edge:var(--qx-line);--qi388-edge-strong:var(--qx-line-strong);
  --qi388-blue:var(--qx-blue);--qi388-blue-hover:#16479f;--qi388-blue-soft:var(--qx-accent-soft);
  --qi388-blue-edge:var(--qx-accent-line);--qi388-on-blue:#fff;--qi388-shadow:var(--qx-shadow);
}
:root[data-theme="dark"] body.quantum-workspace4244 {
  --qx-canvas:#091322;--qx-surface:#112139;--qx-soft:#172b45;--qx-hover:#203956;
  --qx-ink:#eef5ff;--qx-secondary:#c5d6ec;--qx-muted:#a5b9d3;
  --qx-line:#304965;--qx-line-strong:#6d89ac;--qx-blue:#9ec8ff;
  --qx-cyan:#7ddded;--qx-violet:#c0a9ff;--qx-accent-soft:#1c365b;
  --qx-accent-line:#537dad;--qx-focus:#7ddded;--qx-danger:#ffb6c5;
  --qx-danger-soft:#432738;--qx-danger-line:#ad6b83;
  --qx-shadow:0 2px 4px #0000000d,0 9px 24px #0000001f;
  --qx-lift:0 12px 30px #00000038;
  --qi388-blue-hover:#c7dfff;
}

/* The portal's legacy important paint lives in this layer. Reopen it here so
   the shared controls keep one foreground/background pairing in both themes. */
@layer qi48 {
  :root:is([data-area="app"],[data-area="auth"]) body.quantum-workspace4244 {
    background:var(--qx-canvas)!important;color:var(--qx-ink)!important;
  }
  :root[data-area="app"][data-theme] body.quantum-workspace4244 .app.qi388-shell {
    --paper:var(--qx-canvas)!important;--surface:var(--qx-surface)!important;--surface-2:var(--qx-soft)!important;
    --ink:var(--qx-ink)!important;--ink-2:var(--qx-secondary)!important;--ink-3:var(--qx-muted)!important;
    --line:var(--qx-line)!important;--line-2:var(--qx-line-strong)!important;
    --btn:#2256c2!important;--btn-hover:#1946a2!important;--btn-ink:#fff!important;
    --accent:var(--qx-blue)!important;--accent-soft:var(--qx-accent-soft)!important;
    color:var(--qx-ink)!important;
  }
  :root[data-area="app"][data-theme] body.quantum-workspace4244 .app.qi388-shell :is(.main,.content) {
    background:radial-gradient(ellipse 760px 400px at 100% 0,#1889c609,transparent 78%),var(--qx-canvas)!important;
  }
  :root[data-area="app"][data-theme] body.quantum-workspace4244 .app.qi388-shell > .side {
    background:linear-gradient(165deg,var(--qx-surface),var(--qx-soft))!important;
    border-color:var(--qx-line)!important;box-shadow:3px 0 24px #16477607!important;
  }
  :root[data-area="app"][data-theme] body.quantum-workspace4244 .app.qi388-shell .ptop.qi388-topbar {
    background:var(--qx-surface)!important;border-color:var(--qx-line)!important;
    box-shadow:0 2px 14px #16477606!important;
  }
  :root[data-area="app"][data-theme] body.quantum-workspace4244 .app.qi388-shell .ptop h1 {
    color:var(--qx-ink)!important;letter-spacing:-.035em!important;
  }
  :root[data-area="app"][data-theme] body.quantum-workspace4244 .app.qi388-shell :is(.qi388-contextbar,.tnx4236-portal-context) {
    background:var(--qx-soft)!important;border-color:var(--qx-line)!important;color:var(--qx-ink)!important;
  }
  :root[data-area="app"][data-theme] body.quantum-workspace4244 .app.qi388-shell .tnx4236-context-icon {
    background:var(--qx-primary)!important;color:#fff!important;
    box-shadow:0 3px 10px #2256c222!important;
  }
  :root[data-area="app"][data-theme] body.quantum-workspace4244 .app.qi388-shell .side :is(nav a,.tnx4203-category > summary,.tnx4236-tools > summary) {
    color:var(--qx-secondary)!important;border-radius:10px!important;
  }
  :root[data-area="app"][data-theme] body.quantum-workspace4244 .app.qi388-shell .side :is(nav a,.tnx4203-category > summary,.tnx4236-tools > summary):hover {
    background:var(--qx-hover)!important;color:var(--qx-blue)!important;
  }
  :root[data-area="app"][data-theme] body.quantum-workspace4244 .app.qi388-shell .side nav a:is(.on,[aria-current="page"],[aria-current="location"]) {
    background:var(--qx-accent-soft)!important;color:var(--qx-blue)!important;
    box-shadow:inset 3px 0 var(--qx-cyan),inset 0 0 0 1px var(--qx-accent-line)!important;
    font-weight:750!important;
  }
  :root[data-area="app"][data-theme] body.quantum-workspace4244 .app.qi388-shell .side :is(.grp,.plabel,.ver,.tnx4236-nav-version) {
    color:var(--qx-muted)!important;-webkit-text-fill-color:currentColor!important;
  }

  /* Consistent action hierarchy. Provider, positive and call controls retain
     their own semantic paint. Small/icon controls retain their compact sizes. */
  :root:is([data-area="app"],[data-area="auth"])[data-theme] body.quantum-workspace4244 :is(.app.qi388-shell,.tnx-auth-page,.modal,.lookpop) .btn {
    border-radius:11px!important;font-weight:650!important;letter-spacing:0!important;
    text-decoration:none!important;
    transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease!important;
  }
  :root:is([data-area="app"],[data-area="auth"])[data-theme] body.quantum-workspace4244 :is(.app.qi388-shell,.tnx-auth-page,.modal) .btn:not(.sm):not(.small):not(.icon):not(.link) {
    min-height:44px!important;
  }
  :root:is([data-area="app"],[data-area="auth"])[data-theme] body.quantum-workspace4244 :is(.app.qi388-shell,.tnx-auth-page,.modal,.lookpop) .btn:not(.ghost):not(.secondary):not(.soft):not(.link):not(.icon):not(.danger):not(.red):not(.go):not(.stop):not(.ssobtn):not(.prhang):not(:disabled):not([aria-disabled="true"]) {
    background:var(--qx-primary)!important;border-color:#326cbd!important;
    color:#fff!important;-webkit-text-fill-color:#fff!important;
    box-shadow:0 4px 12px #2354bd25,inset 0 1px 0 #ffffff26!important;
  }
  :root:is([data-area="app"],[data-area="auth"])[data-theme] body.quantum-workspace4244 :is(.app.qi388-shell,.tnx-auth-page,.modal,.lookpop) .btn:not(.ghost):not(.secondary):not(.soft):not(.link):not(.icon):not(.danger):not(.red):not(.go):not(.stop):not(.ssobtn):not(.prhang):not(:disabled):not([aria-disabled="true"]):hover {
    background:var(--qx-primary-hover)!important;box-shadow:0 5px 16px #2354bd35!important;
  }
  :root:is([data-area="app"],[data-area="auth"])[data-theme] body.quantum-workspace4244 :is(.app.qi388-shell,.tnx-auth-page,.modal,.lookpop) .btn:is(.ghost,.secondary,.soft,.icon):not(.danger):not(.red):not(.go):not(.stop):not(.ssobtn):not([aria-pressed="true"]):not(:disabled):not([aria-disabled="true"]) {
    background:var(--qx-surface)!important;border:1px solid var(--qx-line-strong)!important;
    color:var(--qx-secondary)!important;-webkit-text-fill-color:currentColor!important;box-shadow:none!important;
  }
  :root:is([data-area="app"],[data-area="auth"])[data-theme] body.quantum-workspace4244 :is(.app.qi388-shell,.tnx-auth-page,.modal,.lookpop) .btn:is(.ghost,.secondary,.soft,.icon):not(.danger):not(.red):not(.go):not(.stop):not(.ssobtn):not([aria-pressed="true"]):not(:disabled):not([aria-disabled="true"]):hover {
    background:var(--qx-hover)!important;border-color:var(--qx-blue)!important;color:var(--qx-blue)!important;
  }
  :root:is([data-area="app"],[data-area="auth"])[data-theme] body.quantum-workspace4244 :is(.app.qi388-shell,.tnx-auth-page,.modal) .btn:is(.danger,.red):not(:disabled):not([aria-disabled="true"]) {
    background:var(--qx-danger-soft)!important;border:1px solid var(--qx-danger-line)!important;
    color:var(--qx-danger)!important;-webkit-text-fill-color:currentColor!important;box-shadow:none!important;
  }
  :root:is([data-area="app"],[data-area="auth"])[data-theme] body.quantum-workspace4244 :is(.app.qi388-shell,.tnx-auth-page,.modal) .btn.link {
    color:var(--qx-blue)!important;-webkit-text-fill-color:currentColor!important;
  }
  :root:is([data-area="app"],[data-area="auth"])[data-theme] body.quantum-workspace4244 :is(.app.qi388-shell,.tnx-auth-page,.modal,.lookpop) :is(button:disabled,.btn:disabled,.btn[aria-disabled="true"]) {
    background:var(--qx-soft)!important;border-color:var(--qx-line)!important;
    color:var(--qx-muted)!important;-webkit-text-fill-color:currentColor!important;
    box-shadow:none!important;opacity:1!important;cursor:not-allowed!important;
  }
  :root:is([data-area="app"],[data-area="auth"])[data-theme] body.quantum-workspace4244 :is(.app.qi388-shell,.tnx-auth-page,.modal,.lookpop) :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible {
    outline:3px solid var(--qx-focus)!important;outline-offset:3px!important;
  }

  /* Readable fields and tables, without changing overflow, hidden or validation
     behavior. Native checkbox, radio, file, color and range controls are spared. */
  :root:is([data-area="app"],[data-area="auth"])[data-theme] body.quantum-workspace4244 :is(.app.qi388-shell,.tnx-auth-page,.modal,.lookpop) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]),select,textarea) {
    background:var(--qx-surface)!important;border-color:var(--qx-line-strong)!important;
    color:var(--qx-ink)!important;-webkit-text-fill-color:currentColor!important;
    caret-color:var(--qx-blue)!important;border-radius:10px!important;
  }
  :root:is([data-area="app"],[data-area="auth"])[data-theme] body.quantum-workspace4244 :is(.app.qi388-shell,.tnx-auth-page,.modal,.lookpop) :is(input,textarea)::placeholder {
    color:var(--qx-muted)!important;-webkit-text-fill-color:currentColor!important;opacity:1!important;
  }
  :root:is([data-area="app"],[data-area="auth"])[data-theme] body.quantum-workspace4244 :is(.app.qi388-shell,.tnx-auth-page,.modal,.lookpop) :is(input,select,textarea)[aria-invalid="true"] {
    border-color:var(--qx-danger)!important;
  }
  :root:is([data-area="app"],[data-area="auth"])[data-theme] body.quantum-workspace4244 :is(.app.qi388-shell,.tnx-auth-page,.modal,.lookpop) :is(input:disabled,select:disabled,textarea:disabled) {
    background:var(--qx-soft)!important;color:var(--qx-muted)!important;
    -webkit-text-fill-color:currentColor!important;border-color:var(--qx-line)!important;opacity:1!important;
  }
  :root[data-area="app"][data-theme] body.quantum-workspace4244 .app.qi388-shell :is(.navfind,.tnx4172-search) {
    background:var(--qx-surface)!important;border-color:var(--qx-line-strong)!important;border-radius:11px!important;
  }
  :root[data-area="app"][data-theme] body.quantum-workspace4244 .app.qi388-shell :is(.navfind,.tnx4172-search) input {
    background:transparent!important;border-color:transparent!important;box-shadow:none!important;
  }
  :root[data-area="app"][data-theme] body.quantum-workspace4244 .app.qi388-shell :is(.navfind,.tnx4172-search):focus-within {
    outline:3px solid var(--qx-focus)!important;outline-offset:2px!important;
  }
  :root[data-area="app"][data-theme] body.quantum-workspace4244 .app.qi388-shell :is(.tbl,.tnx-office-table) th {
    background:var(--qx-soft)!important;color:var(--qx-secondary)!important;
    -webkit-text-fill-color:currentColor!important;border-color:var(--qx-line)!important;
    font-weight:700!important;
  }
  :root[data-area="app"][data-theme] body.quantum-workspace4244 .app.qi388-shell :is(.tbl,.tnx-office-table) td {
    border-color:var(--qx-line)!important;
  }
  :root[data-area="app"][data-theme] body.quantum-workspace4244 .app.qi388-shell .tbl tr.click:hover td {
    background:var(--qx-hover)!important;
  }

  /* Existing data surfaces and Office module cards share the same visual frame.
     Specialized charts, status badges and deliberate dark islands keep colors. */
  :root[data-area="app"][data-theme] body.quantum-workspace4244 .app.qi388-shell .content :is(.panel,.chart-panel,.chart-wrap,.tnx4172-app-card,.tnx4172-tool,.tnx4188-workflows article,.tnx-office-panel,.tnx-office-module) {
    background:var(--qx-surface)!important;border-color:var(--qx-line)!important;
    border-radius:18px!important;box-shadow:var(--qx-shadow)!important;color:var(--qx-ink)!important;
  }
  :root[data-area="app"][data-theme] body.quantum-workspace4244 .app.qi388-shell .content :is(.tnx4172-app-card,.tnx4172-tool,.tnx-office-module):hover {
    border-color:var(--qx-blue)!important;box-shadow:var(--qx-lift)!important;
  }
  :root[data-area="app"][data-theme] body.quantum-workspace4244 .app.qi388-shell :is(.tnx4172-app-icon,.tnx-office-module-icon,.tnx-office-avatar) {
    background:linear-gradient(145deg,var(--qx-soft),var(--qx-accent-soft))!important;
    color:var(--qx-blue)!important;border:1px solid var(--qx-accent-line)!important;
    border-radius:14px!important;box-shadow:inset 0 1px 0 #ffffff22!important;
  }
  :root[data-area="app"][data-theme] body.quantum-workspace4244 .app.qi388-shell :is(.tnx4172-app-content > strong,.tnx4172-tool-link strong,.tnx4172-section-title h3,.tnx4203-module-heading h4,.tnx4188-workflows h3,.tnx-office-module h3,.tnx-office-panel h3) {
    color:var(--qx-ink)!important;-webkit-text-fill-color:currentColor!important;
  }
  :root[data-area="app"][data-theme] body.quantum-workspace4244 .app.qi388-shell :is(.tnx4172-app-desc,.tnx4172-app-content > small,.tnx4172-tool-link small,.tnx4172-section-title small,.tnx4203-module-heading > span,.tnx4188-workflows p,.tnx-office-module p,.tnx-office-panel > p) {
    color:var(--qx-muted)!important;-webkit-text-fill-color:currentColor!important;
  }
  :root[data-area="app"][data-theme] body.quantum-workspace4244 .app.qi388-shell .tnx-office {
    --office-ink:var(--qx-ink)!important;--office-muted:var(--qx-muted)!important;
    --office-blue:var(--qx-blue)!important;--office-line:var(--qx-line)!important;--office-soft:var(--qx-soft)!important;
  }
  :root[data-area="app"][data-theme] body.quantum-workspace4244 .app.qi388-shell .tnx-office-module {
    background-image:radial-gradient(ellipse 100px 90px at 100% 0,#1d9fce0a,transparent)!important;
    border-top:3px solid var(--qx-cyan)!important;
  }
  :root[data-area="app"][data-theme] body.quantum-workspace4244 .app.qi388-shell .tnx-office-module:nth-child(3n+2) {
    border-top-color:var(--qx-blue)!important;
  }
  :root[data-area="app"][data-theme] body.quantum-workspace4244 .app.qi388-shell .tnx-office-module:nth-child(3n) {
    border-top-color:var(--qx-violet)!important;
  }
  :root[data-area="app"][data-theme] body.quantum-workspace4244 .app.qi388-shell :is(.tnx4188-open,.tnx-office-module > b) {
    color:var(--qx-blue)!important;-webkit-text-fill-color:currentColor!important;
    border-color:var(--qx-accent-line)!important;font-weight:750!important;
  }
  :root[data-area="app"][data-theme] body.quantum-workspace4244 .app.qi388-shell .tnx4188-open {
    background:var(--qx-accent-soft)!important;border-radius:10px!important;
  }
  :root[data-area="app"][data-theme] body.quantum-workspace4244 .app.qi388-shell .tnx-office-module > b {
    padding-top:14px;border-top:1px solid var(--qx-line)!important;
  }
  :root[data-area="app"][data-theme] body.quantum-workspace4244 .app.qi388-shell :is(.tnx4188-stats > a,.tnx-office-stats > div) {
    background:linear-gradient(125deg,var(--qx-surface),var(--qx-soft))!important;
    border-color:var(--qx-line)!important;border-radius:15px!important;box-shadow:var(--qx-shadow)!important;
  }
  :root[data-area="app"][data-theme] body.quantum-workspace4244 .app.qi388-shell :is(.tnx4188-stats strong,.tnx-office-stats b,.kpis > a b) {
    color:var(--qx-blue)!important;-webkit-text-fill-color:currentColor!important;
    font-family:var(--qi388-font)!important;font-variant-numeric:tabular-nums;
  }
  :root[data-area="app"][data-theme] body.quantum-workspace4244 .app.qi388-shell :is(.tnx4188-stats span,.tnx-office-stats span) {
    color:var(--qx-muted)!important;-webkit-text-fill-color:currentColor!important;
  }
  :root[data-area="app"][data-theme] body.quantum-workspace4244 .app.qi388-shell :is(.tnx-office-tabs > a.on,.tnx4172-modes button[aria-pressed="true"]) {
    background:var(--qx-accent-soft)!important;color:var(--qx-blue)!important;
    border-color:var(--qx-accent-line)!important;
  }

  /* A navy quantum masthead anchors both the unified home and existing Admin
     launcher. The network is a background, so it cannot intercept input. */
  :root[data-area="app"][data-theme] body.quantum-workspace4244 .app.qi388-shell :is(.tnx-office-hero,.tnx4172-launcher .tnx4172-hero,.tnx4172-launcher .tnx4186-hero) {
    background-image:var(--qx-network),radial-gradient(ellipse at 90% 10%,#3a6fa42e,transparent 65%),var(--qx-hero)!important;
    background-size:440px 100%,cover,cover!important;background-position:right center,center,center!important;background-repeat:no-repeat!important;
    border:1px solid #456084!important;border-radius:22px!important;
    color:#f3f8ff!important;box-shadow:0 12px 32px #061a3920!important;
  }
  :root[data-area="app"][data-theme] body.quantum-workspace4244 .app.qi388-shell :is(.tnx-office-hero,.tnx4172-hero,.tnx4186-hero) :is(h2,h3) {
    color:#f3f8ff!important;-webkit-text-fill-color:currentColor!important;
    letter-spacing:-.035em!important;
  }
  :root[data-area="app"][data-theme] body.quantum-workspace4244 .app.qi388-shell :is(.tnx-office-hero,.tnx4172-hero,.tnx4186-hero) :is(p,.tnx-office-company) {
    color:#bed1eb!important;-webkit-text-fill-color:currentColor!important;
  }
  :root[data-area="app"][data-theme] body.quantum-workspace4244 .app.qi388-shell :is(.tnx-office-hero .tnx-office-eyebrow,.tnx4172-hero .tnx4172-eyebrow,.tnx4186-hero .tnx4172-eyebrow) {
    color:#8de6f3!important;-webkit-text-fill-color:currentColor!important;letter-spacing:.13em!important;
  }
  :root[data-area="app"][data-theme] body.quantum-workspace4244 .app.qi388-shell .tnx4188-orbit {
    filter:drop-shadow(0 10px 28px #56d5ed48)!important;
  }

  /* Authentication uses the same actions and field treatment. The existing QI
     orbital architecture stays graphical, while form labels stay theme-aware. */
  :root[data-area="auth"][data-theme] body.quantum-workspace4244 .tnx-auth-page {
    background:radial-gradient(ellipse 680px 540px at 0 20%,#168dc80c,transparent 75%),radial-gradient(ellipse 560px 460px at 100% 70%,#7357cc0c,transparent 75%),var(--qx-canvas)!important;
  }
  :root[data-area="auth"][data-theme] body.quantum-workspace4244 .tnx-auth-page :is(.tnx-auth-header,.tnx-auth-card) {
    background:var(--qx-surface)!important;border-color:var(--qx-line)!important;color:var(--qx-ink)!important;
  }
  :root[data-area="auth"][data-theme] body.quantum-workspace4244 .tnx-auth-page .tnx-auth-card {
    border-radius:24px!important;box-shadow:0 16px 52px #123b7917!important;
  }
  :root[data-area="auth"][data-theme] body.quantum-workspace4244 .tnx-auth-page .qi41-auth-story :is(h1,h1 em) {
    color:var(--qx-ink)!important;-webkit-text-fill-color:currentColor!important;background:none!important;
  }
  :root[data-area="auth"][data-theme] body.quantum-workspace4244 .tnx-auth-page .qi41-auth-story h1 em {
    color:var(--qx-blue)!important;
  }
  :root[data-area="auth"][data-theme] body.quantum-workspace4244 .tnx-auth-page :is(.qi41-auth-story > p,.tnx-auth-subtitle,.tnx-auth-back,.tnx-auth-footer) {
    color:var(--qx-muted)!important;-webkit-text-fill-color:currentColor!important;
  }
  :root[data-area="auth"][data-theme] body.quantum-workspace4244 .tnx-auth-page .qi41-architecture {
    background-image:var(--qx-network),var(--qx-hero)!important;
    background-size:cover,cover!important;background-position:center!important;
    border:1px solid #456084!important;border-radius:22px!important;box-shadow:0 12px 32px #061a3918!important;
    color:#edf7ff!important;
  }
  :root[data-area="auth"][data-theme] body.quantum-workspace4244 .tnx-auth-page .qi41-architecture :is(b,strong) {
    color:#eaf4ff!important;-webkit-text-fill-color:currentColor!important;
  }
  :root[data-area="auth"][data-theme] body.quantum-workspace4244 .tnx-auth-page .qi41-architecture :is(span:not(.qi41-ring),.qi41-flow > i) {
    color:#a9dbf0!important;-webkit-text-fill-color:currentColor!important;
  }
  :root[data-area="auth"][data-theme] body.quantum-workspace4244 .tnx-auth-page .tnx-auth-rolebar {
    background:var(--qx-soft)!important;border-color:var(--qx-line)!important;color:var(--qx-secondary)!important;
  }
  :root[data-area="auth"][data-theme] body.quantum-workspace4244 .tnx-auth-page .tabs button.on {
    background:var(--qx-accent-soft)!important;color:var(--qx-blue)!important;border-color:var(--qx-accent-line)!important;
  }
}

/* Standalone client entry has its own stylesheet and semantic .button controls.
   These rules share the visual language, without changing its preview layout. */
html:root body.quantum-workspace4244[data-qi-surface="client"] {
  --ink:var(--qx-ink);--muted:var(--qx-muted);--blue:var(--qx-blue);--line:var(--qx-line);
  --pale:var(--qx-accent-soft);--soft:var(--qx-soft);
  --qi-canvas:var(--qx-canvas);--qi-paper:var(--qx-surface);--qi-soft:var(--qx-soft);
  --qi-soft-blue:var(--qx-accent-soft);--qi-ink:var(--qx-ink);--qi-muted:var(--qx-muted);
  --qi-line:var(--qx-line);--qi-line-strong:var(--qx-line-strong);--qi-blue:var(--qx-blue);
  background:var(--qx-canvas)!important;color:var(--qx-ink)!important;
}
html:root body.quantum-workspace4244[data-qi-surface="client"] :is(.nav,.signin-card,.workspace-preview,.type-button,.chosen-workspace,.preview-top,.preview-content,.preview-main,.preview-foot) {
  background:var(--qx-surface)!important;border-color:var(--qx-line)!important;color:var(--qx-ink)!important;
}
html:root body.quantum-workspace4244[data-qi-surface="client"] :is(.hero,.workspace-section) {
  background:radial-gradient(ellipse at 80% 15%,#268fdc0b,transparent 62%),var(--qx-canvas)!important;
  border-color:var(--qx-line)!important;
}
html:root body.quantum-workspace4244[data-qi-surface="client"] :is(h1,h2,h3,h4) {
  color:var(--qx-ink)!important;
}
html:root body.quantum-workspace4244[data-qi-surface="client"] :is(.hero h1 span,.eyebrow,.text-link,.brand-blue,.card-symbol,.chosen-icon) {
  color:var(--qx-blue)!important;
}
html:root body.quantum-workspace4244[data-qi-surface="client"] :is(.lead,.trust-line,.signin-note,.signin-help,.section-intro p,.welcome-title p,.word small,.nav nav a,.help,.preview-tag) {
  color:var(--qx-muted)!important;
}
html:root body.quantum-workspace4244[data-qi-surface="client"] :is(.chosen-workspace small,.type-button small,.preview-areas small,.choice-status,.signin-help a,.preview-foot) {
  color:var(--qx-muted)!important;
}
html:root body.quantum-workspace4244[data-qi-surface="client"] :is(.card-symbol,.chosen-icon,.type-symbol,.preview-areas span,.steps li > span,.preview-tag) {
  background:var(--qx-accent-soft)!important;color:var(--qx-blue)!important;border-color:var(--qx-accent-line)!important;
}
html:root body.quantum-workspace4244[data-qi-surface="client"] .preview-areas > div {
  background:var(--qx-soft)!important;border-color:var(--qx-line)!important;
}
html:root body.quantum-workspace4244[data-qi-surface="client"] :is(.signin-card,.workspace-preview) {
  border-radius:22px!important;box-shadow:var(--qx-lift)!important;
}
html:root body.quantum-workspace4244[data-qi-surface="client"] .button {
  border-radius:11px!important;min-height:46px!important;font-weight:700!important;
  transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease;
}
html:root body.quantum-workspace4244[data-qi-surface="client"] .button.primary {
  background:var(--qx-primary)!important;color:#fff!important;border-color:#326cbd!important;
  box-shadow:0 4px 14px #2354bd25!important;
}
html:root body.quantum-workspace4244[data-qi-surface="client"] .button.primary:hover {
  background:var(--qx-primary-hover)!important;
}
html:root body.quantum-workspace4244[data-qi-surface="client"] :is(.button.secondary,.type-button) {
  background:var(--qx-surface)!important;color:var(--qx-secondary)!important;border-color:var(--qx-line-strong)!important;
}
html:root body.quantum-workspace4244[data-qi-surface="client"] .type-button:is(.is-selected,[aria-pressed="true"]) {
  background:var(--qx-accent-soft)!important;border-color:var(--qx-blue)!important;
  color:var(--qx-ink)!important;box-shadow:0 0 0 1px var(--qx-accent-line)!important;
}
html:root body.quantum-workspace4244[data-qi-surface="client"] :is(.preview-rail,.preview-brand) {
  background:var(--qx-hero)!important;color:#ebf5ff!important;border-color:#456084!important;
}
html:root body.quantum-workspace4244[data-qi-surface="client"] .preview-rail :is(.rail-item,.rail-end) {
  color:#bed1eb!important;
}
html:root body.quantum-workspace4244[data-qi-surface="client"] .preview-rail .rail-item.active {
  background:#25476b!important;color:#a0edfa!important;border-color:#4b829b!important;
}
html:root body.quantum-workspace4244[data-qi-surface="client"] .welcome-title {
  background-image:repeating-radial-gradient(ellipse at 100% 20%,transparent 0 28px,#5ecce817 29px 30px,transparent 31px 56px),var(--qx-hero)!important;
  background-size:340px 100%,cover!important;background-position:right center,center!important;
  background-repeat:no-repeat!important;border-color:#456084!important;border-radius:18px!important;padding:26px;
}
html:root body.quantum-workspace4244[data-qi-surface="client"] .welcome-title :is(h2,h3) {
  color:#f3f8ff!important;
}
html:root body.quantum-workspace4244[data-qi-surface="client"] .welcome-title p {
  color:#bed1eb!important;
}
html:root body.quantum-workspace4244[data-qi-surface="client"] :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible {
  outline:3px solid var(--qx-focus)!important;outline-offset:4px!important;
}

/* The standalone verified workspace uses existing SVG icons and CSS orbits.
   Its strict CSP forbids data images; its hero therefore uses gradients only. */
html:root body.quantum-workspace4244[data-qi-surface="workspace"] {
  --qi-canvas:var(--qx-canvas);--qi-paper:var(--qx-surface);--qi-soft:var(--qx-soft);
  --qi-soft-blue:var(--qx-accent-soft);--qi-ink:var(--qx-ink);--qi-muted:var(--qx-muted);
  --qi-line:var(--qx-line);--qi-line-strong:var(--qx-line-strong);--qi-blue:var(--qx-blue);
  background:var(--qx-canvas)!important;color:var(--qx-ink)!important;
}
html:root body.quantum-workspace4244[data-qi-surface="workspace"] :is(.rail,.topbar,.insight,.selector,.tile,.quick-card,.info,.experience-panel,.client-scope) {
  background:var(--qx-surface)!important;border-color:var(--qx-line)!important;
  color:var(--qx-ink)!important;box-shadow:var(--qx-shadow)!important;
}
html:root body.quantum-workspace4244[data-qi-surface="workspace"] .rail {
  background:linear-gradient(165deg,var(--qx-surface),var(--qx-soft))!important;
}
html:root body.quantum-workspace4244[data-qi-surface="workspace"] :is(.rail-bottom,.connection,.filter-wrap,.client-role) {
  background:var(--qx-soft)!important;border-color:var(--qx-line)!important;color:var(--qx-secondary)!important;
}
html:root body.quantum-workspace4244[data-qi-surface="workspace"] :is(.brand,.breadcrumb b,.insight strong,.selector h2,.section-head h2,.tile > b,.quick-card b,.info h3,.client-section-title h3) {
  color:var(--qx-ink)!important;
}
html:root body.quantum-workspace4244[data-qi-surface="workspace"] :is(.brand small,.side-group-label,.rail-foot,.rail-bottom p,.insight-top,.insight small,.selector p,.selector-actions label,.section-subtitle,.tile > p,.quick-card small,.hint,.experience-note,.footer-note,.info p) {
  color:var(--qx-muted)!important;
}
html:root body.quantum-workspace4244[data-qi-surface="workspace"] :is(.rail-links a,.portal-link,.client-secure-link,.info-link) {
  color:var(--qx-secondary)!important;
}
html:root body.quantum-workspace4244[data-qi-surface="workspace"] .rail-links a:is(.selected,[aria-current="page"]) {
  background:var(--qx-accent-soft)!important;color:var(--qx-blue)!important;
  box-shadow:inset 3px 0 var(--qx-cyan),inset 0 0 0 1px var(--qx-accent-line)!important;
}
html:root body.quantum-workspace4244[data-qi-surface="workspace"] .rail-links a:hover {
  background:var(--qx-hover)!important;color:var(--qx-blue)!important;
}
html:root body.quantum-workspace4244[data-qi-surface="workspace"] .hero {
  background:radial-gradient(ellipse at 90% 10%,#3a6fa449,transparent 65%),var(--qx-hero)!important;
  border:1px solid #456084!important;color:#f3f8ff!important;box-shadow:0 12px 32px #061a3920!important;
}
html:root body.quantum-workspace4244[data-qi-surface="workspace"] .hero h1 {
  color:#f3f8ff!important;-webkit-text-fill-color:currentColor!important;
}
html:root body.quantum-workspace4244[data-qi-surface="workspace"] .hero :is(p,.eyebrow) {
  color:#bed1eb!important;
}
html:root body.quantum-workspace4244[data-qi-surface="workspace"] .hero .eyebrow {
  color:#8de6f3!important;
}
html:root body.quantum-workspace4244[data-qi-surface="workspace"] .orbit {
  border-color:#79dded80!important;
}
html:root body.quantum-workspace4244[data-qi-surface="workspace"] .orbit-two {
  border-color:#b69afc99!important;
}
html:root body.quantum-workspace4244[data-qi-surface="workspace"] .orb-core {
  background:radial-gradient(circle at 35% 25%,#79d9ee40,#18365b 60%,#181e43)!important;
  border-color:#75c9e073!important;box-shadow:0 0 42px #5ebfde30!important;
}
html:root body.quantum-workspace4244[data-qi-surface="workspace"] :is(.primary,.hero-primary) {
  background:var(--qx-primary)!important;border:1px solid #5e92d0!important;
  color:#fff!important;border-radius:11px!important;min-height:44px!important;
  box-shadow:0 4px 12px #2354bd25!important;font-weight:700!important;
}
html:root body.quantum-workspace4244[data-qi-surface="workspace"] :is(.primary,.hero-primary):hover {
  background:var(--qx-primary-hover)!important;
}
html:root body.quantum-workspace4244[data-qi-surface="workspace"] .hero-secondary {
  background:#ffffff0d!important;border:1px solid #7894b8!important;color:#edf7ff!important;
  border-radius:11px!important;min-height:44px!important;
}
html:root body.quantum-workspace4244[data-qi-surface="workspace"] :is(.ghost,.pin,.filters button,.experience-controls button) {
  background:var(--qx-surface)!important;color:var(--qx-secondary)!important;
  border-color:var(--qx-line-strong)!important;border-radius:10px!important;
}
html:root body.quantum-workspace4244[data-qi-surface="workspace"] :is(.pin.is-pinned,.filters button.active,.experience-controls button[aria-pressed="true"]) {
  background:var(--qx-accent-soft)!important;color:var(--qx-blue)!important;border-color:var(--qx-accent-line)!important;
}
html:root body.quantum-workspace4244[data-qi-surface="workspace"] :is(select,input) {
  background:var(--qx-surface)!important;color:var(--qx-ink)!important;
  border-color:var(--qx-line-strong)!important;border-radius:10px!important;
}
html:root body.quantum-workspace4244[data-qi-surface="workspace"] input::placeholder {
  color:var(--qx-muted)!important;opacity:1!important;
}
html:root body.quantum-workspace4244[data-qi-surface="workspace"] :is(.brand-mark,.tile-icon,.insight-icon:not(.success)) {
  background:linear-gradient(145deg,var(--qx-soft),var(--qx-accent-soft))!important;
  color:var(--qx-blue)!important;border:1px solid var(--qx-accent-line)!important;
}
html:root body.quantum-workspace4244[data-qi-surface="workspace"] :is(.tile-category,.tile-footer,.quick-action,.eyebrow.soft) {
  color:var(--qx-blue)!important;
}
html:root body.quantum-workspace4244[data-qi-surface="workspace"] .tile {
  border-top:3px solid var(--qx-cyan)!important;border-radius:18px!important;
}
html:root body.quantum-workspace4244[data-qi-surface="workspace"] .tile-wrap:nth-child(3n+2) .tile {
  border-top-color:var(--qx-blue)!important;
}
html:root body.quantum-workspace4244[data-qi-surface="workspace"] .tile-wrap:nth-child(3n) .tile {
  border-top-color:var(--qx-violet)!important;
}
html:root body.quantum-workspace4244[data-qi-surface="workspace"] :is(.tile,.quick-card):hover {
  border-color:var(--qx-blue)!important;box-shadow:var(--qx-lift)!important;
}
html:root body.quantum-workspace4244[data-qi-surface="workspace"] :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible {
  outline:3px solid var(--qx-focus)!important;outline-offset:3px!important;
}

@media (prefers-reduced-motion:reduce) {
  @layer qi48 {
    :root:is([data-area="app"],[data-area="auth"])[data-theme] body.quantum-workspace4244 :is(.app.qi388-shell,.tnx-auth-page,.modal,.lookpop) .btn {
      transition:none!important;
    }
  }
  html:root body.quantum-workspace4244[data-qi-surface="client"] .button {transition:none!important}
}

/* Explicit company workspace entry and tenant identity; authorization stays server-side. */
@layer qi48 {
  :root[data-area="auth"] .tnx-auth-login .qi-company-entry {
    display:grid!important;gap:14px!important;padding:18px!important;margin:0 0 20px!important;
    border:1px solid var(--qi388-blue-edge,#bdd4f3)!important;border-radius:14px!important;
    background:var(--qi388-blue-soft,#eaf2ff)!important;color:var(--qi388-ink,#172d4b)!important;
  }
  :root[data-area="auth"] .tnx-auth-login .qi-company-entry strong {font-size:16px!important;line-height:1.45!important;}
  :root[data-area="auth"] .tnx-auth-login .qi-company-entry p {margin:6px 0 0!important;font-size:13px!important;line-height:1.6!important;color:var(--qi388-secondary,#435d7c)!important;}
  :root[data-area="auth"] .tnx-auth-login .qi-company-entry-form {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;}
  :root[data-area="auth"] .tnx-auth-login .qi-company-entry-form .fld {margin:0!important;min-width:0!important;}
  :root[data-area="auth"] .tnx-auth-login .qi-company-entry-form input {width:100%!important;min-width:0!important;font-size:14px!important;}
  :root[data-area="auth"] .tnx-auth-login .qi-company-entry-form .btn {justify-content:center!important;min-height:44px!important;white-space:normal!important;}
  :root[data-area="auth"] .tnx-auth-login .qi-company-entry-form .err {color:var(--qi388-red,#a83240)!important;}
  :root[data-area="auth"] .tnx-auth-login .qi-company-lockup {min-width:0!important;gap:16px!important;}
  :root[data-area="auth"] .tnx-auth-login .qi-company-lockup>div {min-width:0!important;}
  :root[data-area="auth"] .tnx-auth-login .qi-company-lockup strong {display:block!important;font-size:clamp(20px,2.1vw,30px)!important;line-height:1.25!important;overflow-wrap:anywhere!important;}
  :root[data-area="auth"] .tnx-auth-login .qi-company-lockup .wslogo {width:auto!important;max-width:100px!important;height:auto!important;max-height:76px!important;object-fit:contain!important;flex-shrink:0!important;}
  :root[data-area="auth"] .tnx-auth-login .qi-company-monogram {display:inline-grid!important;place-items:center!important;width:64px!important;height:64px!important;flex-shrink:0!important;border-radius:18px!important;background:#2455c7!important;color:#fff!important;font-weight:800!important;font-size:32px!important;line-height:1!important;}
  :root[data-area="auth"] .tnx-auth-login .qi-company-orbit .wslogo {width:auto!important;max-width:70%!important;height:auto!important;max-height:110px!important;object-fit:contain!important;}
  :root[data-area="auth"] .tnx-auth-login .qi-company-orbit>.qi-company-monogram {width:104px!important;height:104px!important;font-size:56px!important;color:#fff!important;background:#2455c7!important;}
  :root[data-area="auth"] .tnx-auth-login[data-company-workspace] .qi41-story-foot span {overflow-wrap:anywhere!important;min-width:0!important;}
  @media(max-width:540px) {
    :root[data-area="auth"] .tnx-auth-login .qi-company-entry {padding:14px!important;}
    :root[data-area="auth"] .tnx-auth-login .qi-company-lockup {gap:12px!important;}
    :root[data-area="auth"] .tnx-auth-login .qi-company-lockup .wslogo {max-width:72px!important;max-height:64px!important;}
  }
}

/* PBX workspace: shared portal theme, readable forms and one native workspace. */
@layer qi48 {
  :root[data-area="app"] :is(.pbx4244,.pbx4244-signin,.pbx4244-member) {min-width:0;overflow-wrap:anywhere}
  :root[data-area="app"] :is(.pbx4244,.pbx4244-signin) :is(h3,h4) {line-height:1.35;margin-bottom:10px}
  :root[data-area="app"] :is(.pbx4244,.pbx4244-signin) p {line-height:1.55;margin:8px 0}
  :root[data-area="app"] :is(.pbx4244,.pbx4244-signin) form {display:grid;gap:14px;margin:18px 0 6px;max-width:880px}
  :root[data-area="app"] :is(.pbx4244,.pbx4244-signin) .field {display:grid;gap:6px;min-width:0;margin:0;font-weight:650}
  :root[data-area="app"] :is(.pbx4244,.pbx4244-signin) .field :is(input,select,textarea) {width:100%;max-width:100%;min-height:44px;font:inherit;font-weight:400}
  :root[data-area="app"] :is(.pbx4244,.pbx4244-signin) .field input[type="color"] {max-width:160px;min-height:44px;padding:5px}
  :root[data-area="app"] :is(.pbx4244,.pbx4244-signin) .field input[type="file"] {height:auto;white-space:normal}
  :root[data-area="app"] :is(.pbx4244,.pbx4244-signin) .check {display:flex;align-items:flex-start;gap:10px;line-height:1.5;margin:8px 0}
  :root[data-area="app"] :is(.pbx4244,.pbx4244-signin) .check input {flex:0 0 auto;width:20px;height:20px;margin-top:2px}
  :root[data-area="app"] .pbx4244-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;align-items:start}
  :root[data-area="app"] .pbx4244-tabs {gap:8px;padding:10px 0;border-bottom:1px solid var(--line)}
  :root[data-area="app"] .pbx4244-tabs .btn {min-height:42px;white-space:normal;text-align:center}
  :root[data-area="app"] .pbx4244-status {display:grid;grid-template-columns:minmax(150px,.7fr) minmax(0,1.5fr);gap:10px 20px;margin:20px 0;max-width:900px}
  :root[data-area="app"] .pbx4244-status dt {font-weight:700;color:var(--ink-2)}
  :root[data-area="app"] .pbx4244-status dd {margin:0;overflow-wrap:anywhere}
  :root[data-area="app"] .pbx4244 .kitstats {display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:18px 0}
  :root[data-area="app"] .pbx4244 .kitstats>div {display:grid;gap:7px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}
  :root[data-area="app"] .pbx4244 .kitstats b {font-size:1.3rem;line-height:1.25}
  :root[data-area="app"] .pbx4244 .tblwrap {max-width:100%;overflow:auto}
  :root[data-area="app"] .pbx4244 .tbl td {vertical-align:top;min-width:100px}
  :root[data-area="app"] .pbx4244 .tbl form {margin:0;gap:8px;min-width:170px}
  :root[data-area="app"] .pbx4244 details {margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:10px}
  :root[data-area="app"] .pbx4244 summary {cursor:pointer;font-weight:700;line-height:1.4}
  :root[data-area="app"] .pbx4244-brand-preview {padding:24px;border-radius:12px;margin:14px 0;display:grid;gap:8px;max-width:660px}
  :root[data-area="app"] .pbx4244 .pbx4244-brand-preview :is(h3,h4,p,small,a,strong,span) {color:inherit!important}
  :root[data-area="app"] .pbx4244-brand-preview img {width:64px;height:64px;object-fit:contain;border-radius:8px}
  :root[data-area="app"] .pbx4244-brand-logo {object-fit:contain;border-radius:8px;margin-bottom:12px}
  :root[data-area="app"] .pbx4244-brand-footer {display:flex;gap:12px 24px;align-items:center;flex-wrap:wrap;font-size:.9rem}
  :root[data-area="app"] .pbx4244-start {margin:18px 0;padding:18px 22px;border:1px solid var(--line);border-left:4px solid var(--indigo);border-radius:12px;background:var(--surface-2)}
  :root[data-area="app"] .pbx4244-start ol {padding-left:22px;margin:10px 0;display:grid;gap:8px}
  :root[data-area="app"] .pbx4244-signin>form {max-width:600px}
  :root[data-area="app"] .pbx4244-signin>.actions {gap:10px;flex-wrap:wrap}
  :root[data-area="app"] .pbx4244-browser>.actions {align-items:end;gap:12px;flex-wrap:wrap}
  :root[data-area="app"] .pbx4244-browser>.actions>.field {flex:1 1 240px;max-width:500px}
  :root[data-area="app"] .pbx4244-phone-frame {display:block;width:100%;height:780px;margin-top:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color-scheme:normal}
  @media(max-width:620px) {
    :root[data-area="app"] .pbx4244-status {grid-template-columns:1fr;gap:5px}
    :root[data-area="app"] .pbx4244-status dd {margin-bottom:10px}
    :root[data-area="app"] .pbx4244-tabs>.btn {flex:1 1 135px}
    :root[data-area="app"] :is(.pbx4244,.pbx4244-signin) .ph-row {align-items:flex-start;flex-wrap:wrap;gap:12px}
    :root[data-area="app"] .pbx4244-phone-frame {height:940px}
    :root[data-area="app"] .pbx4244-start {padding:16px}
  }
}

/* TALNEXQ Quantum World · build4245
   Paint and decorative feedback only. The application owns geometry, routes,
   theme selection, permissions, dialog visibility and native form semantics. */

body.quantum-world4245 {
  --qworld-canvas:#eef3fc;
  --qworld-surface:#ffffff;
  --qworld-surface-end:#f5f8ff;
  --qworld-soft:#f1f5ff;
  --qworld-hover:#e6efff;
  --qworld-ink:#12243e;
  --qworld-secondary:#39516f;
  --qworld-muted:#516783;
  --qworld-line:#cbd9ef;
  --qworld-line-strong:#8faacf;
  --qworld-cyan:#007b9c;
  --qworld-blue:#235ac1;
  --qworld-violet:#6f45bc;
  --qworld-focus:#145fc9;
  --qworld-accent-soft:#e5efff;
  --qworld-accent-line:#a9c7ed;
  --qworld-shadow:0 3px 6px #173a6905,0 14px 36px #2348830c,inset 0 1px #ffffffc9;
  --qworld-shadow-hover:0 9px 32px #3056a21e,0 0 0 1px #318cc21c,inset 0 1px #fff;
  --qworld-aurora-cyan:#168caf13;
  --qworld-aurora-violet:#7759d418;
  --qworld-aurora-blue:#2666da0c;
  --qworld-button-light:#ffffff35;
  --qworld-button-hover-light:#c6f8ff4a;
  --qworld-primary-gradient:linear-gradient(112deg,#087da7 0%,#2357c8 52%,#714bbb 100%);
  --qworld-primary-shadow:0 6px 18px #214bbd30,0 0 0 1px #63dcff12,inset 0 1px #c9f5ff50,inset 0 -1px #0a23722e;
  --qworld-primary-hover-shadow:0 8px 25px #235dcb3d,0 0 20px #18bdeb1a,inset 0 1px #d8f9ff66;
  --qworld-secondary-shadow:inset 0 1px #ffffff1c,0 3px 9px #1d456109;
  --qworld-secondary-hover-shadow:0 4px 18px #2589bc15,inset 0 1px #b4edff20;
  --qworld-control-transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;
  --qworld-halo-color:#147eaa;
  --qworld-hero:radial-gradient(ellipse at 96% 0%,#6554b245,transparent 57%),radial-gradient(ellipse at 68% 110%,#12b3cc36,transparent 60%),linear-gradient(116deg,#081c36 0%,#143556 58%,#24254f 100%);
}
:root[data-theme] body.quantum-world4245.quantum-world4245 {
  --qx-canvas:var(--qworld-canvas);--qx-surface:var(--qworld-surface);
  --qx-soft:var(--qworld-soft);--qx-hover:var(--qworld-hover);
  --qx-ink:var(--qworld-ink);--qx-secondary:var(--qworld-secondary);--qx-muted:var(--qworld-muted);
  --qx-line:var(--qworld-line);--qx-line-strong:var(--qworld-line-strong);
  --qx-blue:var(--qworld-blue);--qx-cyan:var(--qworld-cyan);--qx-violet:var(--qworld-violet);
  --qx-focus:var(--qworld-focus);--qx-accent-soft:var(--qworld-accent-soft);--qx-accent-line:var(--qworld-accent-line);
  --qx-shadow:var(--qworld-shadow);--qx-lift:var(--qworld-shadow-hover);--qx-hero:var(--qworld-hero);
}
:root[data-theme="dark"] body.quantum-world4245 {
  --qworld-canvas:#081120;
  --qworld-surface:#11213a;
  --qworld-surface-end:#101c32;
  --qworld-soft:#172b46;
  --qworld-hover:#203c5c;
  --qworld-ink:#eef6ff;
  --qworld-secondary:#c8daf0;
  --qworld-muted:#adc2dc;
  --qworld-line:#304e70;
  --qworld-line-strong:#6589af;
  --qworld-cyan:#7de8f3;
  --qworld-blue:#a0caff;
  --qworld-violet:#c5acff;
  --qworld-focus:#8aeaf6;
  --qworld-accent-soft:#1a375c;
  --qworld-accent-line:#477aa7;
  --qworld-shadow:0 4px 8px #00000014,0 15px 38px #00000024,inset 0 1px #a8ddff0a;
  --qworld-shadow-hover:0 12px 32px #00000038,0 0 24px #22b9e315,inset 0 1px #a2deff14;
  --qworld-aurora-cyan:#167eab17;
  --qworld-aurora-violet:#7559d425;
  --qworld-aurora-blue:#2059bc12;
  --qworld-button-light:#9fefff33;
  --qworld-halo-color:#91efff;
}
:root body.quantum-world4245[data-qworld-atmosphere="immersive"] {
  --qworld-aurora-cyan:#138db62b;
  --qworld-aurora-violet:#7952d72b;
  --qworld-aurora-blue:#2766de1b;
}
:root body.quantum-world4245[data-qworld-atmosphere="calm"] {
  --qworld-aurora-cyan:transparent;
  --qworld-aurora-violet:transparent;
  --qworld-aurora-blue:transparent;
}

/* Reopen the portal's established important layer. Extra scope specificity
   makes this opt-in paint win without changing the portal's layout contract. */
@layer qi48 {
  :root:is([data-area="app"],[data-area="auth"])[data-theme] body.quantum-world4245.quantum-world4245.quantum-world4245 {
    background:var(--qworld-canvas)!important;color:var(--qworld-ink)!important;
  }
  :root[data-area="app"][data-theme] body.quantum-world4245.quantum-world4245.quantum-world4245 .app.qi388-shell {
    --paper:var(--qworld-canvas)!important;--surface:var(--qworld-surface)!important;--surface-2:var(--qworld-soft)!important;
    --ink:var(--qworld-ink)!important;--ink-2:var(--qworld-secondary)!important;--ink-3:var(--qworld-muted)!important;
    --line:var(--qworld-line)!important;--line-2:var(--qworld-line-strong)!important;
    --accent:var(--qworld-blue)!important;--accent-soft:var(--qworld-accent-soft)!important;
    color:var(--qworld-ink)!important;
  }
  :root[data-area="app"][data-theme] body.quantum-world4245.quantum-world4245.quantum-world4245 .app.qi388-shell :is(.main,.content) {
    background:radial-gradient(ellipse 850px 530px at 100% 0,var(--qworld-aurora-cyan),transparent 72%),radial-gradient(ellipse 850px 600px at 0% 100%,var(--qworld-aurora-violet),transparent 75%),radial-gradient(ellipse 700px 450px at 60% 45%,var(--qworld-aurora-blue),transparent 76%),var(--qworld-canvas)!important;
  }
  :root[data-area="app"][data-theme] body.quantum-world4245.quantum-world4245.quantum-world4245 .app.qi388-shell > .side {
    background:radial-gradient(ellipse at 0 0,var(--qworld-aurora-cyan),transparent 55%),linear-gradient(165deg,var(--qworld-surface),var(--qworld-surface-end))!important;
    border-color:var(--qworld-line)!important;box-shadow:4px 0 30px #102d6310!important;
  }
  :root[data-area="app"][data-theme] body.quantum-world4245.quantum-world4245.quantum-world4245 .app.qi388-shell .ptop.qi388-topbar {
    background:linear-gradient(115deg,var(--qworld-surface),var(--qworld-surface-end))!important;
    border-color:var(--qworld-line)!important;box-shadow:0 3px 20px #153a6610,inset 0 1px #ffffff1a!important;
  }
  :root[data-area="app"][data-theme] body.quantum-world4245.quantum-world4245.quantum-world4245 .app.qi388-shell :is(.qi388-contextbar,.tnx4236-portal-context) {
    background:linear-gradient(110deg,var(--qworld-soft),var(--qworld-surface))!important;
    border-color:var(--qworld-line)!important;color:var(--qworld-ink)!important;
  }
  :root[data-area="app"][data-theme] body.quantum-world4245.quantum-world4245.quantum-world4245 .app.qi388-shell .side nav a:is(.on,[aria-current="page"],[aria-current="location"]) {
    background:linear-gradient(110deg,var(--qworld-accent-soft),var(--qworld-soft))!important;
    color:var(--qworld-blue)!important;box-shadow:inset 3px 0 var(--qworld-cyan),inset 0 0 0 1px var(--qworld-accent-line),0 3px 12px #205ba90a!important;
  }

  /* Rich multi-stop control surfaces. Provider/call/positive controls and
     scorecard choices keep their application-provided semantic backgrounds. */
  :root:is([data-area="app"],[data-area="auth"])[data-theme] body.quantum-world4245.quantum-world4245.quantum-world4245 :is(.app.qi388-shell,.tnx-auth-page,.modal,.lookpop) .btn:not([role="radio"]):not([aria-checked]) {
    isolation:isolate;overflow:hidden;
    transition:var(--qworld-control-transition)!important;
    transform:none!important;filter:none!important;
  }
  :root:is([data-area="app"],[data-area="auth"])[data-theme] body.quantum-world4245.quantum-world4245.quantum-world4245 :is(.app.qi388-shell,.tnx-auth-page,.modal,.lookpop) .btn:not(.ghost):not(.secondary):not(.soft):not(.link):not(.icon):not(.danger):not(.red):not(.go):not(.stop):not(.ssobtn):not(.prhang):not(.gsiwait):not([role="radio"]):not([aria-checked]):not([aria-pressed]):not(:disabled):not([aria-disabled="true"]) {
    background:radial-gradient(ellipse 150px 100px at var(--qworld-x,50%) var(--qworld-y,0%),var(--qworld-button-light),transparent 74%),var(--qworld-primary-gradient)!important;
    border-color:#71b8ef!important;color:#fff!important;-webkit-text-fill-color:currentColor!important;
    box-shadow:var(--qworld-primary-shadow)!important;
  }
  :root:is([data-area="app"],[data-area="auth"])[data-theme] body.quantum-world4245.quantum-world4245.quantum-world4245 :is(.app.qi388-shell,.tnx-auth-page,.modal,.lookpop) .btn:is(.ghost,.secondary,.soft,.icon):not(.danger):not(.red):not(.go):not(.stop):not(.ssobtn):not([role="radio"]):not([aria-checked]):not([aria-pressed="true"]):not(:disabled):not([aria-disabled="true"]) {
    background:radial-gradient(ellipse 150px 90px at var(--qworld-x,50%) var(--qworld-y,0%),var(--qworld-aurora-cyan),transparent 75%),linear-gradient(130deg,var(--qworld-surface),var(--qworld-soft))!important;
    border-color:var(--qworld-line-strong)!important;color:var(--qworld-secondary)!important;
    -webkit-text-fill-color:currentColor!important;box-shadow:var(--qworld-secondary-shadow)!important;
  }
  :root:is([data-area="app"],[data-area="auth"])[data-theme] body.quantum-world4245.quantum-world4245.quantum-world4245 :is(.app.qi388-shell,.tnx-auth-page,.modal,.lookpop) .btn:not([role="radio"]):not([aria-checked]):not(:disabled):not([aria-disabled="true"]):active {
    --qworld-primary-shadow:inset 0 2px 7px #071a4960,0 0 0 2px var(--qworld-accent-line);
    --qworld-primary-hover-shadow:inset 0 2px 7px #071a4960,0 0 0 2px var(--qworld-accent-line);
    --qworld-secondary-shadow:inset 0 2px 5px #071a4938,0 0 0 2px var(--qworld-accent-line);
    --qworld-secondary-hover-shadow:inset 0 2px 5px #071a4938,0 0 0 2px var(--qworld-accent-line);
    transform:none!important;box-shadow:inset 0 2px 6px #071a4938,0 0 0 2px var(--qworld-accent-line)!important;
  }
  :root:is([data-area="app"],[data-area="auth"])[data-theme] body.quantum-world4245.quantum-world4245.quantum-world4245 :is(.app.qi388-shell,.tnx-auth-page,.modal,.lookpop) :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible {
    outline:3px solid var(--qworld-focus)!important;outline-offset:3px!important;
  }
  :root:is([data-area="app"],[data-area="auth"])[data-theme] body.quantum-world4245.quantum-world4245.quantum-world4245 :is(.app.qi388-shell,.tnx-auth-page,.modal,.lookpop) :is(button:disabled,.btn:disabled,.btn[aria-disabled="true"]) {
    cursor:not-allowed!important;transform:none!important;box-shadow:none!important;
  }

  /* No translated hover targets: cards brighten in place and retain their
     original dimensions, scrolling, hidden states and content order. */
  :root[data-area="app"][data-theme] body.quantum-world4245.quantum-world4245.quantum-world4245 .app.qi388-shell .content :is(.panel,.chart-panel,.chart-wrap,.tnx4172-app-card,.tnx4172-tool,.tnx4188-workflows article,.tnx-office-panel,.tnx-office-module) {
    background:radial-gradient(ellipse 240px 150px at 100% 0,var(--qworld-aurora-cyan),transparent 85%),linear-gradient(145deg,var(--qworld-surface),var(--qworld-surface-end))!important;
    border-color:var(--qworld-line)!important;box-shadow:var(--qworld-shadow)!important;
    color:var(--qworld-ink)!important;
  }
  :root[data-area="app"][data-theme] body.quantum-world4245.quantum-world4245.quantum-world4245 .app.qi388-shell .content :is(.tnx4172-app-card,.tnx4172-tool,.tnx-office-module):hover {
    border-color:var(--qworld-cyan)!important;box-shadow:var(--qworld-shadow-hover)!important;transform:none!important;
  }
  :root[data-area="app"][data-theme] body.quantum-world4245.quantum-world4245.quantum-world4245 .app.qi388-shell :is(.tnx4172-app-icon,.tnx-office-module-icon,.tnx-office-avatar,.tnx4236-context-icon) {
    box-shadow:inset 0 1px #c4f5ff2b,0 3px 12px #31729c17!important;
  }
  :root[data-area="app"][data-theme] body.quantum-world4245.quantum-world4245.quantum-world4245 .app.qi388-shell :is(.tnx4188-stats > a,.tnx-office-stats > div) {
    background:radial-gradient(ellipse at 100% 0,var(--qworld-aurora-violet),transparent 76%),linear-gradient(130deg,var(--qworld-surface),var(--qworld-soft))!important;
    border-color:var(--qworld-line)!important;box-shadow:var(--qworld-shadow)!important;
  }
  :root[data-area="app"][data-theme] body.quantum-world4245.quantum-world4245.quantum-world4245 .app.qi388-shell :is(.tnx-office-hero,.tnx4172-launcher .tnx4172-hero,.tnx4172-launcher .tnx4186-hero) {
    position:relative;isolation:isolate;
    background-image:var(--qx-network),var(--qworld-hero)!important;
    background-size:440px 100%,cover!important;background-position:right center,center!important;background-repeat:no-repeat!important;
    border-color:#6386ad!important;box-shadow:0 14px 35px #081f4530,inset 0 1px #89deff20,0 0 0 1px #84deff08!important;
  }
  :root[data-area="app"][data-theme] body.quantum-world4245.quantum-world4245.quantum-world4245 .app.qi388-shell :is(.tnx-office-hero,.tnx4172-hero,.tnx4186-hero) > :not(canvas.qworld-stars) {
    position:relative;z-index:1;
  }
  :root[data-area="app"][data-theme] body.quantum-world4245.quantum-world4245.quantum-world4245 .app.qi388-shell :is(.tnx-office-hero,.tnx4172-hero,.tnx4186-hero) .btn.ghost:not(:disabled):not([aria-disabled="true"]) {
    background:radial-gradient(ellipse at var(--qworld-x,50%) var(--qworld-y,0%),#8fe9ff26,transparent 80%),linear-gradient(120deg,#ffffff12,#a39aff12)!important;
    color:#e7f5ff!important;-webkit-text-fill-color:currentColor!important;border-color:#789bc3!important;
    box-shadow:inset 0 1px #b7eaff1a!important;
  }

  /* Form content remains theme-readable against the architectural backdrop. */
  :root[data-area="auth"][data-theme] body.quantum-world4245.quantum-world4245.quantum-world4245 .tnx-auth-page {
    background:radial-gradient(ellipse 750px 700px at 0 18%,var(--qworld-aurora-cyan),transparent 76%),radial-gradient(ellipse 650px 600px at 100% 82%,var(--qworld-aurora-violet),transparent 76%),var(--qworld-canvas)!important;
  }
  :root[data-area="auth"][data-theme] body.quantum-world4245.quantum-world4245.quantum-world4245 .tnx-auth-page .tnx-auth-card {
    background:radial-gradient(ellipse 250px 160px at 100% 0,var(--qworld-aurora-cyan),transparent 85%),linear-gradient(145deg,var(--qworld-surface),var(--qworld-surface-end))!important;
    border-color:var(--qworld-line-strong)!important;box-shadow:0 20px 65px #122b6b1e,inset 0 1px #ffffff40!important;
  }
  :root[data-area="auth"][data-theme] body.quantum-world4245.quantum-world4245.quantum-world4245 .tnx-auth-page .qi41-architecture {
    background-image:var(--qx-network),var(--qworld-hero)!important;
    border-color:#6587ad!important;box-shadow:0 12px 35px #153a7826,inset 0 1px #8addff26!important;
  }

  @media (hover:hover) {
    :root:is([data-area="app"],[data-area="auth"])[data-theme] body.quantum-world4245.quantum-world4245.quantum-world4245 :is(.app.qi388-shell,.tnx-auth-page,.modal,.lookpop) .btn:not(.ghost):not(.secondary):not(.soft):not(.link):not(.icon):not(.danger):not(.red):not(.go):not(.stop):not(.ssobtn):not(.prhang):not(.gsiwait):not([role="radio"]):not([aria-checked]):not([aria-pressed]):not(:disabled):not([aria-disabled="true"]):hover {
      background:radial-gradient(ellipse 180px 120px at var(--qworld-x,50%) var(--qworld-y,0%),var(--qworld-button-hover-light),transparent 72%),var(--qworld-primary-gradient)!important;
      border-color:#a5edff!important;box-shadow:var(--qworld-primary-hover-shadow)!important;transform:none!important;
    }
    :root:is([data-area="app"],[data-area="auth"])[data-theme] body.quantum-world4245.quantum-world4245.quantum-world4245 :is(.app.qi388-shell,.tnx-auth-page,.modal,.lookpop) .btn:is(.ghost,.secondary,.soft,.icon):not(.danger):not(.red):not(.go):not(.stop):not(.ssobtn):not([role="radio"]):not([aria-checked]):not([aria-pressed="true"]):not(:disabled):not([aria-disabled="true"]):hover {
      background:radial-gradient(ellipse 160px 90px at var(--qworld-x,50%) var(--qworld-y,0%),var(--qworld-aurora-cyan),transparent 76%),linear-gradient(130deg,var(--qworld-hover),var(--qworld-soft))!important;
      border-color:var(--qworld-cyan)!important;color:var(--qworld-blue)!important;box-shadow:var(--qworld-secondary-hover-shadow)!important;transform:none!important;
    }
    :root[data-area="app"][data-theme] body.quantum-world4245.quantum-world4245.quantum-world4245 .app.qi388-shell :is(.tnx-office-hero,.tnx4172-hero,.tnx4186-hero) .btn.ghost:not(:disabled):not([aria-disabled="true"]):hover {
      background:radial-gradient(ellipse at var(--qworld-x,50%) var(--qworld-y,0%),#a4ecff40,transparent 80%),linear-gradient(120deg,#ffffff20,#a39aff20)!important;
      color:#fff!important;border-color:#b2eaff!important;
    }
  }
}

/* The standalone entries use the same tokens; their original responsive
   layout, launcher controls, native dialogs and hidden states remain intact. */
html:root body.quantum-world4245.quantum-world4245[data-qi-surface] {
  background:radial-gradient(ellipse at 100% 0,var(--qworld-aurora-cyan),transparent 60%),radial-gradient(ellipse at 0 100%,var(--qworld-aurora-violet),transparent 70%),var(--qworld-canvas)!important;
}
html:root body.quantum-world4245.quantum-world4245[data-qi-surface] :is(.tile,.quick-card,.insight,.signin-card,.workspace-preview,.selector,.experience-panel,.info,.client-scope) {
  background:radial-gradient(ellipse 230px 160px at 100% 0,var(--qworld-aurora-cyan),transparent 85%),linear-gradient(145deg,var(--qworld-surface),var(--qworld-surface-end))!important;
  border-color:var(--qworld-line)!important;box-shadow:var(--qworld-shadow)!important;
}
html:root body.quantum-world4245.quantum-world4245[data-qi-surface="workspace"] .hero,
html:root body.quantum-world4245.quantum-world4245[data-qi-surface="client"] .welcome-title {
  position:relative;isolation:isolate;background:var(--qworld-hero)!important;
  border-color:#6386ad!important;box-shadow:0 14px 35px #081f4530,inset 0 1px #89deff20!important;
}
html:root body.quantum-world4245.quantum-world4245[data-qi-surface="workspace"] .hero > :not(canvas.qworld-stars) {
  position:relative;z-index:1;
}
html:root body.quantum-world4245.quantum-world4245[data-qi-surface] :is(.primary,.hero-primary,.button.primary) {
  position:relative;overflow:hidden;isolation:isolate;
  background:radial-gradient(ellipse 160px 100px at var(--qworld-x,50%) var(--qworld-y,0%),var(--qworld-button-light),transparent 74%),linear-gradient(112deg,#087da7,#2357c8 52%,#714bbb)!important;
  border-color:#71b8ef!important;color:#fff!important;box-shadow:0 6px 18px #214bbd30,inset 0 1px #c9f5ff50!important;transform:none!important;
}
html:root body.quantum-world4245.quantum-world4245[data-qi-surface] :is(.primary,.hero-primary,.button.primary):hover {
  background:radial-gradient(ellipse 180px 120px at var(--qworld-x,50%) var(--qworld-y,0%),var(--qworld-button-hover-light),transparent 74%),linear-gradient(112deg,#087da7,#2357c8 52%,#714bbb)!important;
  border-color:#a5edff!important;box-shadow:0 8px 25px #235dcb3d,inset 0 1px #d8f9ff66!important;transform:none!important;
}
html:root body.quantum-world4245.quantum-world4245[data-qi-surface] :is(.tile,.quick-card):hover {
  transform:none!important;border-color:var(--qworld-cyan)!important;box-shadow:var(--qworld-shadow-hover)!important;
}

/* Shared, input-transparent effects. The halo's transform is set by the
   pointer controller; all page content remains visible without JavaScript. */
body.quantum-world4245 canvas.qworld-stars {
  position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;
  border-radius:inherit;opacity:.7;
}
body.quantum-world4245[data-qworld-atmosphere="immersive"] canvas.qworld-stars {opacity:.95}
body.quantum-world4245[data-qworld-atmosphere="calm"] canvas.qworld-stars {opacity:.2}
body.quantum-world4245 .qworld-pointer-halo {
  position:fixed;left:0;top:0;z-index:2147483000;width:38px;height:38px;
  pointer-events:none!important;border:1px solid var(--qworld-halo-color);border-radius:50%;
  background:radial-gradient(circle,#72dfff0a,transparent 70%);opacity:0;
  box-shadow:0 0 16px #3abde61f,inset 0 0 12px #73eaff0a;
  transition:opacity .18s ease,width .18s ease,height .18s ease,border-color .18s ease;
  will-change:transform;
}
body.quantum-world4245 .qworld-pointer-halo.is-active {opacity:.5}
body.quantum-world4245 .qworld-pointer-halo.is-hovering {width:48px;height:48px;opacity:.75;box-shadow:0 0 24px #3abde638,inset 0 0 16px #73eaff12}
body.quantum-world4245 .qworld-button-ready {isolation:isolate;overflow:hidden}
body.quantum-world4245 .qworld-ripple {
  position:absolute;z-index:0;pointer-events:none!important;border-radius:50%;
  background:radial-gradient(circle,#d0f9ff45 0%,#87dfff26 40%,transparent 70%);
  transform:translate(-50%,-50%) scale(0);opacity:.75;
  animation:qworld-app-ripple .6s ease-out both;
}
body.quantum-world4245 .qworld-inview {animation:qworld-app-reveal .55s ease-out both}
@keyframes qworld-app-ripple {to {transform:translate(-50%,-50%) scale(1);opacity:0}}
@keyframes qworld-app-reveal {from {filter:brightness(.91)} to {filter:brightness(1)}}

/* Native modal settings: keep the browser's closed-dialog behavior. */
@layer qi48 {
  html:root body.quantum-world4245.quantum-world4245.quantum-world4245 .qworld-preferences {
    box-sizing:border-box;inset:0;margin:auto;width:min(570px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;
    padding:28px;border:1px solid var(--qworld-line-strong);border-radius:23px;
    background:radial-gradient(ellipse at 100% 0,var(--qworld-aurora-cyan),transparent 60%),linear-gradient(145deg,var(--qworld-surface),var(--qworld-surface-end))!important;
    color:var(--qworld-ink)!important;box-shadow:0 28px 100px #020b2866,inset 0 1px #b2eaff30;
    font-family:inherit;font-size:15px;line-height:1.6;
  }
  html:root body.quantum-world4245.quantum-world4245.quantum-world4245 .qworld-preferences::backdrop {background:#020b23ab;backdrop-filter:blur(8px)}
  html:root body.quantum-world4245.quantum-world4245.quantum-world4245 .qworld-preferences-header {display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
  html:root body.quantum-world4245.quantum-world4245.quantum-world4245 .qworld-preferences-eyebrow {color:var(--qworld-cyan)!important;margin:0 0 6px;font-size:11px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}
  html:root body.quantum-world4245.quantum-world4245.quantum-world4245 .qworld-preferences h2 {color:var(--qworld-ink)!important;margin:0;font-size:25px;line-height:1.25;letter-spacing:-.035em}
  html:root body.quantum-world4245.quantum-world4245.quantum-world4245 .qworld-preferences-close {
    display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid var(--qworld-line-strong);border-radius:12px;
    background:var(--qworld-soft)!important;color:var(--qworld-ink)!important;font:inherit;font-size:23px;cursor:pointer;line-height:1;
  }
  html:root body.quantum-world4245.quantum-world4245.quantum-world4245 .qworld-preferences-intro {color:var(--qworld-secondary)!important;margin:18px 0 22px;font-size:14px;line-height:1.75}
  html:root body.quantum-world4245.quantum-world4245.quantum-world4245 .qworld-preferences-body {display:grid;gap:12px}
  html:root body.quantum-world4245.quantum-world4245.quantum-world4245 .qworld-setting {
    display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 18px;
    border:1px solid var(--qworld-line);border-radius:15px;background:var(--qworld-surface)!important;color:var(--qworld-ink)!important;
  }
  html:root body.quantum-world4245.quantum-world4245.quantum-world4245 .qworld-setting > span {min-width:0}
  html:root body.quantum-world4245.quantum-world4245.quantum-world4245 .qworld-setting strong {display:block;font-size:14px;font-weight:750;color:var(--qworld-ink)!important}
  html:root body.quantum-world4245.quantum-world4245.quantum-world4245 .qworld-setting small {display:block;margin-top:3px;font-size:12px;line-height:1.6;color:var(--qworld-muted)!important}
  html:root body.quantum-world4245.quantum-world4245.quantum-world4245 .qworld-setting input[type="checkbox"] {flex:0 0 auto;width:21px;height:21px;margin:0;accent-color:var(--qworld-focus);cursor:pointer}
  html:root body.quantum-world4245.quantum-world4245.quantum-world4245 .qworld-setting select {
    flex:0 0 auto;max-width:48%;min-height:44px;padding:8px 30px 8px 12px;
    border:1px solid var(--qworld-line-strong);border-radius:10px;background:var(--qworld-soft)!important;color:var(--qworld-ink)!important;font:inherit;font-size:13px;cursor:auto;
  }
  html:root body.quantum-world4245.quantum-world4245.quantum-world4245 .qworld-preferences-note {margin:17px 0 0;padding:11px 13px;border:1px solid var(--qworld-accent-line);border-radius:11px;background:var(--qworld-accent-soft)!important;color:var(--qworld-secondary)!important;font-size:12px;line-height:1.65}
  html:root body.quantum-world4245.quantum-world4245.quantum-world4245 .qworld-preferences-footer {display:flex;justify-content:flex-end;margin-top:22px}
  html:root body.quantum-world4245.quantum-world4245.quantum-world4245 .qworld-preferences-done {
    position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 24px;
    border:1px solid #7bc4ef;border-radius:12px;background:linear-gradient(112deg,#0876a1,#2656c3 55%,#714bbb)!important;
    color:#fff!important;-webkit-text-fill-color:currentColor!important;font:inherit;font-size:14px;font-weight:750;cursor:pointer;box-shadow:0 5px 18px #2658bd2b,inset 0 1px #c9f5ff55;
  }
  html:root body.quantum-world4245.quantum-world4245.quantum-world4245 :is(.qworld-preferences button,.qworld-setting input,.qworld-setting select,.qworld-effects-trigger):focus-visible {outline:3px solid var(--qworld-focus)!important;outline-offset:4px!important}
  html:root body.quantum-world4245.quantum-world4245.quantum-world4245 .qworld-effects-trigger {color:var(--qworld-blue)!important;text-underline-offset:4px}
}

@media (hover:hover) and (pointer:fine) {
  body.quantum-world4245.qworld-cursor-enabled {cursor:url("../assets/quantum-pointer4245.svg") 2 2,default}
  body.quantum-world4245.qworld-cursor-enabled :is(a,button,summary,[role="button"],label[for]) {cursor:url("../assets/quantum-pointer4245.svg") 2 2,pointer}
  body.quantum-world4245.qworld-cursor-enabled :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="button"]):not([type="submit"]):not([type="reset"]),textarea,[contenteditable="true"],[contenteditable=""]) {cursor:text!important}
  body.quantum-world4245.qworld-cursor-enabled :is(select,option,input[type="checkbox"],input[type="radio"],input[type="range"],input[type="color"],input[type="file"]) {cursor:auto!important}
  body.quantum-world4245.qworld-cursor-enabled :is(:disabled,[aria-disabled="true"]) {cursor:not-allowed!important}
}
@media (hover:none),(pointer:coarse) {
  body.quantum-world4245 .qworld-pointer-halo {display:none!important}
}
@media (max-width:540px) {
  @layer qi48 {
    html:root body.quantum-world4245.quantum-world4245.quantum-world4245 .qworld-preferences {padding:22px 18px;border-radius:19px;max-height:calc(100dvh - 24px)}
    html:root body.quantum-world4245.quantum-world4245.quantum-world4245 .qworld-preferences h2 {font-size:23px}
    html:root body.quantum-world4245.quantum-world4245.quantum-world4245 .qworld-setting {padding:15px 13px;gap:14px}
    html:root body.quantum-world4245.quantum-world4245.quantum-world4245 .qworld-setting-atmosphere {align-items:stretch;flex-direction:column;gap:10px}
    html:root body.quantum-world4245.quantum-world4245.quantum-world4245 .qworld-setting select {max-width:100%;width:100%}
  }
}
body.quantum-world4245[data-qworld-motion="off"] {--qworld-control-transition:none}
body.quantum-world4245[data-qworld-motion="off"] :is(.qworld-pointer-halo,.qworld-ripple) {display:none!important}
body.quantum-world4245[data-qworld-motion="off"] :is(.qworld-inview,canvas.qworld-stars) {animation:none!important;transition:none!important}
body.quantum-world4245[data-qworld-motion="off"] canvas.qworld-stars {opacity:.35}
:root:is([data-se-motion="reduce"],[data-se-motion="reduced"],[data-se-contrast="high"],[data-contrast="high"]) body.quantum-world4245 {
  --qworld-control-transition:none;
  --qworld-aurora-cyan:transparent;--qworld-aurora-violet:transparent;--qworld-aurora-blue:transparent;
  --qworld-button-light:transparent;--qworld-button-hover-light:transparent;
  --qworld-shadow:none;--qworld-shadow-hover:none;
  --qworld-primary-shadow:none;--qworld-primary-hover-shadow:none;
  --qworld-secondary-shadow:none;--qworld-secondary-hover-shadow:none;
}
:root:is([data-se-motion="reduce"],[data-se-motion="reduced"],[data-se-contrast="high"],[data-contrast="high"]) body.quantum-world4245 :is(.qworld-pointer-halo,.qworld-ripple,canvas.qworld-stars) {display:none!important}
:root:is([data-se-motion="reduce"],[data-se-motion="reduced"],[data-se-contrast="high"],[data-contrast="high"]) body.quantum-world4245 .qworld-inview {animation:none!important;filter:none!important}
:root:is([data-se-contrast="high"],[data-contrast="high"]) body.quantum-world4245 {
  --qworld-canvas:#fff;--qworld-surface:#fff;--qworld-surface-end:#fff;--qworld-soft:#f3f5f8;
  --qworld-ink:#071326;--qworld-secondary:#172b46;--qworld-muted:#243f60;
  --qworld-line:#7085a3;--qworld-line-strong:#3c5678;
  --qworld-primary-gradient:linear-gradient(#174a9f,#174a9f);
  --qworld-hero:linear-gradient(#0a1d36,#0a1d36);
}
:root[data-theme="dark"]:is([data-se-contrast="high"],[data-contrast="high"]) body.quantum-world4245 {
  --qworld-canvas:#000;--qworld-surface:#080c14;--qworld-surface-end:#080c14;--qworld-soft:#101a2c;
  --qworld-ink:#fff;--qworld-secondary:#e1eeff;--qworld-muted:#cbdef7;
  --qworld-line:#819bbb;--qworld-line-strong:#9eb6d5;
}
@layer qi48 {
  :root[data-area][data-theme]:is([data-se-contrast="high"],[data-contrast="high"],[data-se-motion="reduce"],[data-se-motion="reduced"]) body.quantum-world4245.quantum-world4245.quantum-world4245 .app.qi388-shell :is(.tnx-office-hero,.tnx4172-launcher .tnx4172-hero,.tnx4172-launcher .tnx4186-hero) {
    background-image:var(--qworld-hero)!important;box-shadow:none!important;
  }
  :root[data-area][data-theme]:is([data-se-contrast="high"],[data-contrast="high"],[data-se-motion="reduce"],[data-se-motion="reduced"]) body.quantum-world4245.quantum-world4245.quantum-world4245 .tnx-auth-page .qi41-architecture {
    background-image:var(--qworld-hero)!important;box-shadow:none!important;
  }
}
@media (prefers-reduced-motion:reduce) {
  body.quantum-world4245 :is(.qworld-pointer-halo,.qworld-ripple) {display:none!important}
  body.quantum-world4245 :is(.qworld-inview,canvas.qworld-stars) {animation:none!important;transition:none!important}
  @layer qi48 {
    :root body.quantum-world4245.quantum-world4245.quantum-world4245 :is(.btn,.button,.tnx4172-app-card,.tnx4172-tool,.tnx-office-module,.tile,.quick-card,.qworld-preferences *) {animation:none!important;transition:none!important;scroll-behavior:auto!important}
  }
}
@media (forced-colors:active) {
  body.quantum-world4245 :is(.qworld-pointer-halo,.qworld-ripple,canvas.qworld-stars) {display:none!important}
  body.quantum-world4245.qworld-cursor-enabled,body.quantum-world4245.qworld-cursor-enabled :is(a,button,summary,[role="button"]) {cursor:auto!important}
  @layer qi48 {
    :root body.quantum-world4245.quantum-world4245.quantum-world4245 :is(.app.qi388-shell,.tnx-auth-page,.qworld-preferences) {background:Canvas!important;color:CanvasText!important}
    :root body.quantum-world4245.quantum-world4245.quantum-world4245 :is(.btn,.qworld-preferences-close,.qworld-preferences-done,.qworld-setting) {background:Canvas!important;color:CanvasText!important;-webkit-text-fill-color:CanvasText!important;border-color:ButtonText!important;box-shadow:none!important;forced-color-adjust:auto}
    :root body.quantum-world4245.quantum-world4245.quantum-world4245 :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible {outline:3px solid Highlight!important;outline-offset:3px!important}
  }
}

/* Match the primary button's paint specificity in system forced colors. */
@media (forced-colors:active) {
  @layer qi48 {
    :root:is([data-area="app"],[data-area="auth"])[data-theme] body.quantum-world4245.quantum-world4245.quantum-world4245 :is(.app.qi388-shell,.tnx-auth-page,.modal,.lookpop) .btn:not(.ghost):not(.secondary):not(.soft):not(.link):not(.icon):not(.danger):not(.red):not(.go):not(.stop):not(.ssobtn):not(.prhang):not(.gsiwait):not([role="radio"]):not([aria-checked]):not([aria-pressed]):not(:disabled):not([aria-disabled="true"]),
    html:root body.quantum-world4245.quantum-world4245.quantum-world4245 .qworld-preferences-done {
      background:ButtonFace!important;color:ButtonText!important;-webkit-text-fill-color:currentColor!important;border-color:ButtonText!important;box-shadow:none!important;forced-color-adjust:auto;
    }
  }
}

@layer qi48 {
.tnx-ops { --ops-border:var(--border,#d6deeb); --ops-panel:var(--card,#fff); --ops-text:var(--text,#16243a); --ops-muted:var(--muted,#526174); color:var(--ops-text); max-width:1440px; margin:0 auto; display:grid; gap:22px; }
.tnx-ops * { box-sizing:border-box; }
.tnx-ops [hidden] { display:none!important; }
.tnx-ops-heading { padding:6px 0; }
.tnx-ops-heading h1 { font-size:clamp(26px,3vw,36px); margin:8px 0; line-height:1.15; }
.tnx-ops p { color:var(--ops-muted); line-height:1.6; margin:8px 0 14px; max-width:100ch; }
.tnx-ops-eyebrow { color:var(--primary,#2463d4); text-transform:uppercase; font-size:12px; font-weight:750; letter-spacing:.1em; }
.tnx-ops-tabs { display:flex; flex-wrap:wrap; gap:8px; border-bottom:1px solid var(--ops-border); padding-bottom:12px; }
.tnx-ops-tabs button { border:1px solid var(--ops-border); color:var(--ops-text); background:var(--ops-panel); border-radius:10px; min-height:46px; padding:11px 18px; font:inherit; font-weight:650; cursor:pointer; }
.tnx-ops-tabs button[aria-selected=true] { color:#fff; background:#245dcc; border-color:#245dcc; }
.tnx-ops button:focus-visible,.tnx-ops input:focus-visible,.tnx-ops select:focus-visible,.tnx-ops summary:focus-visible { outline:3px solid #4c91fb; outline-offset:3px; }
.tnx-ops-panel { display:grid; gap:18px; background:var(--ops-panel); border:1px solid var(--ops-border); border-radius:16px; padding:clamp(16px,2.3vw,28px); min-width:0; }
.tnx-ops-panel-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }
.tnx-ops h2 { margin:0 0 7px; font-size:23px; line-height:1.25; }
.tnx-ops h3 { margin:0 0 8px; font-size:19px; line-height:1.3; }
.tnx-ops h4 { margin:16px 0 7px; font-size:16px; }
.tnx-ops-panel-heading p { margin-bottom:0; }
.tnx-ops-form { display:grid; gap:16px; }
.tnx-ops fieldset { border:0; margin:0; padding:0; min-width:0; display:grid; gap:18px; }
.tnx-ops legend { font-weight:700; margin:0 0 13px; }
.tnx-ops-form label { display:grid; gap:8px; font-weight:600; min-width:0; }
.tnx-ops small { display:block; font-size:12px; font-weight:400; color:var(--ops-muted); line-height:1.5; overflow-wrap:anywhere; }
.tnx-ops input:not([type=checkbox]),.tnx-ops select { width:100%; min-height:44px; padding:10px 12px; border:1px solid var(--ops-border); border-radius:8px; background:var(--ops-panel); color:var(--ops-text); font:inherit; }
.tnx-ops input[type=checkbox] { width:19px; height:19px; accent-color:#245dcc; flex-shrink:0; cursor:pointer; }
.tnx-ops button:disabled,.tnx-ops input:disabled,.tnx-ops select:disabled { opacity:.58; cursor:not-allowed; }
.tnx-ops-two { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.tnx-ops .tnx-ops-checks { display:flex; flex-wrap:wrap; gap:12px 22px; padding:16px; border:1px solid var(--ops-border); border-radius:10px; }
.tnx-ops-checks legend { padding:0 6px; margin:0; }
.tnx-ops-checks p { flex-basis:100%; margin:0 0 5px; font-size:13px; }
.tnx-ops .tnx-ops-checks label { display:flex; gap:9px; align-items:center; font-weight:500; min-height:30px; }
.tnx-ops-feature-options { border:1px solid var(--ops-border); border-radius:10px; padding:16px; }
.tnx-ops-feature-options summary { font-weight:650; cursor:pointer; padding:3px 0; }
.tnx-ops-feature-options p { font-size:13px; }
.tnx-ops-feature-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 22px; max-height:460px; overflow:auto; padding:4px; }
.tnx-ops-feature-grid label { display:grid; grid-template-columns:minmax(0,1fr) 115px; align-items:center; gap:12px; padding:12px 0; border-bottom:1px solid var(--ops-border); font-size:13px; }
.tnx-ops-feature-grid select { font-size:13px; }
.tnx-ops-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.tnx-ops .btn { min-height:44px; white-space:normal; }
.tnx-ops-notice { border:1px solid #9dbbed; border-left:4px solid #2864d4; border-radius:8px; background:color-mix(in srgb,var(--ops-panel) 92%,#4a87ed 8%); padding:13px 16px; color:var(--ops-text); font-size:14px; line-height:1.6; overflow-wrap:anywhere; }
.tnx-ops-notice.is-error { border-color:#d58484; border-left-color:#b32c2c; background:color-mix(in srgb,var(--ops-panel) 93%,#cb3a3a 7%); }
.tnx-ops-empty { padding:25px 18px; border:1px dashed var(--ops-border); border-radius:10px; text-align:center; }
.tnx-ops-preview { display:grid; gap:16px; padding:20px; border:2px solid #447bd7; border-radius:12px; }
.tnx-ops-preview:focus { outline:0; box-shadow:0 0 0 3px color-mix(in srgb,#4c91fb 35%,transparent); }
.tnx-ops-table-wrap { width:100%; overflow:auto; border:1px solid var(--ops-border); border-radius:9px; }
.tnx-ops table { width:100%; border-collapse:collapse; font-size:14px; text-align:left; min-width:560px; }
.tnx-ops table th,.tnx-ops table td { padding:13px 15px; border-bottom:1px solid var(--ops-border); vertical-align:top; overflow-wrap:anywhere; }
.tnx-ops table thead th { font-size:12px; letter-spacing:.02em; background:color-mix(in srgb,var(--ops-panel) 94%,#647997 6%); font-weight:700; white-space:nowrap; }
.tnx-ops table tbody th { font-weight:600; max-width:310px; }
.tnx-ops table tr:last-child td,.tnx-ops table tr:last-child th { border-bottom:0; }
.tnx-ops-badge { display:inline-block; flex-shrink:0; border:1px solid var(--ops-border); border-radius:999px; padding:5px 10px; font-size:12px; line-height:1.2; font-weight:650; text-transform:capitalize; }
.tnx-ops-meta { font-size:13px; }
.tnx-ops-results { display:grid; gap:8px; }
.tnx-ops-results ul { list-style:none; padding:0; margin:0; display:grid; gap:8px; }
.tnx-ops-results li { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:12px 14px; border:1px solid var(--ops-border); border-radius:8px; font-size:14px; }
.tnx-ops .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
:root[data-theme=dark] .tnx-ops { --ops-panel:var(--card,#142031); --ops-border:var(--border,#354258); --ops-text:var(--text,#eff5ff); --ops-muted:var(--muted,#b5c4d7); }
@media(max-width:720px) { .tnx-ops-panel-heading { flex-direction:column; gap:14px; } .tnx-ops-two,.tnx-ops-feature-grid { grid-template-columns:1fr; } .tnx-ops-tabs button { flex:1 1 150px; } .tnx-ops-preview { padding:14px; } .tnx-ops-actions .btn { flex:1 1 180px; } }
@media(prefers-reduced-motion:reduce) { .tnx-ops * { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }
}