/* TechLead Support 7.1.0. Semantic light/dark tokens; no external assets. */
:root,html[data-theme="light"] {
  color-scheme: light;
  --t-bg:#f4f7fb; --t-bg-soft:#eef3f9; --t-surface:#fff; --t-raised:#fff;
  --t-soft:#f6f8fc; --t-hover:#edf6f6; --t-line:#dce5ef; --t-line-strong:#acbfd0;
  --t-text:#16283e; --t-muted:#546b82; --t-faint:#5f748a;
  --t-accent:#087f76; --t-accent-hover:#066b64; --t-on-accent:#fff; --t-accent-soft:#e6f6f2;
  --t-info:#225dc2; --t-info-soft:#eaf1ff; --t-info-line:#ceddf9;
  --t-good:#08775c; --t-good-soft:#e5f6ef; --t-good-line:#bee7d9;
  --t-warn:#885c06; --t-warn-soft:#fff5dc; --t-warn-line:#eddaab;
  --t-bad:#ad2d4c; --t-bad-soft:#ffedf2; --t-bad-line:#f2c9d4;
  --t-purple:#6643ae; --t-purple-soft:#f0eafb; --t-purple-line:#ddd0f4;
  --t-sidebar:#122337; --t-sidebar-soft:#1b3047; --t-sidebar-line:#2c435b;
  --t-sidebar-text:#dce9fa; --t-sidebar-muted:#a3b9d1;
  --t-shadow:0 4px 20px #152b4510; --t-shadow-menu:0 16px 48px #0b1c3b2b;
  --t-login-glow:#e0ecee; --t-input:#fff;
  --tl-bg:var(--t-bg); --tl-bg-soft:var(--t-bg-soft);
  --tl-surface:var(--t-surface); --tl-surface-2:var(--t-soft); --tl-surface-3:var(--t-bg-soft);
  --tl-line:var(--t-line); --tl-line-strong:var(--t-line-strong);
  --tl-text:var(--t-text); --tl-muted:var(--t-muted); --tl-muted-2:var(--t-faint);
  --tl-blue:var(--t-accent); --tl-blue-2:var(--t-accent); --tl-blue-soft:var(--t-accent-soft);
  --tl-green:var(--t-good); --tl-amber:var(--t-warn); --tl-red:var(--t-bad); --tl-purple:var(--t-purple);
  --tl-sidebar-width:236px; --tl-radius:14px; --tl-shadow:var(--t-shadow); --tl-shadow-soft:0 2px 9px #152b4509;
}
html[data-theme="dark"] {
  color-scheme: dark;
  --t-bg:#0b1624; --t-bg-soft:#101f30; --t-surface:#112133; --t-raised:#172a40;
  --t-soft:#16293e; --t-hover:#19364a; --t-line:#2b4159; --t-line-strong:#59738c;
  --t-text:#edf3fc; --t-muted:#acbed3; --t-faint:#9eb2ca;
  --t-accent:#29cfb7; --t-accent-hover:#53dec9; --t-on-accent:#032d28; --t-accent-soft:#143c3c;
  --t-info:#91bcff; --t-info-soft:#1d3557; --t-info-line:#385880;
  --t-good:#76e0bc; --t-good-soft:#143c38; --t-good-line:#2b6556;
  --t-warn:#f5cd7b; --t-warn-soft:#3c321d; --t-warn-line:#71613c;
  --t-bad:#ffaabd; --t-bad-soft:#402738; --t-bad-line:#754454;
  --t-purple:#cbb5ff; --t-purple-soft:#302949; --t-purple-line:#5c4d7c;
  --t-sidebar:#0d1c2d; --t-sidebar-soft:#172c42; --t-sidebar-line:#2b4159;
  --t-sidebar-text:#dce9fa; --t-sidebar-muted:#a3b9d1;
  --t-shadow:0 4px 22px #00000016; --t-shadow-menu:0 16px 48px #0007;
  --t-login-glow:#152d38; --t-input:#101f30;
}
html { background:var(--t-bg); }
html body.tl-v6 { color:var(--t-text); background:var(--t-bg); font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:14px; }
html body.tl-v6 h1,html body.tl-v6 h2,html body.tl-v6 h3 { color:var(--t-text); }
html body.tl-v6 p,html body.tl-v6 label { color:var(--t-muted); }
html body.tl-v6 a:hover { color:var(--t-accent); }
html body.tl-v6 :focus-visible { outline:3px solid var(--t-info); outline-offset:3px; }
html body.tl-v6 ::selection { background:var(--t-info-soft); color:var(--t-info); }
html body.tl-v6 .st-main,html body.tl-v6 .main { padding:0 28px 38px; }
html body.tl-v6 .st-title { font-size:clamp(26px,2.15vw,34px); letter-spacing:-1px; line-height:1.25; font-weight:720; color:var(--t-text); }
html body.tl-v6 :is(.st-eyebrow,.ntx-kicker,.eyebrow,.tlx-kicker) { color:var(--t-muted); font-size:10px; letter-spacing:.12em; }
html body.tl-v6 :is(.st-subtitle,.st-muted,.st-cell-meta,.st-time,.st-time small,.st-detail-row span,.st-sla-tile label,.st-sla-tile small) { color:var(--t-muted); }
html body.tl-v6 .st-subtitle { font-size:13px; }
html body.tl-v6 [hidden] { display:none!important; }
/* Product shell, with the official logo remaining on the top right. */
html body.tl-v6 :is(.st-sidebar,.sidebar,.side) { background:var(--t-sidebar); border-right:1px solid var(--t-sidebar-line); color:var(--t-sidebar-text); padding:23px 15px 17px; gap:18px; }
html body.tl-v6 .st-sidebar .st-brand-copy b { color:#f0f5ff; font-size:15px; }
html body.tl-v6 .st-sidebar .st-brand-copy>span { color:var(--t-sidebar-muted); font-size:10px; }
html body.tl-v6 .st-sidebar .st-command-trigger { background:var(--t-sidebar-soft); color:var(--t-sidebar-text); border-color:var(--t-sidebar-line); }
html body.tl-v6 .st-sidebar .st-nav-section { color:var(--t-sidebar-muted); font-size:9px; margin-bottom:-9px; }
html body.tl-v6 .st-sidebar .st-nav a { color:var(--t-sidebar-text); font-size:12px; min-height:36px; padding:8px 10px; }
html body.tl-v6 .st-sidebar .st-nav a:hover { background:var(--t-sidebar-soft); color:white; }
html body.tl-v6 .st-sidebar .st-nav a.active { color:#bbfff1; background:linear-gradient(100deg,#07655f,#164747); box-shadow:inset 0 0 0 1px #26716b; }
html body.tl-v6 .st-sidebar .st-nav-count { background:#28415a; color:#dcecff; }
html body.tl-v6 .st-sidebar .st-sidebar-collapse { color:var(--t-sidebar-muted); border-color:var(--t-sidebar-line); }
html body.tl-v6 .st-sidebar :is(.st-user-email,.st-user-role,.st-logout) { color:var(--t-sidebar-muted); }
html body.tl-v6 .st-sidebar .st-user { border-color:var(--t-sidebar-line); }
html body.tl-v6 .st-sidebar .st-user-name { color:#eef5ff; }
html body.tl-v6 .st-globalbar { min-height:82px; gap:22px; padding:14px 0; margin-bottom:28px; border-color:var(--t-line); }
html body.tl-v6 :is(.st-globalpath,.tl-compat-path) { color:var(--t-muted); flex-shrink:0; font-size:11px; }
html body.tl-v6 :is(.st-globalpath strong,.tl-compat-path strong) { color:var(--t-text); }
html body.tl-v6 .st-globalmeta { margin-left:auto; flex-shrink:0; gap:14px; }
html body.tl-v6 .tl-corporate-brand { background:#fff; width:88px; height:47px; border:1px solid #cbd9e6; padding:4px 7px; box-shadow:none; border-radius:9px; }
.tl71-brand-tools { display:flex; align-items:center; justify-content:flex-end; gap:16px; flex-shrink:0; }
.tl71-global-search { display:flex; align-items:center; gap:10px; max-width:490px; min-width:170px; flex:1 1 330px; margin-left:auto; padding:0 11px; background:var(--t-input); border:1px solid var(--t-line); border-radius:9px; color:var(--t-muted); }
html body.tl-v6 .tl71-global-search input { min-width:0; width:100%; border:0!important; background:transparent!important; min-height:42px; padding:9px 0; color:var(--t-text)!important; }
html body.tl-v6 .tl71-global-search button { border:0; background:none; color:var(--t-muted); padding:5px; border-radius:4px; }
html body.tl-v6 .tl71-global-search input:focus { outline:none; box-shadow:none; }
.tl71-global-search:focus-within { border-color:var(--t-info); outline:2px solid var(--t-info); outline-offset:2px; }
/* Native buttons: keyboard, focus, arrow navigation and Escape supported. */
.tl71-theme { position:relative; z-index:91; flex-shrink:0; }
html body.tl-v6 .tl71-theme-trigger { display:flex; align-items:center; gap:8px; min-height:42px; padding:9px 11px; background:var(--t-surface); border:1px solid var(--t-line); color:var(--t-text); border-radius:9px; cursor:pointer; font-size:12px; font-weight:600; }
.tl71-theme-symbol { display:flex; color:var(--t-muted); }
.tl71-theme-symbol svg { width:18px; height:18px; }
.tl71-theme-chevron { margin-left:2px; font-size:14px; color:var(--t-muted); }
.tl71-theme-options { position:absolute; right:0; top:calc(100% + 9px); padding:7px; width:198px; max-width:calc(100vw - 32px); border:1px solid var(--t-line-strong); background:var(--t-raised); border-radius:12px; box-shadow:var(--t-shadow-menu); z-index:240; }
.tl71-theme-title { display:block; padding:7px 9px; font-size:10px; color:var(--t-muted); text-transform:uppercase; letter-spacing:.09em; }
html body.tl-v6 .tl71-theme-options button { display:flex; align-items:center; gap:10px; width:100%; min-height:42px; background:none; border:1px solid transparent; color:var(--t-text); text-align:left; padding:9px; font-size:13px; border-radius:7px; }
html body.tl-v6 .tl71-theme-options button:hover { background:var(--t-soft); }
html body.tl-v6 .tl71-theme-options button[aria-pressed="true"] { background:var(--t-accent-soft); color:var(--t-accent); }
.tl71-theme-check { margin-left:auto; visibility:hidden; }
[aria-pressed="true"]>.tl71-theme-check { visibility:visible; }
.tl71-theme-options small { display:block; color:var(--t-muted); font-size:10px; padding:8px 9px 4px; border-top:1px solid var(--t-line); margin-top:6px; }
/* Cards and shared form primitives. Strong scoping wins over earlier V6/V7 literals. */
html body.tl-v6 :is(.st-card,.st-kpi,.st-composer,.ntx-panel,.tlx-card,.tl-state-card,.panel,.st-auth-card) { background:var(--t-surface); border-color:var(--t-line); box-shadow:var(--t-shadow); color:var(--t-text); }
html body.tl-v6 :is(.st-card-head,.st-detail-row,.st-table-wrap,.st-save-view,.tl-compat-bar) { border-color:var(--t-line); }
html body.tl-v6 .st-card-head { padding:21px 22px; }
html body.tl-v6 .st-card-head h2 { color:var(--t-text); font-size:15px; font-weight:670; }
html body.tl-v6 .st-card-head p { color:var(--t-muted); font-size:12px; }
html body.tl-v6 :is(.st-btn,.btn,.tlx-btn,.tl-back-link,.st-icon-btn) { color:var(--t-text); background:var(--t-surface); border-color:var(--t-line-strong); min-height:40px; font-size:12px; font-weight:600; border-radius:8px; box-shadow:none; }
html body.tl-v6 :is(.st-btn,.btn,.tlx-btn,.tl-back-link,.st-icon-btn):hover { color:var(--t-text); background:var(--t-hover); border-color:var(--t-accent); }
html body.tl-v6 :is(.st-btn.primary,.btn.primary,.tlx-btn.primary,button.primary,.tl-agent-save-btn) { color:var(--t-on-accent)!important; background:var(--t-accent)!important; border-color:var(--t-accent)!important; }
html body.tl-v6 :is(.st-btn.primary,.btn.primary,.tlx-btn.primary):hover { color:var(--t-on-accent)!important; background:var(--t-accent-hover)!important; border-color:var(--t-accent-hover)!important; }
html body.tl-v6 :is(.st-btn.ghost,.btn.ghost) { background:transparent; color:var(--t-muted); border-color:transparent; }
html body.tl-v6 :is(.st-btn.danger,.btn.danger,.st-menu-danger) { background:var(--t-bad-soft); color:var(--t-bad); border-color:var(--t-bad-line); }
html body.tl-v6 :is(.st-input,.st-select,input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),select,textarea) { color:var(--t-text)!important; background:var(--t-input)!important; border-color:var(--t-line-strong)!important; font-size:13px; color-scheme:inherit!important; }
html body.tl-v6 :is(input,textarea)::placeholder { color:var(--t-faint); opacity:1; }
html body.tl-v6 input:is([type=checkbox],[type=radio]) { accent-color:var(--t-accent); }
html body.tl-v6 :is(select,select option,select optgroup) { background:var(--t-input)!important; color:var(--t-text)!important; color-scheme:inherit!important; }
html body.tl-v6 textarea { line-height:1.8; }
html body.tl-v6 .st-field>label { color:var(--t-muted); font-size:12px; }
/* Actual KPI values and actual filters; no decorative invented metrics. */
html body.tl-v6 .st-grid-4 { gap:16px; }
html body.tl-v6 .st-kpi { padding:21px 19px; min-height:125px; }
html body.tl-v6 .st-kpi-inner { flex-direction:row; justify-content:flex-start; align-items:flex-start; gap:15px; }
html body.tl-v6 .st-kpi-icon { order:0; width:43px; height:43px; flex-shrink:0; background:var(--t-info-soft); color:var(--t-info); border-radius:11px; }
html body.tl-v6 .st-kpi-inner>div:last-child { min-width:0; }
html body.tl-v6 .st-kpi label { color:var(--t-muted); font-size:12px; }
html body.tl-v6 .st-kpi strong { color:var(--t-text); font-size:30px; line-height:1.5; letter-spacing:-.8px; }
html body.tl-v6 .st-kpi span { color:var(--t-muted); font-size:11px; }
html body.tl-v6 .st-kpi:after { top:0; bottom:0; background:var(--t-info); width:3px; }
html body.tl-v6 .st-kpi.red:after { background:var(--t-bad); }
html body.tl-v6 .st-kpi.warn:after { background:var(--t-warn); }
html body.tl-v6 .st-kpi.green:after { background:var(--t-good); }
html body.tl-v6 .st-kpi.purple:after { background:var(--t-purple); }
html body.tl-v6 .st-kpi.red .st-kpi-icon { color:var(--t-bad); background:var(--t-bad-soft); }
html body.tl-v6 .st-kpi.warn .st-kpi-icon { color:var(--t-warn); background:var(--t-warn-soft); }
html body.tl-v6 .st-kpi.green .st-kpi-icon { color:var(--t-good); background:var(--t-good-soft); }
html body.tl-v6 .st-kpi.purple .st-kpi-icon { color:var(--t-purple); background:var(--t-purple-soft); }
html body.tl-v6 .st-content-grid { grid-template-columns:minmax(0,1fr) 272px; gap:20px; align-items:start; }
html body.tl-v6 .st-queue-tabs { background:transparent; border-radius:0; padding:0; gap:3px; align-items:center; }
html body.tl-v6 .st-queue-tab { color:var(--t-muted); border-radius:7px; padding:8px 9px; font-size:11px; }
html body.tl-v6 .st-queue-tab.active { background:var(--t-info-soft); color:var(--t-info); box-shadow:none; }
html body.tl-v6 .st-queue-tab:hover { background:var(--t-soft); color:var(--t-info); }
.tl71-tab-count { display:inline-flex; align-items:center; justify-content:center; padding:0 5px; min-width:18px; margin-left:5px; border-radius:5px; color:var(--t-muted); background:var(--t-bg-soft); font-size:10px; }
html body.tl-v6 .st-ticket-toolbar { grid-template-columns:minmax(200px,2fr) repeat(2,minmax(125px,1fr)) minmax(108px,.7fr) auto; }
html body.tl-v6 .st-save-view { padding:12px 0 15px; }
html body.tl-v6 .st-save-view input { max-width:260px; }
html body.tl-v6 .st-table-wrap { background:var(--t-surface); border-color:var(--t-line); border-radius:10px; }
html body.tl-v6 th { background:var(--t-soft); border-color:var(--t-line); color:var(--t-muted); font-size:10px; padding:13px 11px; }
html body.tl-v6 td { background:transparent; color:var(--t-text); border-color:var(--t-line); font-size:12px; padding:15px 11px; }
html body.tl-v6 tbody tr:hover { background:var(--t-hover); }
html body.tl-v6 .st-sort-link { color:var(--t-muted)!important; }
html body.tl-v6 .st-ticket-subject { color:var(--t-text); font-size:13px; line-height:1.5; }
html body.tl-v6 .st-cell-meta { font-size:11px; margin-top:5px; }
html body.tl-v6 .st-time { font-size:11px; }
html body.tl-v6 .st-time small { font-size:10px; }
html body.tl-v6 :is(.st-code,.code) { background:var(--t-info-soft); color:var(--t-info); border-color:var(--t-info-line); font-size:11px; }
html body.tl-v6 :is(.st-mini-avatar,.ntx-mini-avatar) { color:var(--t-purple); background:var(--t-purple-soft); }
html body.tl-v6 .st-person { font-size:11px; }
html body.tl-v6 .st-person>span:last-child { max-width:110px; }
html body.tl-v6 .st-pagination-v4 { color:var(--t-muted); font-size:11px; }
html body.tl-v6 .st-page-links :is(a,span) { color:var(--t-text); background:var(--t-surface); border-color:var(--t-line-strong); }
html body.tl-v6 .st-page-links .active { color:var(--t-on-accent); background:var(--t-accent); border-color:var(--t-accent); }
html body.tl-v6 .st-bulkbar { color:var(--t-text); background:var(--t-accent-soft); border-color:var(--t-good-line); }
/* Consistent meaning in both themes. */
html body.tl-v6 :is(.st-badge,.pill,.prio,.tlx-status,.ntx-user-kind,.st-sla,.st-project-health) { color:var(--t-info); background:var(--t-info-soft); border-color:var(--t-info-line); font-size:10px; }
html body.tl-v6 :is(.st-badge.green,.pill.green,.st-sla.ok,.st-project-health.healthy,.tlx-status.resolved,.ntx-user-kind.internal) { color:var(--t-good); background:var(--t-good-soft); border-color:var(--t-good-line); }
html body.tl-v6 :is(.st-badge.red,.pill.red,.st-sla.breached,.st-project-health.blocked,.prio.high) { color:var(--t-bad); background:var(--t-bad-soft); border-color:var(--t-bad-line); }
html body.tl-v6 :is(.st-badge.warn,.st-badge.orange,.pill.orange,.st-sla.risk,.st-project-health.risk,.prio.med) { color:var(--t-warn); background:var(--t-warn-soft); border-color:var(--t-warn-line); }
html body.tl-v6 :is(.st-badge.purple,.pill.purple,.ntx-user-kind.external,.ntx-count,.ntx-chip) { color:var(--t-purple); background:var(--t-purple-soft); border-color:var(--t-purple-line); }
html body.tl-v6 :is(.st-badge.slate,.pill.slate) { color:var(--t-muted); background:var(--t-soft); border-color:var(--t-line); }
html body.tl-v6 .tl7-version { color:var(--t-accent); background:var(--t-accent-soft); border-color:var(--t-good-line); font-size:10px; }
/* Overview, real 7-day chart and proportional team workload. */
.tl71-ops-rail { display:grid; gap:18px; min-width:0; }
html body.tl-v6 .st-side-card { padding:22px 20px; background:var(--t-surface); }
.tl71-panel-title { display:flex; align-items:center; gap:9px; color:var(--t-info); }
html body.tl-v6 .tl71-panel-title h2 { font-size:14px; color:var(--t-text); margin:0; }
.tl71-period { margin-left:auto; color:var(--t-accent); font-size:11px; }
html body.tl-v6 .st-ops-row { padding:13px 0; border-color:var(--t-line); color:var(--t-muted); font-size:12px; }
html body.tl-v6 .st-ops-row strong { background:none; color:var(--t-text); font-size:13px; }
.tl71-chart-heading { margin-top:20px; color:var(--t-muted); font-size:11px; }
html body.tl-v6 .st-day-bars { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:8px; height:auto; margin-top:14px; align-items:end; }
html body.tl-v6 .st-day { display:grid; grid-template-rows:18px 66px 19px; justify-items:center; gap:5px; min-width:0; height:auto; }
.tl71-day-value { font-size:10px; color:var(--t-muted); }
.tl71-day-track { height:66px; width:100%; max-width:22px; background:var(--t-bg-soft); display:flex; align-items:flex-end; border-radius:4px; overflow:hidden; }
html body.tl-v6 .st-day-bar { width:100%; background:var(--t-accent); border:0; border-radius:4px; min-height:0; }
html body.tl-v6 .st-day label { color:var(--t-muted); font-size:10px; margin:0; }
html body.tl-v6 .tl71-rail-note { font-size:11px; color:var(--t-muted); margin:9px 0 16px; }
.tl71-agent-list { display:grid; gap:17px; }
.tl71-agent-row { display:flex; align-items:center; gap:9px; min-width:0; }
.tl71-agent-copy { display:grid; gap:2px; min-width:0; flex:1; }
.tl71-agent-copy b { font-size:12px; color:var(--t-text); overflow-wrap:anywhere; }
.tl71-agent-copy small { font-size:10px; color:var(--t-muted); }
.tl71-agent-meter { width:48px; height:6px; border-radius:6px; background:var(--t-line); flex-shrink:0; overflow:hidden; }
.tl71-agent-meter span { display:block; height:100%; background:var(--t-accent); border-radius:6px; }
.tl71-recent-list { display:grid; gap:15px; }
.tl71-recent { display:flex; gap:10px; align-items:flex-start; min-width:0; }
.tl71-recent-icon { display:grid; place-items:center; color:var(--t-accent); background:var(--t-accent-soft); width:29px; height:30px; flex-shrink:0; border-radius:8px; }
.tl71-recent>span:last-child { display:grid; gap:3px; min-width:0; }
.tl71-recent b { font-size:11px; color:var(--t-text); }
.tl71-recent>span>span { font-size:11px; color:var(--t-muted); overflow-wrap:anywhere; }
.tl71-recent small { font-size:10px; color:var(--t-muted); }
/* Ticket conversation, public/internal composer, responsible and CC. */
html body.tl-v6 .st-message-bubble { background:var(--t-soft); border-color:var(--t-line); }
html body.tl-v6 .st-message.agent .st-message-bubble { background:var(--t-good-soft); border-color:var(--t-good-line); }
html body.tl-v6 .st-message.internal .st-message-bubble { background:var(--t-warn-soft); border-color:var(--t-warn-line); }
html body.tl-v6 .st-message-avatar { background:var(--t-info-soft); color:var(--t-info); }
html body.tl-v6 .st-message.agent .st-message-avatar { background:var(--t-good-soft); color:var(--t-good); }
html body.tl-v6 .st-message.internal .st-message-avatar { background:var(--t-warn-soft); color:var(--t-warn); }
html body.tl-v6 :is(.st-message-head strong,.st-message-body,.st-detail-row strong,.st-sla-tile strong) { color:var(--t-text); }
html body.tl-v6 .st-message-body { font-size:14px; }
html body.tl-v6 .st-message-head span { color:var(--t-muted); font-size:11px; }
html body.tl-v6 .st-composer.is-internal { background:var(--t-warn-soft); border-color:var(--t-warn-line); }
html body.tl-v6 .st-composer.is-internal textarea { background:var(--t-input)!important; }
html body.tl-v6 :is(.st-sla-tile,.st-related a,.ntx-cc-option,.ntx-cc-search,.ntx-contact-card,.ntx-notice,.ntx-summary,.ntx-contact-select,.ntx-responsible-card) { background:var(--t-soft); border-color:var(--t-line); color:var(--t-text); }
html body.tl-v6 :is(.ntx-cc-copy b,.ntx-contact-copy b) { color:var(--t-text); }
html body.tl-v6 :is(.ntx-cc-copy small,.ntx-contact-copy span,.ntx-contact-state,.ntx-notice small,.ntx-chip small) { color:var(--t-muted); }
html body.tl-v6 :is(.ntx-step,.ntx-avatar) { background:var(--t-accent-soft); border-color:var(--t-good-line); color:var(--t-accent); }
html body.tl-v6 :is(.ntx-cc-selected,.ntx-cc-manager-panel,.ntx-cc-list) { color:var(--t-text); background:transparent; }
html body.tl-v6 .ntx-cc-option:hover,html body.tl-v6 .ntx-cc-option:has(input:checked) { background:var(--t-accent-soft); border-color:var(--t-good-line); }
html body.tl-v6 .tl-agent-change-box { background:var(--t-soft)!important; border-color:var(--t-line)!important; color:var(--t-text)!important; }
html body.tl-v6 .tl-agent-change-title { color:var(--t-text)!important; }
html body.tl-v6 :is(.tl-agent-change-subtitle,.tl-agent-field) { color:var(--t-muted)!important; }
html body.tl-v6 .tl-ticket-upload-drop { background:var(--t-soft); border-color:var(--t-line-strong); color:var(--t-muted); }
html body.tl-v6 .tl-ticket-upload-btn { background:var(--t-accent-soft); border-color:var(--t-good-line); color:var(--t-accent); }
/* Health statuses remain driven by the existing backend, never inferred from theme. */
html body.tl-v6 .tl7-health-strip { background:var(--t-surface); border-color:var(--t-line); box-shadow:var(--t-shadow); padding:17px 20px; gap:16px; }
html body.tl-v6 .tl7-mail-mark { color:var(--t-accent); background:var(--t-accent-soft); width:43px; height:43px; flex-basis:43px; }
html body.tl-v6 .tl7-health-copy b { color:var(--t-text); font-size:12px; }
html body.tl-v6 .tl7-health-copy span { color:var(--t-muted); font-size:11px; }
html body.tl-v6 .tl7-health-pill { color:var(--t-warn); font-size:11px; }
html body.tl-v6 .tl7-health-pill.ok { color:var(--t-good); }
html body.tl-v6 .tl7-health-pill.error { color:var(--t-bad); }
html body.tl-v6 .tl7-health-numbers,html body.tl-v6 .tl7-health-numbers b { color:var(--t-muted); font-size:11px; }
html body.tl-v6 .tl7-inline-link { color:var(--t-accent)!important; border-color:var(--t-line); font-size:11px; }
html body.tl-v6 .tl7-mail-overview { background:var(--t-sidebar); border-color:var(--t-sidebar-line); }
html body.tl-v6 .tl7-mail-overview h2 { color:#eff7ff; }
html body.tl-v6 .tl7-mail-overview p { color:#c1d5e5; }
html body.tl-v6 :is(.tl7-event,.tl7-status-card,.tl7-stat,.tl7-queue-item,.tl7-event-head,.tl7-outbox-row,.tl7-delivery,.tl7-original,.tl7-attachment,.tl7-new-message,.tl7-compose-tabs) { background:var(--t-soft); border-color:var(--t-line); color:var(--t-text); }
html body.tl-v6 .tl7-compose-tabs button { background:transparent; color:var(--t-muted); border-color:var(--t-line); }
html body.tl-v6 .tl7-compose-tabs button.is-active { color:var(--t-accent); background:var(--t-accent-soft); border-color:var(--t-good-line); }
html body.tl-v6 .tl7-compose-tabs button[data-compose-mode="1"].is-active { color:var(--t-warn); background:var(--t-warn-soft); border-color:var(--t-warn-line); }
html body.tl-v6 :is(.tl7-original pre,.tl7-original summary,.tl7-original p,.tl7-draft-state) { color:var(--t-muted); background:transparent; }
/* Shared overlays and feedback. */
html body.tl-v6 :is(.st-command-panel,.st-dialog,.tl-dialog,.modal,.modal-card,.st-more-popover) { color:var(--t-text); background:var(--t-raised); border-color:var(--t-line-strong); box-shadow:var(--t-shadow-menu); }
html body.tl-v6 .st-command-search { background:var(--t-raised); border-color:var(--t-line); }
html body.tl-v6 .st-command-results a { color:var(--t-text); background:var(--t-soft); }
html body.tl-v6 .st-command-results a:hover { color:var(--t-text); background:var(--t-hover); }
html body.tl-v6 .st-command-results small { color:var(--t-muted); }
html body.tl-v6 :is(.st-flash.success,.tlx-flash.success,.message.success,.alert.success) { color:var(--t-good); background:var(--t-good-soft); border-color:var(--t-good-line); }
html body.tl-v6 :is(.st-flash.error,.tlx-flash.error,.message.error,.alert.error,.tl-login-alert) { color:var(--t-bad); background:var(--t-bad-soft); border-color:var(--t-bad-line); }
html body.tl-v6 :is(.st-empty-state h3,.st-empty-state p) { color:var(--t-muted); }
/* Login: explicit inverse ink on the brand panel fixes the V7 dark-on-dark text. */
html body.tl-v6.st-page-login { background:radial-gradient(ellipse at 18% 20%,var(--t-login-glow),transparent 58%),var(--t-bg); padding:40px 24px; }
html body.tl-v6 .tl-login-shell { max-width:1100px; min-height:660px; border:1px solid var(--t-line-strong); box-shadow:0 24px 70px #0b1b3430; grid-template-columns:1.03fr 1fr; border-radius:20px; }
html body.tl-v6 .tl-login-brand { background:radial-gradient(ellipse at 0% 0%,#19495a 0%,transparent 64%),linear-gradient(150deg,#142b43,#0e2035); border-color:var(--t-sidebar-line); padding:39px; color:#f0f6ff; position:relative; }
html body.tl-v6 .tl-login-brand :is(h1,b,strong) { color:#f0f6ff; }
html body.tl-v6 .tl-login-brand p { color:#c0d3e9; font-size:14px; }
html body.tl-v6 .tl-login-brand .st-eyebrow { color:#93d8cb; }
html body.tl-v6 .tl-login-copy h1 { font-size:clamp(30px,3vw,42px); line-height:1.18; letter-spacing:-1px; font-weight:700; }
html body.tl-v6 .tl-login-wordmark span { color:#b7cce4; }
html body.tl-v6 .tl-login-point { border-color:#56c7b5; padding-left:15px; }
html body.tl-v6 .tl-login-point b { font-size:13px; }
html body.tl-v6 .tl-login-point span { color:#c0d3e9; font-size:12px; }
html body.tl-v6 .tl-login-company { color:#b5cbe3; font-size:11px; }
html body.tl-v6 .tl-login-panel { background:var(--t-surface); padding:36px 40px; }
html body.tl-v6 .tl-login-card { max-width:370px; }
html body.tl-v6 .tl-login-card>.tl71-brand-tools { margin:0 0 38px; justify-content:space-between; gap:16px; }
html body.tl-v6 .tl-login-card h2 { color:var(--t-text); font-size:30px; }
html body.tl-v6 .tl-login-card>p { color:var(--t-muted); font-size:14px; line-height:1.8; }
html body.tl-v6 .tl-ms-btn { background:#1963cb!important; border:1px solid #1963cb!important; color:#fff!important; min-height:66px; border-radius:10px; }
html body.tl-v6 .tl-ms-btn:hover { background:#1252ad!important; color:#fff!important; }
html body.tl-v6 .tl-ms-btn b { color:#fff!important; font-size:13px; }
html body.tl-v6 .tl-ms-btn small { color:#e0eeff; font-size:11px; }
html body.tl-v6 .tl-ms-btn.is-disabled { background:var(--t-soft)!important; border-color:var(--t-line-strong)!important; }
html body.tl-v6 .tl-ms-btn.is-disabled b,html body.tl-v6 .tl-ms-btn.is-disabled small { color:var(--t-muted)!important; }
html body.tl-v6 .tl-local-login { background:var(--t-soft); border-color:var(--t-line-strong); }
html body.tl-v6 .tl-local-login>summary,html body.tl-v6 .tl-local-login>summary:after { color:var(--t-text); font-size:13px; }
html body.tl-v6 .tl-local-foot a { color:var(--t-info); }
html body.tl-v6 .tl-login-separator { color:var(--t-muted); }
html body.tl-v6 .tl-login-separator:before,html body.tl-v6 .tl-login-separator:after { background:var(--t-line); }
html body.tl-v6 .tl-login-foot { color:var(--t-muted); font-size:11px; }
/* Portal surfaces use the same tokens while preserving their existing workflows. */
html body.tl-v6 :is(.tlx-panel,.tlx-bubble,.tlx-rail-card,.tlx-summary,.tlx-form-section,.st-auth-card,.tlx-pagebar) { background:var(--t-surface); color:var(--t-text); border-color:var(--t-line); }
html body.tl-v6 :is(.tlx-msg.agent .tlx-bubble,.tlx-notice) { background:var(--t-accent-soft); border-color:var(--t-good-line); color:var(--t-text); }
/* Responsive layout: scroll a wide data table, never the entire document. */
@media(min-width:1800px) { html body.tl-v6 .st-main { padding-left:38px; padding-right:38px; } html body.tl-v6 .st-content-grid { grid-template-columns:minmax(0,1fr) 300px; } }
@media(max-width:1390px) {
  html body.tl-v6 .st-content-grid { grid-template-columns:minmax(0,1fr); }
  .tl71-ops-rail { grid-template-columns:repeat(3,minmax(0,1fr)); }
  html body.tl-v6 .st-kpi-inner { gap:11px; }
  html body.tl-v6 .st-kpi { padding:18px 15px; }
}
@media(max-width:1180px) { .tl71-global-search { display:none; } html body.tl-v6 .st-ticket-toolbar { grid-template-columns:minmax(180px,1.5fr) repeat(2,minmax(120px,1fr)) minmax(110px,.8fr) auto; } }
@media(max-width:980px) {
  html body.tl-v6 .st-main,html body.tl-v6 .main { padding:0 20px 30px; }
  html body.tl-v6 .st-mobile-bar { background:var(--t-sidebar); border-color:var(--t-sidebar-line); color:var(--t-sidebar-text); }
  html body.tl-v6 .st-mobile-brand { color:var(--t-sidebar-text); }
  html body.tl-v6 .st-globalbar { min-height:73px; margin-bottom:22px; gap:14px; padding:12px 0; }
  html body.tl-v6 .st-grid-4 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  html body.tl-v6 .st-kpi { min-height:120px; }
  html body.tl-v6 .st-ticket-toolbar { grid-template-columns:repeat(3,minmax(0,1fr)); }
  html body.tl-v6 .st-ticket-toolbar>input[type=search] { grid-column:1/-1; }
  html body.tl-v6 .st-ticket-toolbar>.st-btn { grid-column:auto; }
  html body.tl-v6 .st-ticket-workspace { grid-template-columns:minmax(0,1fr); }
  .tl71-ops-rail { grid-template-columns:repeat(2,minmax(0,1fr)); }
  html body.tl-v6 .tl-login-brand,html body.tl-v6 .tl-login-panel { padding:28px; }
  html body.tl-v6 .tl-login-shell { min-height:610px; }
}
@media(max-width:640px) {
  html body.tl-v6 .st-main,html body.tl-v6 .main { padding:0 14px 26px; }
  html body.tl-v6 .st-globalpath { display:none; }
  html body.tl-v6 .st-globalbar { justify-content:flex-end; min-height:70px; margin-bottom:19px; }
  html body.tl-v6 .st-globalmeta { width:100%; }
  .st-globalmeta>.tl71-brand-tools { width:100%; justify-content:space-between; }
  .tl71-theme-options { right:auto; left:0; }
  .tl71-brand-tools { gap:10px; }
  html body.tl-v6 .st-topbar { gap:16px; align-items:flex-start; flex-direction:column; }
  html body.tl-v6 .st-title { font-size:28px; }
  html body.tl-v6 .st-subtitle { font-size:12px; }
  html body.tl-v6 .st-grid-4 { gap:10px; margin:17px 0; }
  html body.tl-v6 .st-kpi { min-height:148px; padding:16px 13px; }
  html body.tl-v6 .st-kpi-inner { flex-direction:column; gap:8px; }
  html body.tl-v6 .st-kpi-icon { width:33px; height:33px; }
  html body.tl-v6 .st-kpi label { font-size:11px; }
  html body.tl-v6 .st-kpi strong { font-size:28px; line-height:1.35; }
  html body.tl-v6 .st-kpi span { font-size:10px; }
  html body.tl-v6 .st-content-grid { gap:16px; }
  html body.tl-v6 .st-card-head,html body.tl-v6 .st-card-body { padding:17px 15px; }
  html body.tl-v6 .st-ticket-toolbar { grid-template-columns:repeat(2,minmax(0,1fr)); }
  html body.tl-v6 .st-save-view { flex-wrap:wrap; gap:9px; }
  html body.tl-v6 .st-save-view input { max-width:none; width:100%; }
  html body.tl-v6 .st-table-wrap { background:transparent; border:0; }
  html body.tl-v6 .st-ticket-table-v4 tr { background:var(--t-surface); border:1px solid var(--t-line); border-radius:10px; }
  html body.tl-v6 .st-ticket-table-v4 td { color:var(--t-text); border-color:var(--t-line); }
  html body.tl-v6 .st-ticket-table-v4 td:before { color:var(--t-muted); }
  .tl71-ops-rail { grid-template-columns:minmax(0,1fr); }
  html body.tl-v6 .tl7-health-strip { gap:11px; flex-wrap:wrap; padding:15px; }
  html body.tl-v6 .tl7-health-pill { margin-left:0; white-space:normal; }
  html body.tl-v6 .tl7-health-numbers { margin-left:0; flex-wrap:wrap; }
  html body.tl-v6 .tl7-inline-link { padding-left:0; border-left:0; margin-left:auto; }
  html body.tl-v6 .st-ticket-rail { grid-template-columns:minmax(0,1fr); }
  html body.tl-v6.st-page-login { padding:16px 12px; }
  html body.tl-v6 .tl-login-shell { display:flex; flex-direction:column; max-width:490px; min-height:0; }
  html body.tl-v6 .tl-login-brand { padding:24px; gap:26px; border-right:0; }
  html body.tl-v6 .tl-login-copy h1 { font-size:29px; max-width:360px; }
  html body.tl-v6 .tl-login-copy p { font-size:12px; }
  html body.tl-v6 .tl-login-points,html body.tl-v6 .tl-login-company { display:none; }
  html body.tl-v6 .tl-login-panel { padding:27px 23px; }
  html body.tl-v6 .tl-login-card>.tl71-brand-tools { margin-bottom:27px; }
  html body.tl-v6 .tl-login-card h2 { font-size:27px; }
  html body.tl-v6 .tl-login-card>p { font-size:13px; }
  html body.tl-v6 .tl-compat-bar { flex-wrap:wrap; gap:12px; }
  html body.tl-v6 .tl-compat-bar>.tl71-brand-tools { margin-left:auto; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
@media print {
  html,html body.tl-v6 { background:white!important; color:#14263c!important; }
  .tl71-theme,.tl71-global-search,.tl71-brand-tools,.tl71-ops-rail { display:none!important; }
  html body.tl-v6 :is(.st-card,.st-message-bubble,th,td) { background:white!important; color:#14263c!important; border-color:#bbb!important; box-shadow:none; }
}
/* V7 component names with legacy literal colors. */
html body.tl-v6 .st-side-card { display:block; }
html body.tl-v6 .st-kpi-icon { display:grid; place-items:center; }
html body.tl-v6 .tl7-ticket-summary { background:var(--t-surface); border-color:var(--t-line); }
html body.tl-v6 .tl7-ticket-summary>div { border-color:var(--t-line); }
html body.tl-v6 .tl7-ticket-summary b { color:var(--t-text); font-size:12px; }
html body.tl-v6 .tl7-summary-label { color:var(--t-muted); font-size:10px; }
html body.tl-v6 .tl7-channel-address { color:var(--t-accent); background:var(--t-accent-soft); border-color:var(--t-good-line); }
html body.tl-v6 :is(.tl7-event-line b,.tl7-event-line small,.tl7-original-mail,.tl7-original-mail>div) { color:var(--t-muted); }
html body.tl-v6 .tl7-event-line b { font-size:11px; }
html body.tl-v6 .tl7-event-line small { font-size:10px; }
html body.tl-v6 .tl7-source-tag { color:var(--t-good); font-size:10px; }
html body.tl-v6 .tl7-original-mail { font-size:11px; }
html body.tl-v6 .tl7-composer-tabs { border-color:var(--t-line); }
html body.tl-v6 .tl7-composer-tabs button { color:var(--t-muted); background:transparent; }
html body.tl-v6 .tl7-composer-tabs button.is-active { color:var(--t-good); background:var(--t-good-soft); }
html body.tl-v6 .tl7-composer-tabs button[data-compose-mode="1"].is-active { color:var(--t-warn); background:var(--t-warn-soft); }
html body.tl-v6 .tl7-composer-tabs>[data-draft-state] { color:var(--t-muted); font-size:10px; }
html body.tl-v6 .tl7-mail-kpis>a { color:var(--t-text); background:var(--t-surface); border-color:var(--t-line); }
html body.tl-v6 .tl7-mail-kpis strong { color:var(--t-text); }
html body.tl-v6 .tl7-mail-kpis>a>span:last-child,html body.tl-v6 .tl7-mail-kpis small { color:var(--t-muted); font-size:11px; }
html body.tl-v6 .tl7-kpi-icon.mint { color:var(--t-good); background:var(--t-good-soft); }
html body.tl-v6 .tl7-kpi-icon.violet { color:var(--t-purple); background:var(--t-purple-soft); }
html body.tl-v6 .tl7-kpi-icon.amber { color:var(--t-warn); background:var(--t-warn-soft); }
html body.tl-v6 .tl7-kpi-icon.blue { color:var(--t-info); background:var(--t-info-soft); }
html body.tl-v6 :is(.tl7-sync-row,.tl7-outbox-item) { border-color:var(--t-line); }
html body.tl-v6 :is(.tl7-sync-row strong,.tl7-outbox-item b) { color:var(--t-text); font-size:12px; }
html body.tl-v6 :is(.tl7-sync-row span,.tl7-outbox-item span:not(.st-badge),.tl7-outbox-item small) { color:var(--t-muted); font-size:11px; }
html body.tl-v6 .tl7-fineprint { color:var(--t-muted)!important; font-size:11px!important; }
html body.tl-v6 .tl7-error-copy { color:var(--t-bad)!important; }
html body.tl-v6 .tl7-email-body { color:var(--t-text); background:var(--t-soft); }
html body.tl-v6 .tl7-review-reason { color:var(--t-warn); background:var(--t-warn-soft); border-color:var(--t-warn-line); }
html body.tl-v6 .tl7-attachment b { color:var(--t-text); }
html body.tl-v6 .tl7-attachment small { color:var(--t-muted); }
html body.tl-v6 .tl7-attachment.is-blocked { color:var(--t-bad); background:var(--t-bad-soft); border-color:var(--t-bad-line); }
html body.tl-v6 :is(.ntx-card,.ntx-rail-card,.tlx-form-panel) { color:var(--t-text); background:var(--t-surface); border-color:var(--t-line); }
html body.tl-v6 :is(.ntx-summary-item,.tlx-field,.st-filter) { color:var(--t-text); background:var(--t-soft); border-color:var(--t-line); }
@media(max-width:640px) {
  html body.tl-v6 .tl7-health-numbers { display:flex; }
  html body.tl-v6 .tl7-mail-table tr { background:var(--t-surface); border-color:var(--t-line); }
  html body.tl-v6 .tl7-mail-table td:before { color:var(--t-muted); }
}
/* Final layout compatibility with older grid and composer rules. */
html body.tl-v6 .st-day { grid-template-columns:minmax(0,1fr); }
html body.tl-v6 .st-day-bars { padding-top:0; }
html body.tl-v6 .st-side-card { margin-bottom:0; }
html body.tl-v6 .st-sidebar .st-brand { gap:9px; }
html body.tl-v6 .st-sidebar .st-brand-copy b { font-size:14px; white-space:nowrap; }
html body.tl-v6 .st-composer textarea { min-height:180px; }
html body.tl-v6 .ntx-main textarea { min-height:150px; }