/* TechLead Support 6.0 — sistema visual único, sem recursos externos. */
:root {
  color-scheme: dark;
  --tl-bg: #081321;
  --tl-bg-soft: #0b192a;
  --tl-surface: #102136;
  --tl-surface-2: #13283f;
  --tl-surface-3: #1a3350;
  --tl-line: #233b54;
  --tl-line-strong: #3f5e7c;
  --tl-text: #f2f6fc;
  --tl-muted: #aebdd0;
  --tl-muted-2: #94a9c0;
  --tl-blue: #327cf5;
  --tl-blue-2: #8dbaff;
  --tl-blue-soft: #152e50;
  --tl-green: #72dcb0;
  --tl-amber: #f5cb7a;
  --tl-red: #ff9da9;
  --tl-purple: #c1b0fc;
  --tl-radius: 14px;
  --tl-radius-sm: 9px;
  --tl-radius-lg: 18px;
  --tl-shadow: 0 12px 32px #0003;
  --tl-shadow-soft: 0 3px 12px #0002;
  --tl-sidebar-width: 246px;
  --bg: var(--tl-bg); --bg2: var(--tl-bg-soft);
  --panel: var(--tl-surface); --panel2: var(--tl-surface-2);
  --line: var(--tl-line); --text: var(--tl-text);
  --muted: var(--tl-muted); --muted2: var(--tl-muted-2);
  --blue: var(--tl-blue); --blue2: var(--tl-blue-2);
  --green: var(--tl-green); --orange: var(--tl-amber); --red: var(--tl-red);
}
* { box-sizing: border-box; }
html { min-height: 100%; background: var(--tl-bg); scroll-behavior: smooth; }
body.tl-v6 { margin: 0; min-height: 100vh; background: var(--tl-bg); color: var(--tl-text); font: 400 14px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif; letter-spacing: 0; -webkit-font-smoothing: antialiased; }
.tl-v6 a { color: inherit; text-decoration: none; }
.tl-v6 a:hover { color: var(--tl-blue-2); }
.tl-v6 button,.tl-v6 input,.tl-v6 select,.tl-v6 textarea { font: inherit; }
.tl-v6 button { color: inherit; cursor: pointer; }
.tl-v6 img { max-width: 100%; height: auto; }
.tl-v6 svg { width: 18px; height: 18px; flex-shrink: 0; }
.tl-v6 h1,.tl-v6 h2,.tl-v6 h3,.tl-v6 p { overflow-wrap: anywhere; }
.tl-v6 h1 { font-size: clamp(25px,2.4vw,34px); line-height: 1.2; letter-spacing: -.035em; font-weight: 650; margin: 0 0 12px; }
.tl-v6 h2 { font-size: 17px; line-height: 1.35; font-weight: 600; margin: 0; }
.tl-v6 h3 { font-size: 15px; font-weight: 600; margin: 0 0 8px; }
.tl-v6 p { color: var(--tl-muted); margin: 8px 0 16px; }
.tl-v6 b,.tl-v6 strong { font-weight: 600; }
.tl-v6 [hidden] { display: none !important; }
.tl-v6 :focus-visible { outline: 3px solid #a5c7ff; outline-offset: 3px; }
.tl-v6 ::selection { background: #327cf566; color: white; }
.tl-v6 :disabled,.tl-v6 [aria-disabled="true"] { opacity: .58; cursor: not-allowed; }
.tl-v6 input::placeholder,.tl-v6 textarea::placeholder { color: #94a9c0; opacity: 1; }
.st-sr-only,.v511-sr-only,.tl-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.st-skip-link,.v5-skip-link { position: fixed; top: -100px; left: 20px; z-index: 1000; background: #e8f1ff; color: #0b2347; padding: 12px 18px; border-radius: 8px; }
.st-skip-link:focus,.v5-skip-link:focus { top: 12px; }

/* Shell interno: navegação e marca constantes em todos os módulos. */
.tl-v6 .st-shell,.tl-v6 .app,.tl-v6 .shell:not(.public-shell) { display: grid; grid-template-columns: var(--tl-sidebar-width) minmax(0,1fr); min-height: 100vh; }
.tl-v6 .st-sidebar,.tl-v6 .sidebar,.tl-v6 .side { position: sticky; top: 0; height: 100dvh; min-height: 0; display: flex; flex-direction: column; gap: 20px; padding: 22px 16px 16px; background: #0c1c30; border-right: 1px solid var(--tl-line); overflow: auto; z-index: 70; scrollbar-width: thin; scrollbar-color: #3e5570 transparent; }
.tl-v6 .st-main,.tl-v6 .main { min-width: 0; padding: 0 28px 36px; }
.st-brand-row,.sidebar-brand { display: flex; align-items: center; gap: 10px; position: relative; }
.st-brand,.sidebar-brand,.side .brand { display: flex; align-items: center; gap: 11px; min-width: 0; }
.st-brand { flex: 1; }
.st-logo,.sidebar-brand>img,.side .logo { width: 38px; height: 38px; flex: 0 0 38px; background: white; border-radius: 10px; padding: 4px; display: grid; place-items: center; }
.st-logo img { display: block; width: 100%; height: 100%; object-fit: contain; }
.st-brand-copy { min-width: 0; }
.st-brand-copy b,.brand-meta strong { display: block; font-size: 17px; line-height: 1.2; color: var(--tl-text); }
.st-brand-copy>span,.brand-meta>span { display: block; color: var(--tl-muted); font-size: 11px; margin-top: 3px; }
.st-sidebar-collapse,.v511-collapse-toggle { width: 27px; height: 30px; flex: 0 0 27px; background: transparent; border: 1px solid var(--tl-line); border-radius: 7px; padding: 3px; font-size: 22px; }
.st-command-trigger { width: 100%; border: 1px solid var(--tl-line); background: #10243d; color: var(--tl-muted); border-radius: 8px; display: flex; align-items: center; gap: 9px; padding: 10px 11px; min-height: 42px; text-align: left; }
.st-command-trigger kbd { margin-left: auto; border: 1px solid var(--tl-line-strong); padding: 1px 4px; font: 10px system-ui; border-radius: 4px; }
.st-nav-section,.v511-nav-label { color: #8fa8c3; font-size: 10px; font-weight: 650; text-transform: uppercase; letter-spacing: .13em; padding: 0 12px; margin: 3px 0 -13px; }
.st-nav,.side-nav,.side .nav { display: grid; gap: 4px; }
.st-nav a,.side-nav .nav-item,.side .nav a { position: relative; min-height: 42px; display: flex; align-items: center; gap: 11px; color: #bdcce0; padding: 10px 12px; border-radius: 8px; border: 1px solid transparent; font-size: 13px; font-weight: 500; }
.st-nav a:hover,.side-nav .nav-item:hover,.side .nav a:hover { background: #172e49; color: white; }
.st-nav a.active,.side-nav .nav-item.active,.side .nav a.active { background: #193b68; color: #f2f7ff; border-color: #2a5486; }
.st-nav a.active:before,.side-nav .nav-item.active:before { content: ""; position: absolute; left: -16px; height: 22px; width: 3px; background: #6ba2ff; border-radius: 0 3px 3px 0; }
.st-ico,.nav-icon,.side .nicon { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; flex: 0 0 20px; }
.nav-icon svg { fill: none; stroke: currentColor; stroke-width: 1.7; }
.st-nav-count { margin-left: auto; color: #c8ddfa; background: #223d5c; border-radius: 5px; padding: 1px 6px; min-width: 24px; font-size: 11px; text-align: center; }
.st-nav-queues { gap: 2px; }
.st-nav-queues a { min-height: 37px; font-size: 12px; }
.v511-nav-group { display: grid; gap: 4px; margin-bottom: 20px; }
.v511-nav-group .v511-nav-label { margin: 5px 0 8px; }
.st-user,.sidebar-footer,.side .user { margin-top: auto; padding-top: 17px; border-top: 1px solid var(--tl-line); min-width: 0; }
.st-user-top,.urow { display: flex; align-items: center; gap: 10px; }
.st-avatar,.avatar { width: 36px; height: 36px; border-radius: 11px; display: grid; place-items: center; color: #c8dfff; background: #1d3b62; border: 1px solid #365982; flex: 0 0 36px; font-size: 12px; font-weight: 600; }
.st-user-meta { min-width: 0; }
.st-user-name { font-size: 12px; font-weight: 600; }
.st-user-email,.st-user-role,.userbox .small,.userbox .role,.urow span { display: block; color: var(--tl-muted); font-size: 10px; overflow-wrap: anywhere; }
.st-logout { display: flex; align-items: center; gap: 10px; margin-top: 14px; font-size: 11px; color: var(--tl-muted); padding: 6px 2px; }
.st-globalbar,.tl-compat-bar { display: flex; align-items: center; gap: 20px; min-height: 78px; margin-bottom: 26px; padding: 12px 0; border-bottom: 1px solid var(--tl-line); }
.st-globalpath,.tl-compat-path { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; color: var(--tl-muted); font-size: 11px; min-width: 0; }
.st-globalpath i { color: #5f7792; font-style: normal; }
.st-globalpath strong,.tl-compat-path strong { color: #d6e5f6; font-weight: 500; }
.st-globalmeta { margin-left: auto; display: flex; align-items: center; gap: 14px; }
.tl-corporate-brand,.tlx-brand-logo { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 96px; height: 52px; padding: 3px 5px; background: white; border-radius: 7px; overflow: hidden; }
.tl-corporate-brand img,.tlx-brand-logo img { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; min-height: 0; object-fit: contain; }
.tl-service-indicator { color: var(--tl-muted); font-size: 11px; display: inline-flex; align-items: center; gap: 7px; }
.tl-service-indicator:before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #70d8b0; }
.st-mobile-bar,.v5-mobile-topbar { display: none; }
.st-drawer-backdrop,.v5-mobile-overlay { display: none; }
.st-topbar,.ntx-hero,.v511-page-header,.hero { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin: 0 0 25px; }
.st-eyebrow,.ntx-kicker,.v5-section-kicker,.eyebrow { display: block; font-size: 10px; line-height: 1.4; font-weight: 650; text-transform: uppercase; letter-spacing: .12em; color: #94b7e8; margin-bottom: 8px; }
.st-title,.page-title { margin: 0 0 9px; }
.st-subtitle,.page-subtitle,.ntx-hero p,.hero p { color: var(--tl-muted); font-size: 13px; line-height: 1.7; margin: 0; max-width: 620px; }
.st-actions,.actions,.ntx-hero-actions,.st-empty-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; }
.st-actions-right { justify-content: flex-end; }
.st-head-chip,.v511-page-meta { display: inline-flex; align-items: center; gap: 7px; border: 1px solid var(--tl-line); border-radius: 7px; padding: 8px 10px; color: var(--tl-muted); font-size: 10px; }
.st-head-chip-dot,.v511-live-dot { width: 6px; height: 6px; border-radius: 50%; background: #70d8b0; }
.st-head-chip { display: none; }

/* Contrato comum de controlos, ações e estados. */
.tl-v6 :is(.st-btn,.btn,.tlx-btn,.tl-back-link) { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; border: 1px solid #37516e; border-radius: 8px; background: #172c44; color: #edf4ff; padding: 9px 14px; font-size: 12px; font-weight: 550; line-height: 1.4; text-decoration: none; white-space: normal; transition: background .14s,border-color .14s; }
.tl-v6 :is(.st-btn,.btn,.tlx-btn):hover { background: #233d5b; border-color: #53779c; color: white; }
.tl-v6 :is(.st-btn,.btn,.tlx-btn).primary,.tl-v6 .btn-primary,.tl-v6 .ntx-submit,.tl-v6 .btn.main { background: #2668cb; border-color: #609bfa; color: #fff; box-shadow: 0 3px 8px #061a3d40; }
.tl-v6 :is(.st-btn,.btn,.tlx-btn).primary:hover,.tl-v6 .btn-primary:hover { background: #2c70d9; border-color: #8ab6ff; }
.tl-v6 :is(.st-btn,.btn,.tlx-btn).ghost { background: transparent; border-color: transparent; color: #bcd3f0; }
.tl-v6 :is(.st-btn,.btn).danger,.tl-v6 .st-menu-danger,.tl-v6 .btn-danger { background: #412433; border-color: #804253; color: #ffc0cb; }
.st-icon-btn { display: inline-grid; place-items: center; width: 36px; min-height: 36px; border: 1px solid #37516e; border-radius: 7px; background: #172c44; color: #c3d5eb; padding: 7px; }
.st-icon-btn:hover { background: #233d5b; }
.btn.small,.btn-sm { min-height: 32px; padding: 6px 10px; font-size: 11px; }
.btn-block { width: 100%; }
.tl-v6 :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]),select,textarea) { display: block; width: 100%; min-width: 0; background: #0b1b2f; border: 1px solid #36516e; border-radius: 8px; color: #eff5fc; padding: 10px 12px; min-height: 42px; box-shadow: none; line-height: 1.5; }
.tl-v6 textarea { min-height: 140px; resize: vertical; }
.tl-v6 input[readonly] { background: #102338; color: #bacde3; }
.tl-v6 :is(input,select,textarea):focus { border-color: #8dbaff; }
.tl-v6 :is(input,textarea)[aria-invalid="true"] { border-color: #ec8ea3; }
.tl-v6 input[type="checkbox"],.tl-v6 input[type="radio"] { width: 16px; height: 16px; flex: 0 0 16px; accent-color: #327cf5; margin: 2px 5px 2px 0; }
.tl-v6 input[type="file"] { padding: 9px; }
.tl-v6 input[type="file"]::file-selector-button { background: #224671; border: 1px solid #4d6d97; color: #eef5ff; border-radius: 5px; padding: 7px 10px; margin-right: 12px; font: inherit; font-size: 12px; }
.st-field,.ntx-field,.field,.tl-field { min-width: 0; margin-bottom: 17px; }
.st-field>label,.ntx-field>label,.field>label,.tl-field>label,.tlx-label { display: block; color: #c4d4e7; font-size: 12px; font-weight: 550; margin: 0 0 7px; }
.st-field.full,.ntx-field.full,.field.full,.tlx-field.full,.st-form-grid>.full { grid-column: 1/-1; }
.st-form-grid,.form-grid,.grid.two,.ntx-grid.two,.tlx-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.st-form-grid .st-field,.form-grid .field,.ntx-grid .ntx-field { margin: 0; }
.st-hint,.ntx-help,.ntx-field-foot,.tlx-hint,.form-help { color: var(--tl-muted); font-size: 11px; line-height: 1.6; margin-top: 7px; }
.ntx-field-foot { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; }
.st-flash,.tlx-flash,.message,.alert,.st-alert { padding: 13px 16px; border: 1px solid #385b84; background: #143252; border-radius: 9px; margin: 0 0 20px; display: flex; gap: 10px; align-items: flex-start; color: #d1e6ff; font-size: 13px; }
.st-flash.error,.tlx-flash.error,.message.error,.alert.error,.tl-login-alert { background: #3a2230; border-color: #8b4657; color: #ffd3dd; }
.st-flash.success,.tlx-flash.success,.message.success { background: #123730; border-color: #326c56; color: #bff5dc; }
.tl-form-status { margin-top: 10px; font-size: 12px; color: var(--tl-muted); }
.tl-empty-results { padding: 22px; color: var(--tl-muted); text-align: center; border-top: 1px solid var(--tl-line); }
.st-empty-state,.st-error-state,.empty-state { text-align: center; padding: 34px 20px; max-width: 540px; margin: 0 auto; color: var(--tl-muted); }
.st-empty-state>svg,.st-error-state>svg { width: 30px; height: 30px; color: #98b6dd; margin-bottom: 10px; }
.st-empty-state h3,.st-error-state h3 { color: #e6effa; font-size: 16px; }
.st-empty-actions { justify-content: center; margin-top: 18px; }
.st-muted,.muted,.tiny,.small { color: var(--tl-muted); }
.tiny,.small { font-size: 11px; }

/* Leitura e indicadores operacionais. */
.st-card,.panel,.card,.ntx-card,.tlx-card { min-width: 0; border: 1px solid var(--tl-line); border-radius: var(--tl-radius); background: var(--tl-surface); box-shadow: var(--tl-shadow-soft); overflow: visible; }
.st-card-head,.ntx-card-head,.tlx-card-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 18px 20px; border-bottom: 1px solid var(--tl-line); }
.st-card-head p,.ntx-card-head p,.tlx-card-head p { font-size: 11px; color: var(--tl-muted); margin: 5px 0 0; line-height: 1.6; }
.st-card-body,.ntx-card-body,.tlx-card-body { padding: 20px; min-width: 0; }
.panel { padding: 18px; }
.card { padding: 22px; }
.st-stack-sm,.timeline { display: grid; gap: 12px; }
.st-grid-4,.grid4,.kpis { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 15px; margin: 0 0 22px; }
.st-kpi,.kpi { position: relative; border: 1px solid var(--tl-line); border-radius: 12px; background: var(--tl-surface); padding: 19px; min-width: 0; overflow: hidden; }
.st-kpi:before { content: ""; position: absolute; top: 0; left: 20px; right: 20px; height: 2px; border-radius: 0 0 3px 3px; background: #699bf5; }
.st-kpi.red:before { background: #ef96aa; }
.st-kpi.warn:before { background: #ebbc6f; }
.st-kpi.green:before { background: #65cfa3; }
.st-kpi.purple:before { background: #bfa9f6; }
.st-kpi-inner { display: flex; align-items: flex-start; flex-direction: row-reverse; justify-content: space-between; gap: 12px; }
.st-kpi-icon { width: 34px; height: 34px; display: grid; place-items: center; background: #1b3557; color: #a8caff; border: 1px solid #2e4c74; border-radius: 10px; flex: 0 0 34px; }
.st-kpi label,.kpi label { display: block; font-size: 11px; color: #b9cbe1; margin-bottom: 6px; }
.st-kpi strong,.kpi strong { display: block; font-size: 29px; font-weight: 600; line-height: 1.15; color: white; letter-spacing: -.04em; }
.st-kpi span,.kpi small { display: block; font-size: 10px; color: var(--tl-muted); margin-top: 7px; }
.st-content-grid,.grid2 { display: grid; grid-template-columns: minmax(0,1fr) 290px; gap: 20px; align-items: start; }
.st-side-card,.tlx-rail { min-width: 0; }
.st-side-card { margin-bottom: 16px; }
.st-check,.st-info-line,.st-detail-row,.st-ops-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 11px 0; border-bottom: 1px solid var(--tl-line); font-size: 12px; min-width: 0; }
.st-check>span:first-child,.st-info-line>span { display: inline-flex; align-items: center; gap: 8px; }
.st-check:last-child,.st-info-line:last-child,.st-detail-row:last-child,.st-ops-row:last-child { border-bottom: 0; }
.st-detail-row span { color: var(--tl-muted); }
.st-detail-row strong { overflow-wrap: anywhere; text-align: right; }
.st-ops-row>div { min-width: 0; }
.st-ops-row b { display: block; }
.st-ops-row span { display: block; color: var(--tl-muted); font-size: 10px; overflow-wrap: anywhere; }
.st-day-bars { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); align-items: end; gap: 9px; height: 130px; padding-top: 15px; }
.st-day { display: grid; grid-template-columns: 1fr 1fr; align-items: end; gap: 3px; height: 100%; }
.st-day-bar { background: #407ef5; border-radius: 3px 3px 0 0; min-height: 3px; }
.st-day-bar.green { background: #56bda0; }
.st-day small { grid-column: 1/-1; font-size: 9px; text-align: center; color: var(--tl-muted); }
.st-progress,.progress { height: 6px; width: 100%; background: #223a55; border-radius: 6px; overflow: hidden; margin: 10px 0 6px; }
.st-progress>span,.progress>span { display: block; height: 100%; background: #629bfd; border-radius: 6px; }
.st-badge,.pill,.prio,.tlx-status,.ntx-user-kind,.st-sla,.st-project-health { display: inline-flex; align-items: center; gap: 5px; border: 1px solid #385776; border-radius: 6px; padding: 3px 8px; font-size: 10px; font-weight: 550; line-height: 1.6; background: #1b3553; color: #c6defa; white-space: nowrap; }
.st-badge.green,.pill.green,.st-sla.ok,.st-project-health.healthy,.tlx-status.resolved { color: #a9f0d2; background: #13362f; border-color: #32634f; }
.st-badge.red,.pill.red,.st-sla.breached,.st-project-health.blocked,.prio.high { color: #ffc4ce; background: #3d2330; border-color: #774556; }
.st-badge.warn,.st-badge.orange,.pill.orange,.st-sla.risk,.st-project-health.risk,.prio.med { color: #f9ddab; background: #382e20; border-color: #6a5635; }
.st-badge.purple,.pill.purple { color: #d9caff; background: #302742; border-color: #5e4c80; }
.st-badge.slate { background: #213146; color: #c0cfdf; }
.st-code,.code { font-variant-numeric: tabular-nums; display: inline-flex; color: #b4d1ff; font-size: 11px; font-weight: 600; background: #183556; border-radius: 5px; padding: 3px 7px; white-space: nowrap; }

/* Tabelas: um controlador, scroll contido, contagens e estados explícitos. */
.st-table-wrap,.tl-table-scroll,.v5-table-scroll,.v511-table-shell { min-width: 0; max-width: 100%; overflow: auto; scrollbar-width: thin; scrollbar-color: #41617f transparent; border-radius: 8px; }
.tl-v6 table { border-collapse: collapse; width: 100%; font-size: 12px; }
.tl-v6 th { color: #a9bdd5; text-align: left; font-size: 10px; font-weight: 600; padding: 12px; background: #10253d; border-bottom: 1px solid #304962; white-space: nowrap; }
.tl-v6 th a { color: inherit; }
.tl-v6 td { padding: 13px 12px; border-bottom: 1px solid #20374e; vertical-align: middle; color: #dfe9f6; }
.tl-v6 tbody tr:last-child td { border-bottom: 0; }
.tl-v6 tbody tr:hover { background: #162e48; }
.st-cell-meta { display: block; color: var(--tl-muted); font-size: 10px; margin-top: 4px; overflow-wrap: anywhere; }
.st-ticket-subject { display: block; font-size: 12px; font-weight: 550; max-width: 360px; overflow-wrap: anywhere; }
.st-ticket-table-v4 { min-width: 850px; }
.st-ticket-table-v4 td:nth-child(3) { min-width: 220px; }
.st-mini-avatar,.ntx-mini-avatar { display: inline-grid; place-items: center; width: 27px; height: 27px; flex: 0 0 27px; border-radius: 8px; background: #244367; color: #cbe1ff; font-size: 10px; }
.st-person { display: inline-flex; align-items: center; gap: 7px; font-size: 11px; }
.st-time { display: block; font-size: 10px; color: #d9e6f8; white-space: nowrap; }
.st-time small { display: block; font-size: 9px; color: var(--tl-muted); margin-top: 3px; }
.st-sla-stack { display: grid; gap: 4px; justify-items: start; }
.st-sla-stack small { font-size: 9px; color: var(--tl-muted); }
.st-checkbox-cell { width: 34px; }
.st-ticket-toolbar,.st-audit-toolbar { display: grid; grid-template-columns: minmax(190px,1.6fr) repeat(3,minmax(100px,.7fr)) auto; gap: 9px; margin-bottom: 14px; align-items: end; }
.st-save-view,.toolbar,.st-toolbar,.search-row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 16px; }
.st-save-view { font-size: 11px; }
.st-save-view .st-input { max-width: 220px; min-height: 36px; font-size: 11px; padding: 8px 10px; }
.toolbar>input,.search-row>input,.st-toolbar>input { flex: 1; min-width: 180px; }
.st-queue-tabs { display: flex; flex-wrap: wrap; gap: 4px; width: 100%; margin-top: 8px; }
.st-queue-tab { font-size: 10px; padding: 7px 10px; color: var(--tl-muted); border-radius: 6px; border: 1px solid transparent; }
.st-queue-tab.active { background: #203f67; color: #dbeaff; border-color: #3d608b; }
.st-queue-tab:hover { background: #1a334f; }
.st-pagination,.st-pagination-v4,.tl-table-footer { display: flex; justify-content: space-between; align-items: center; gap: 14px; flex-wrap: wrap; padding-top: 16px; color: var(--tl-muted); font-size: 11px; }
.st-page-links,.pagination { display: flex; flex-wrap: wrap; gap: 5px; }
.st-page-links a,.st-page-links>span { display: inline-grid; place-items: center; min-width: 30px; min-height: 30px; padding: 4px 7px; border: 1px solid var(--tl-line); border-radius: 6px; color: #cadcf4; }
.st-page-links .active { background: #294f80; border-color: #5485c4; }
.tl-table-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 14px; }
.tl-table-tools input { max-width: 330px; }
.tl-table-tools label { font-size: 11px; color: var(--tl-muted); }
.tl-table-tools select { width: auto; min-width: 90px; }
.tl-table-tools .tl-table-count { margin-left: auto; font-size: 11px; color: var(--tl-muted); }
.tl-table-footer button { min-height: 32px; }
.st-bulkbar { display: none; gap: 10px; align-items: center; flex-wrap: wrap; margin-top: 16px; padding: 12px; background: #1b385c; border: 1px solid #446da4; border-radius: 9px; font-size: 12px; }
.st-bulkbar.active { display: flex; }
.st-bulkbar select { width: auto; min-width: 120px; }

/* Ticket workspace e criação: estrutura legível, ações sempre próximas. */
.st-ticket-workspace,.ntx-workspace { display: grid; grid-template-columns: minmax(0,1fr) 310px; gap: 20px; align-items: start; }
.st-conversation,.ntx-main { display: grid; gap: 20px; min-width: 0; }
.st-ticket-rail,.ntx-rail { display: grid; gap: 16px; min-width: 0; }
.ntx-page { max-width: 1460px; margin: 0 auto; }
.ntx-step { float: left; margin-right: 11px; display: inline-grid; place-items: center; width: 29px; height: 29px; border-radius: 8px; color: #bcd9ff; background: #1d3c62; border: 1px solid #365a85; font-size: 11px; }
.ntx-card-head h2 { font-size: 15px; }
.ntx-contact-card { display: flex; align-items: center; gap: 11px; padding: 12px; margin-bottom: 20px; background: #132c47; border: 1px solid #304e71; border-radius: 9px; min-width: 0; }
.ntx-avatar { width: 35px; height: 35px; flex: 0 0 35px; border-radius: 10px; background: #274b76; display: grid; place-items: center; color: #d4e8ff; font-size: 13px; }
.ntx-contact-copy { min-width: 0; flex: 1; }
.ntx-contact-copy strong { display: block; font-size: 12px; }
.ntx-contact-copy span { color: var(--tl-muted); font-size: 11px; overflow-wrap: anywhere; }
.ntx-contact-state { font-size: 10px; color: #b4cce9; }
.ntx-notice { display: flex; align-items: center; gap: 9px; padding: 10px; background: #142c48; border-radius: 8px; margin-bottom: 12px; }
.ntx-notice b,.ntx-notice strong { display: block; font-size: 11px; }
.ntx-notice small { color: var(--tl-muted); font-size: 10px; overflow-wrap: anywhere; }
.ntx-count { display: inline-grid; place-items: center; min-width: 25px; height: 25px; border-radius: 7px; background: #264871; color: #d3e5ff; font-size: 11px; }
.ntx-cc-search { position: relative; margin-bottom: 12px; }
.ntx-cc-search>svg { position: absolute; top: 13px; left: 12px; color: var(--tl-muted); width: 16px; }
.ntx-cc-search>input { padding-left: 36px; font-size: 11px; }
.ntx-cc-list { display: grid; gap: 6px; max-height: 300px; overflow: auto; padding: 2px; }
.ntx-cc-option { display: flex; align-items: center; gap: 8px; border: 1px solid #2c4563; border-radius: 7px; background: #10263e; padding: 10px 8px; cursor: pointer; min-width: 0; }
.ntx-cc-option.is-selected,.ntx-cc-option:has(input:checked) { background: #1c3a61; border-color: #547dae; }
.ntx-cc-option.is-disabled { opacity: .55; }
.ntx-cc-copy { min-width: 0; flex: 1; }
.ntx-cc-copy b { display: block; font-size: 11px; }
.ntx-cc-copy small { display: block; font-size: 9px; color: var(--tl-muted); overflow-wrap: anywhere; }
.ntx-user-kind { font-size: 8px; padding: 1px 4px; }
.ntx-summary { padding: 18px; background: #142d49; border: 1px solid #35597f; border-radius: 12px; }
.ntx-summary>div { display: flex; justify-content: space-between; gap: 10px; margin: 0 0 12px; font-size: 11px; }
.ntx-summary>div>span { color: var(--tl-muted); }
.ntx-summary>div>strong { text-align: right; }
.ntx-submit { width: 100%; margin-top: 5px; }
.ntx-cc-actions,.ntx-cc-selected { display: flex; flex-wrap: wrap; gap: 7px; }
.ntx-cc-empty { color: var(--tl-muted); font-size: 11px; padding: 15px; }
.st-message { display: flex; gap: 12px; padding: 20px; border-bottom: 1px solid var(--tl-line); }
.st-message-avatar { width: 31px; height: 31px; flex: 0 0 31px; background: #234368; border-radius: 10px; display: grid; place-items: center; color: #d5e6fd; font-size: 11px; }
.st-message-body { min-width: 0; flex: 1; }
.st-message-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 7px; font-size: 12px; margin-bottom: 10px; }
.st-message-head time { font-size: 10px; color: var(--tl-muted); }
.st-message-bubble { padding: 15px 18px; border-radius: 3px 12px 12px; border: 1px solid #304b6a; background: #172f49; line-height: 1.8; font-size: 13px; overflow-wrap: anywhere; }
.st-message.internal .st-message-bubble { background: #332b1f; border-color: #655337; }
.st-message.client .st-message-bubble { background: #152c42; }
.st-composer { padding: 20px; }
.st-composer-tools { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 12px; }
.st-sla-panel { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.st-sla-tile { background: #10283f; border: 1px solid #2e4d6c; padding: 13px; border-radius: 9px; }
.st-sla-tile label { display: block; font-size: 10px; color: var(--tl-muted); margin-bottom: 5px; }
.st-sla-tile strong { display: block; font-size: 15px; }
.st-sla-tile small { color: var(--tl-muted); font-size: 10px; }
.st-related { display: grid; gap: 8px; padding: 10px 0; }
.tl-ticket-upload-box { padding: 0; border: 0; background: none; }
.tl-ticket-upload-drop { display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; gap: 7px; min-height: 140px; padding: 20px; border: 1px dashed #57769b; border-radius: 10px; background: #0c2036; }
.tl-ticket-upload-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.tl-ticket-upload-head span,.tl-ticket-upload-head small,.tl-ticket-upload-drop small { display: block; color: var(--tl-muted); font-size: 11px; }
.tl-ticket-upload-btn { background: #284e7b; border: 1px solid #5379aa; border-radius: 7px; padding: 8px 12px; font-size: 11px; }
.tl-ticket-upload-input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.tl-ticket-upload-preview { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 12px; }
.tl-ticket-upload-preview img,.tl-ticket-image img { max-width: 150px; max-height: 130px; object-fit: contain; border-radius: 8px; }
.tl-ticket-images-list { display: flex; flex-wrap: wrap; gap: 10px; }

/* Projetos, diretório e auditoria no mesmo espaço visual. */
.st-project-list { display: grid; gap: 12px; }
.st-project-row { display: grid; grid-template-columns: minmax(220px,1.8fr) auto minmax(95px,.5fr) minmax(110px,.6fr) auto auto; align-items: center; gap: 17px; border: 1px solid #2b4561; border-radius: 10px; background: #122a42; padding: 17px; font-size: 12px; }
.st-project-row>div { min-width: 0; }
.st-project-row .st-cell-meta { max-width: 350px; }
.st-project-create { margin-bottom: 22px; }
.st-project-create>summary { cursor: pointer; list-style: none; }
.st-project-create>summary:after { content: "+"; font-size: 19px; color: #a7c8f6; }
.st-project-create[open]>summary:after { content: "−"; }
.st-project-actions { position: relative; }
.st-project-actions>summary,.st-more-menu>summary { list-style: none; cursor: pointer; }
.st-project-actions>summary::-webkit-details-marker,.st-more-menu>summary::-webkit-details-marker { display: none; }
.st-more-popover { position: absolute; right: 0; top: calc(100% + 7px); z-index: 45; min-width: 180px; background: #172e48; border: 1px solid #466482; border-radius: 10px; padding: 10px; box-shadow: 0 15px 45px #0008; }
.st-more-popover>a,.st-more-popover button { display: flex; gap: 8px; align-items: center; width: 100%; text-align: left; border: 0; padding: 10px; font-size: 12px; background: transparent; border-radius: 6px; }
.st-more-popover>a:hover,.st-more-popover button:hover { background: #294668; }
.st-project-popover { width: min(520px,calc(100vw - 44px)); max-height: 76dvh; overflow: auto; padding: 20px; }
.st-project-popover .st-form-grid { gap: 14px; }
.st-project-popover .st-field { margin: 0; }
.st-menu-danger { width: 100%; border-radius: 7px; margin-top: 14px; padding: 10px; }
.st-directory-row { display: grid; grid-template-columns: minmax(230px,1fr) 90px 96px 100px 115px 40px; gap: 14px; align-items: center; padding: 17px 20px; border-bottom: 1px solid var(--tl-line); }
.st-directory-user { display: flex; gap: 12px; align-items: center; min-width: 0; }
.st-directory-user>div { min-width: 0; }
.st-directory-user strong { display: block; font-size: 13px; }
.st-directory-actions { display: flex; gap: 8px; align-items: center; justify-content: flex-end; }
.st-directory-actions .st-btn { min-height: 34px; padding: 7px 10px; }
.st-directory-last { font-size: 11px; }
.st-audit-v4-grid { display: grid; grid-template-columns: minmax(0,1fr) 270px; gap: 20px; }
.st-audit-side { display: grid; gap: 16px; align-content: start; }
.st-audit-list { display: grid; }
.st-audit-event-main { display: grid; grid-template-columns: 30px minmax(0,1fr) auto; gap: 12px; align-items: start; padding: 18px 20px; border-bottom: 1px solid var(--tl-line); }
.st-audit-dot { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; color: #bcdbff; background: #234260; }
.st-audit-event-title { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: 12px; margin-bottom: 5px; }
.st-audit-event-copy p,.st-audit-event-copy span { font-size: 11px; color: var(--tl-muted); margin: 4px 0; }
.st-audit-event-main time { font-size: 10px; color: var(--tl-muted); }
.st-audit-detail { margin: 10px 20px 15px 62px; }
.st-audit-detail summary { color: #b4d0f3; font-size: 11px; cursor: pointer; }
.st-audit-detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding-top: 12px; }
.tl-v6 pre { white-space: pre-wrap; overflow-wrap: anywhere; color: #c9dcf5; background: #0b1c30; border: 1px solid #2d4763; border-radius: 8px; padding: 14px; font-size: 11px; }
.st-kb-grid { display: grid; gap: 15px; }
.st-kb-article { border: 1px solid var(--tl-line); border-radius: 10px; background: #132a43; }
.st-kb-article h3 { margin-top: 12px; }
.st-kb-article p { font-size: 12px; }

/* Portal: identidade completa e conteúdo direto. */
.tlx-shell { min-height: 100vh; }
.tlx-topbar { border-bottom: 1px solid var(--tl-line); background: #0d1f34; }
.tlx-topbar-inner { max-width: 1290px; min-height: 82px; display: flex; align-items: center; gap: 32px; padding: 12px 28px; margin: auto; }
.tlx-brand { display: flex; align-items: center; gap: 12px; }
.tlx-brand-logo { width: 105px; height: 58px; }
.tlx-nav { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.tlx-nav a { padding: 9px 12px; border-radius: 7px; color: #becde0; font-size: 12px; }
.tlx-nav a.active { background: #1c3c61; color: #e2efff; }
.tlx-secure { margin-left: auto; white-space: nowrap; color: var(--tl-muted); font-size: 10px; display: flex; align-items: center; gap: 7px; }
.tlx-secure i,.tlx-chip .dot { width: 6px; height: 6px; border-radius: 50%; background: #72dcb0; display: inline-block; }
.tlx-main { max-width: 1290px; margin: 0 auto; padding: 34px 28px 40px; }
.tlx-hero { padding: 28px 30px; background: linear-gradient(115deg,#12365b,#10273f); border: 1px solid #305478; border-radius: 14px; margin-bottom: 24px; }
.tlx-hero-top { display: flex; justify-content: space-between; gap: 20px; }
.tlx-ticket-id { color: #9ec4f7; font-size: 10px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 8px; }
.tlx-meta { color: #bfd1e8; font-size: 13px; }
.tlx-actions { display: flex; align-items: flex-start; gap: 10px; flex-wrap: wrap; }
.tlx-chips { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-top: 24px; }
.tlx-chip { display: flex; align-items: center; gap: 11px; border-left: 1px solid #385672; padding-left: 13px; min-width: 0; }
.tlx-chip b { display: block; font-size: 11px; }
.tlx-chip>div>span { color: #b3c8e2; display: block; font-size: 10px; margin-top: 3px; }
.tlx-chip.blue .dot { background: #8dbaff; }
.tlx-chip.amber .dot { background: #f5cb7a; }
.tlx-form-layout { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 22px; align-items: start; }
.tlx-rail { display: grid; gap: 20px; }
.tlx-compose-foot { display: flex; align-items: center; justify-content: space-between; gap: 15px; flex-wrap: wrap; }
.tlx-compose-foot small { color: var(--tl-muted); font-size: 11px; }
.tlx-security { display: flex; gap: 12px; padding: 13px 0; border-bottom: 1px solid var(--tl-line); }
.tlx-security:last-child { border-bottom: 0; }
.tlx-security b { display: block; font-size: 12px; }
.tlx-security span { display: block; font-size: 11px; color: var(--tl-muted); margin-top: 4px; }
.tlx-footer { max-width: 1290px; margin: auto; padding: 20px 28px; border-top: 1px solid var(--tl-line); font-size: 10px; color: var(--tl-muted); }
.tlx-kb summary { cursor: pointer; padding: 12px 0; border-bottom: 1px solid var(--tl-line); }
.tlx-kb summary strong { display: block; font-size: 12px; }
.tlx-kb summary span { display: block; color: var(--tl-muted); font-size: 11px; margin-top: 4px; }
.tlx-kb-body { white-space: pre-wrap; font-size: 12px; line-height: 1.8; padding: 14px 0; color: #d9e5f5; }
.tlx-kb-empty { padding: 15px 0; color: var(--tl-muted); font-size: 12px; }
.tlx-track-layout { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 22px; }
.tlx-message { display: flex; gap: 12px; padding: 18px; border-bottom: 1px solid var(--tl-line); }
.tlx-message-body { min-width: 0; flex: 1; }
.tlx-message-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; font-size: 11px; }
.tlx-message-text { background: #162f49; border: 1px solid #36516f; padding: 15px; border-radius: 10px; font-size: 13px; line-height: 1.8; margin-top: 10px; overflow-wrap: anywhere; }
.tlx-attachment { border: 1px solid var(--tl-line); border-radius: 7px; padding: 8px 11px; font-size: 11px; display: inline-flex; margin: 5px 5px 0 0; }
.tlx-status { color: #cee1fa; }
.tlx-workspace { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 22px; align-items: start; }
.tlx-breadcrumb { display: flex; flex-wrap: wrap; gap: 9px; color: var(--tl-muted); font-size: 11px; margin-bottom: 20px; }
.tlx-msg { display: flex; gap: 12px; margin-bottom: 20px; }
.tlx-avatar { width: 32px; height: 32px; flex: 0 0 32px; border-radius: 9px; background: #244770; color: #dceaff; display: grid; place-items: center; font-size: 11px; }
.tlx-bubble { min-width: 0; flex: 1; padding: 16px; background: #172f49; border: 1px solid #355575; border-radius: 3px 11px 11px; }
.tlx-msg.agent .tlx-bubble { background: #193657; }
.tlx-msg-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 9px; font-size: 11px; }
.tlx-msg-head span { color: var(--tl-muted); font-size: 10px; }
.tlx-msg-body { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.8; font-size: 13px; margin-top: 9px; }
.tlx-detail { display: flex; justify-content: space-between; gap: 12px; padding: 11px 0; border-bottom: 1px solid var(--tl-line); font-size: 11px; }
.tlx-detail>span { color: var(--tl-muted); }
.tlx-detail strong { text-align: right; overflow-wrap: anywhere; }
.tlx-quick>a { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 11px 0; font-size: 12px; color: #c0d8f8; }
.tlx-empty { text-align: center; padding: 35px 20px; }
.tlx-empty b,.tlx-empty span { display: block; margin-bottom: 12px; }
.tlx-compose { margin-top: 22px; padding-top: 22px; border-top: 1px solid var(--tl-line); }
.tlx-compose-foot { margin-top: 17px; }
.tlx-chip.red .dot { background: #ff9da9; }
.tl-control-label { display: block; font-size: 12px; color: #c4d4e7; margin: 0 0 16px; }
.tl-control-label>input,.tl-control-label>textarea,.tl-control-label>select { margin-top: 7px; }
.tl-upload-count { color: var(--tl-muted); font-size: 11px; margin-top: 10px; }
.tl-upload-preview { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
.tl-upload-thumb { width: 115px; margin: 0; border: 1px solid #355575; border-radius: 8px; background: #152c44; overflow: hidden; }
.tl-upload-thumb img { display: block; height: 85px; width: 100%; object-fit: contain; background: #0b1a2b; }
.tl-upload-thumb figcaption { padding: 7px; font-size: 9px; color: var(--tl-muted); overflow-wrap: anywhere; }
.tl-layout-form .top,.tl-layout-form .topbar { display: flex; align-items: center; justify-content: space-between; gap: 15px; flex-wrap: wrap; margin: 20px 0; }
.tl-layout-form .grid>.full { grid-column: 1/-1; }
.tl-layout-form .item-picker-scroll { max-height: 330px; overflow: auto; }
.tl-layout-form .selector-head { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom: 14px; }
.tl-layout-form .selector-head input { flex: 1 1 180px; }
.tl-layout-form .item-row { display: grid; grid-template-columns: 24px minmax(0,1fr) 100px 70px; align-items: center; gap: 12px; padding: 12px; border-bottom: 1px solid var(--tl-line); }
.tl-layout-form .item-title { font-size: 12px; }
.tl-layout-form .item-ref,.tl-layout-form .item-price small { color: var(--tl-muted); display: block; font-size: 10px; }
.tl-layout-form .lines-head,.tl-layout-form .quote-line { display: grid; grid-template-columns: minmax(160px,1fr) 65px 115px 115px 34px; gap: 10px; align-items: center; padding: 10px 0; }
.tl-layout-form .lines-head { font-size: 10px; color: var(--tl-muted); }
.tl-layout-form .totals { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin-top: 20px; }
.tl-layout-form .total-box { padding: 16px; border: 1px solid var(--tl-line); border-radius: 10px; background: #183552; }
.tl-layout-form .total-label { color: var(--tl-muted); font-size: 11px; }
.tl-layout-form .total-value { color: white; font-size: 20px; margin-top: 6px; }

/* Autenticação: acesso corporativo direto e alternativa local acessível. */
.st-page-login { display: grid; place-items: center; padding: 38px; background: radial-gradient(ellipse at 20% 20%,#123a64 0,transparent 62%),#081321; }
.tl-login-shell { display: grid; grid-template-columns: minmax(320px,1.05fr) minmax(340px,1fr); max-width: 1080px; width: 100%; border: 1px solid #355071; border-radius: 20px; overflow: hidden; min-height: 650px; box-shadow: 0 22px 60px #0005; }
.tl-login-brand { background: linear-gradient(155deg,#173d6b,#112a49); padding: 36px; display: flex; flex-direction: column; justify-content: space-between; gap: 32px; border-right: 1px solid #365474; }
.tl-login-wordmark { display: flex; align-items: center; gap: 13px; }
.tl-login-wordmark>img { width: 42px; height: 42px; padding: 4px; border-radius: 10px; background: white; object-fit: contain; }
.tl-login-wordmark b { display: block; font-size: 17px; }
.tl-login-wordmark span { display: block; color: #b5ccea; font-size: 11px; margin-top: 3px; }
.tl-login-copy h1 { font-size: clamp(29px,3.1vw,40px); line-height: 1.2; max-width: 450px; margin-bottom: 17px; }
.tl-login-copy p { font-size: 13px; color: #c1d3eb; line-height: 1.8; }
.tl-login-points { display: grid; gap: 15px; margin-top: 30px; }
.tl-login-point { border-left: 2px solid #78aaf3; padding-left: 14px; }
.tl-login-point b { display: block; font-size: 12px; margin-bottom: 4px; }
.tl-login-point span { display: block; color: #bacee8; font-size: 11px; line-height: 1.65; }
.tl-login-company { font-size: 10px; color: #b4c8e3; }
.tl-login-panel { background: #0e1f34; padding: 36px; display: flex; align-items: center; justify-content: center; }
.tl-login-card { width: 100%; max-width: 360px; }
.tl-login-card h2 { font-size: 29px; margin: 8px 0 13px; letter-spacing: -.025em; }
.tl-login-card>p { font-size: 13px; line-height: 1.8; margin-bottom: 26px; }
.tl-login-card>.tl-corporate-brand { margin-bottom: 30px; margin-left: auto; width: 102px; height: 58px; }
.tl-login-mobile-brand { display: none; }
.tl-ms-btn { min-height: 64px; padding: 14px 18px; display: flex; align-items: center; gap: 15px; color: white; background: #296dd7; border: 1px solid #578edf; border-radius: 9px; }
.tl-ms-btn:hover { background: #347cf0; color: white; }
.tl-ms-btn b { display: block; font-size: 12px; }
.tl-ms-btn small { display: block; font-size: 10px; color: #d3e5ff; margin-top: 4px; }
.tl-ms-btn.is-disabled { background: #20374f; border-color: #44617c; }
.tl-ms-mark { display: grid; grid-template-columns: 10px 10px; gap: 3px; }
.tl-ms-mark i { width: 10px; height: 10px; background: white; }
.tl-login-separator { position: relative; height: 36px; display: flex; align-items: center; gap: 12px; color: #b0c3dc; font-size: 10px; text-transform: uppercase; }
.tl-login-separator:before,.tl-login-separator:after { content: ""; height: 1px; background: #324b68; flex: 1; }
.tl-local-login { border: 1px solid #385471; border-radius: 9px; background: #11263e; }
.tl-local-login>summary { display: flex; justify-content: space-between; padding: 14px; cursor: pointer; font-size: 12px; color: #d5e5f8; list-style: none; }
.tl-local-login>summary:after { content: "+"; color: #bdd6f7; }
.tl-local-login[open]>summary:after { content: "−"; }
.tl-local-login-form { padding: 6px 15px 17px; }
.tl-local-submit { width: 100%; }
.tl-local-foot { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; margin-top: 12px; font-size: 10px; color: var(--tl-muted); }
.tl-local-foot a { color: #a5c9ff; }
.tl-login-foot { color: #a7bbd6; font-size: 10px; line-height: 1.8; margin-top: 23px; text-align: center; }
.tl-sso-expiry { font-size: 10px; padding-top: 10px; }
.st-auth-shell { min-height: 100vh; padding: 36px 20px; display: grid; place-items: center; }
.st-auth-card { background: #102238; border: 1px solid #365674; border-radius: 16px; padding: 32px; width: 100%; max-width: 460px; }
.st-auth-card h1 { margin-top: 20px; }
.st-auth-brand,.st-auth-logo { margin-bottom: 18px; }
.st-auth-brand img { width: 44px; height: 44px; background: white; border-radius: 10px; padding: 4px; }
.st-csat-stars { display: flex; align-items: center; gap: 12px; margin: 20px 0; flex-wrap: wrap; }
.st-csat-stars label { color: #f4ca7a; font-size: 28px; cursor: pointer; }

/* Diálogos e pesquisa: teclado, foco, sobreposição e largura controlados. */
.modal-backdrop,.modal-overlay,.st-command { display: none; position: fixed; inset: 0; z-index: 160; background: #020913b8; backdrop-filter: blur(4px); padding: 24px; overflow: auto; align-items: flex-start; justify-content: center; }
.modal-backdrop.show,.modal-backdrop.is-open,.modal-overlay.show,.modal-overlay.is-open,.st-command:not([hidden]) { display: flex; }
.modal,.modal-card,.client-modal-v3,.user-edit-modal-card { width: min(780px,100%); min-width: 0; margin: 4vh auto; background: #12263e; border: 1px solid #4c6a8d; border-radius: 16px; padding: 26px; box-shadow: 0 28px 80px #0009; max-height: 88dvh; overflow: auto; }
.modal h2,.modal-card h2 { margin-bottom: 20px; }
.modal-header,.modal-head,.modal-actions,.modal-foot { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; }
.modal-actions,.modal-foot { padding-top: 18px; margin-top: 18px; border-top: 1px solid var(--tl-line); justify-content: flex-end; }
.modal .form-grid { gap: 16px; }
.tl-dialog-open { overflow: hidden; }
.st-command { align-items: flex-start; }
.st-command-backdrop { position: absolute; inset: 0; }
.st-command-panel { position: relative; margin-top: 10vh; width: min(620px,100%); border: 1px solid #4b719f; border-radius: 14px; overflow: hidden; background: #132a43; box-shadow: 0 25px 70px #0008; }
.st-command-search { display: flex; align-items: center; gap: 10px; padding: 20px; border-bottom: 1px solid #385471; }
.st-command-search input { border: 0; background: transparent; }
.st-command-results { display: grid; padding: 10px; }
.st-command-results a { display: flex; align-items: center; gap: 14px; padding: 14px; border-radius: 8px; }
.st-command-results a:hover { background: #234465; }
.st-command-results b { display: block; font-size: 12px; }
.st-command-results small { color: var(--tl-muted); font-size: 11px; }
.st-toast-region { position: fixed; bottom: 24px; right: 24px; width: min(360px,calc(100vw - 32px)); z-index: 250; display: grid; gap: 10px; }
.st-toast { background: #23466d; border: 1px solid #5b80ad; padding: 13px 16px; border-radius: 9px; font-size: 12px; box-shadow: 0 8px 24px #0006; }

/* Formulários históricos: mesmo cabeçalho, controlos e densidade. */
.tl-compat-bar { max-width: 1340px; margin: 0 auto 24px; padding: 14px 28px; }
.tl-compat-bar .tl-corporate-brand { margin-left: auto; }
.tl-compat-path { flex: 1; }
.tl-back-link { min-height: 34px; padding: 7px 11px; }
.tl-layout-form>.wrap,.tl-layout-form>.container,.tl-layout-form>.wrapper { width: min(1180px,calc(100% - 56px)); padding: 0; margin: 0 auto 38px; }
.tl-layout-form>.wrap>h1,.tl-layout-form>.container>h1 { margin: 24px 0; }
.tl-layout-form .grid { display: grid; gap: 20px; grid-template-columns: repeat(2,minmax(0,1fr)); }
.tl-layout-form .row { display: flex; flex-wrap: wrap; gap: 14px; }
.tl-layout-form .actions { margin-top: 22px; }
.tl-layout-form .card>form,.tl-layout-form .panel>form { min-width: 0; }
.tl-layout-form form>label { display: block; font-size: 12px; color: #c4d4e7; margin: 14px 0 7px; }
.tl-layout-form .back { color: #b3d0f6; font-size: 12px; }
.public-shell { display: block; }
.public-main { max-width: 1160px; margin: 0 auto; padding: 30px 28px 50px; }
.public-main .card { margin-bottom: 20px; }
.tl-state-card { max-width: 590px; margin: 70px auto; padding: 38px; border: 1px solid var(--tl-line-strong); border-radius: 16px; background: var(--tl-surface); text-align: center; }
.tl-state-icon { margin: 0 auto 20px; width: 44px; height: 44px; border-radius: 14px; background: #244367; color: #c8e0ff; display: grid; place-items: center; font-size: 21px; }
.tl-state-card p { font-size: 14px; line-height: 1.8; margin-bottom: 25px; }
.quote-line,.quote-line-row { display: grid; grid-template-columns: minmax(0,1fr) 80px 110px 34px; gap: 10px; margin-bottom: 10px; }
.quote-item-card { padding: 12px; border: 1px solid var(--tl-line); border-radius: 9px; background: #142b44; }
.checkbox { display: flex; gap: 8px; align-items: center; font-size: 12px; }
.tl-v6 .chart { min-width: 0; }
.tl-v6 .st-portal-track { width: min(650px,calc(100% - 40px)); margin: 65px auto; }

/* Edição comercial e componentes de compatibilidade. */
.client-fields-grid,.client-modal-form,.ticket-pro-form,.item-pro-form,.user-edit-modal-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.client-fields-grid .full,.client-modal-form .full,.ticket-pro-form .full,.item-pro-form .full,.span-12,.span-8 { grid-column: 1/-1; }
.field-card,.client-field { min-width: 0; padding: 13px; border: 1px solid var(--tl-line); border-radius: 9px; background: #102239; }
.field-card>.tl-control-label,.client-field>.tl-control-label { margin-bottom: 0; }
.modal-kicker { color: var(--tl-blue-2); font-size: 10px; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 7px; }
.client-modal-header { display: flex; align-items: start; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.client-modal-header p,.info-note,.item-margin-preview,.form-help,.help,.note { font-size: 12px; color: var(--tl-muted); }
.client-modal-actions { display: flex; justify-content: flex-end; gap: 10px; grid-column: 1/-1; padding-top: 16px; }
.client-nif-box { grid-column: 1/-1; display: grid; gap: 10px; border: 1px solid #385e88; background: #143252; border-radius: 10px; padding: 16px; }
.quote-total-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-top: 18px; }
.quote-total-card { padding: 14px; background: #10233b; border: 1px solid var(--tl-line); border-radius: 9px; }
.quote-total-card span,.quote-total-card small { display: block; color: var(--tl-muted); font-size: 11px; }
.quote-total-card b,.quote-total-card strong { display: block; margin-top: 8px; font-size: 21px; font-variant-numeric: tabular-nums; }
.modal .quote-line-row { grid-template-columns: minmax(180px,1fr) 60px 70px 85px 85px 80px; align-items: center; font-size: 11px; }
.st-cc-card { margin-top: 16px; }
.st-detail-list { margin: 0; display: grid; gap: 13px; }
.st-detail-list>div { border-bottom: 1px solid var(--tl-line); padding-bottom: 12px; }
.st-detail-list dt { color: var(--tl-muted); font-size: 10px; margin-bottom: 4px; }
.st-detail-list dd { margin: 0; font-size: 12px; overflow-wrap: anywhere; }
.st-ops-list { display: grid; gap: 10px; }
.st-ops-list>div { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--tl-line); font-size: 12px; }
.st-health-hero { padding: 20px; border-bottom: 1px solid var(--tl-line); display: grid; gap: 8px; }
.tl-agent-change-box { margin-top: 16px; padding: 16px; border: 1px solid #3c5e82; border-radius: 10px; background: #10253e; }
.tl-agent-change-title { font-size: 14px; font-weight: 600; margin-bottom: 5px; }
.tl-agent-change-subtitle { font-size: 11px; color: var(--tl-muted); margin-bottom: 16px; }
.tl-agent-field { display: block; font-size: 11px; color: var(--tl-muted); margin: 12px 0; }
.tl-agent-field span { display: block; margin-bottom: 6px; }
.tl-agent-save-btn { min-height: 40px; padding: 9px 14px; border: 1px solid #588ad4; border-radius: 8px; background: #266ad0; width: 100%; }
.tl-agent-status { min-height: 18px; color: var(--tl-blue-2); font-size: 11px; margin-top: 10px; }
.tl-layout-form .invoice-line { display: grid; grid-template-columns: minmax(180px,1fr) 70px 120px 120px 90px; gap: 10px; align-items: center; padding: 12px; border: 1px solid var(--tl-line); border-radius: 9px; margin-bottom: 10px; }
@media(max-width:680px) {
  .tl-layout-form>.wrapper { width: calc(100% - 30px); }
  .client-fields-grid,.client-modal-form,.ticket-pro-form,.item-pro-form,.user-edit-modal-form,.quote-total-grid { grid-template-columns: minmax(0,1fr); }
  .tl-layout-form .invoice-line { grid-template-columns: minmax(0,1fr) 70px; }
  .tl-layout-form .invoice-line>select { grid-column: 1/-1; }
  .modal .quote-line-row { grid-template-columns: minmax(0,1fr) 70px; gap: 10px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid var(--tl-line); }
  .modal .quote-line-row>select { grid-column: 1/-1; }
}

/* Preferência de navegação unificada. */
@media(min-width:961px) {
  .tl-v6.tl-sidebar-collapsed { --tl-sidebar-width: 76px; }
  .tl-sidebar-collapsed :is(.st-brand-copy,.brand-meta,.st-nav-section,.v511-nav-label,.st-user-meta,.st-user-email,.st-user-role,.sidebar-footer .small,.sidebar-footer .role,.st-command-trigger span,.st-command-trigger kbd) { display: none; }
  .tl-sidebar-collapsed .st-brand-row { flex-direction: column; }
  .tl-sidebar-collapsed :is(.st-nav a>span:nth-child(2),.nav-text,.st-nav-count) { display: none; }
  .tl-sidebar-collapsed :is(.st-nav a,.side-nav .nav-item) { justify-content: center; padding: 10px 7px; }
  .tl-sidebar-collapsed .st-command-trigger { justify-content: center; }
  .tl-sidebar-collapsed .st-logout span { display: none; }
  .tl-sidebar-collapsed .st-user-top { justify-content: center; }
  .tl-sidebar-collapsed .sidebar-brand { flex-direction: column; }
}
@media(max-width:1360px) {
  .st-content-grid { grid-template-columns: minmax(0,1fr); }
  .st-content-grid>aside { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
  .st-ticket-toolbar { grid-template-columns: 1fr 1fr 1fr; }
  .st-ticket-toolbar>input[type="search"] { grid-column: 1/-1; }
  .st-project-row { grid-template-columns: minmax(210px,1fr) auto auto auto; }
  .st-project-owner,.st-project-row>.st-time { grid-column: auto; }
  .st-directory-row { grid-template-columns: minmax(210px,1fr) 80px 90px 90px 40px; }
  .st-directory-last { display: none; }
}
@media(max-width:1100px) {
  .st-grid-4,.grid4,.kpis { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .st-ticket-workspace,.ntx-workspace { grid-template-columns: minmax(0,1fr) 280px; gap: 16px; }
  .st-audit-v4-grid { grid-template-columns: 1fr; }
  .st-audit-side { grid-template-columns: 1fr 1fr; }
  .st-audit-toolbar { grid-template-columns: 1fr 1fr; }
}
@media(max-width:960px) {
  .tl-v6 .st-shell,.tl-v6 .app,.tl-v6 .shell:not(.public-shell) { grid-template-columns: minmax(0,1fr); }
  .tl-v6 .st-sidebar,.tl-v6 .sidebar,.tl-v6 .side { position: fixed; top: 0; bottom: 0; left: 0; width: min(290px,calc(100vw - 35px)); transform: translateX(-105%); transition: transform .18s ease; z-index: 120; }
  .tl-v6.tl-nav-open :is(.st-sidebar,.sidebar,.side) { transform: translateX(0); }
  .st-mobile-bar,.v5-mobile-topbar { display: flex; align-items: center; justify-content: space-between; padding: 12px 20px; min-height: 62px; border-bottom: 1px solid var(--tl-line); background: #0c1f35; }
  .v5-mobile-topbar { margin: 0 -20px 18px; }
  .st-mobile-brand,.v5-mobile-brand { display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 550; }
  .st-mobile-brand img,.v5-mobile-brand img { width: 32px; height: 32px; background: white; border-radius: 7px; padding: 3px; }
  .st-menu-toggle,.v5-menu-toggle { width: 38px; height: 36px; border: 1px solid #355675; background: #17334f; border-radius: 7px; display: grid; place-items: center; }
  .tl-v6.tl-nav-open .st-drawer-backdrop,.tl-v6.tl-nav-open .v5-mobile-overlay { display: block; position: fixed; inset: 0; background: #020b17b0; z-index: 110; }
  .tl-v6 .st-main,.tl-v6 .main { padding: 0 20px 30px; }
  .st-globalbar { min-height: 65px; margin-bottom: 22px; }
  .st-globalpath>span:first-child,.st-globalpath>i:first-of-type,.tl-service-indicator { display: none; }
  .st-topbar { gap: 16px; flex-wrap: wrap; }
  .st-ticket-workspace,.ntx-workspace,.tlx-form-layout,.tlx-track-layout,.tlx-workspace { grid-template-columns: 1fr; }
  .st-ticket-rail,.ntx-rail { grid-template-columns: 1fr 1fr; }
  .ntx-summary { grid-column: 1/-1; }
  .tlx-rail { grid-template-columns: 1fr 1fr; }
  .st-project-row { grid-template-columns: minmax(180px,1fr) auto auto; }
  .st-directory-row { grid-template-columns: minmax(200px,1fr) 80px 90px 90px 40px; }
  .st-directory-last { display: none; }
  .st-content-grid>aside { grid-template-columns: 1fr 1fr; }
  .st-page-login { padding: 25px; }
  .tl-login-brand,.tl-login-panel { padding: 28px; }
  .tl-login-shell { grid-template-columns: minmax(240px,1fr) minmax(300px,1fr); }
  .tlx-topbar-inner { gap: 20px; }
  .tlx-secure { display: none; }
}
@media(max-width:680px) {
  .tl-v6 .st-main,.tl-v6 .main { padding: 0 15px 25px; }
  .st-globalbar { min-height: 66px; gap: 10px; margin-bottom: 20px; }
  .st-globalpath { font-size: 10px; gap: 5px; }
  .st-globalmeta { gap: 7px; }
  .tl-corporate-brand { width: 72px; height: 43px; padding: 2px 4px; }
  .st-topbar,.ntx-hero,.hero,.v511-page-header { flex-direction: column; gap: 14px; margin-bottom: 20px; }
  .st-subtitle,.page-subtitle { font-size: 12px; }
  .st-topbar>.st-actions,.ntx-hero-actions { width: 100%; }
  .st-card-body,.ntx-card-body,.tlx-card-body { padding: 16px; }
  .st-card-head,.ntx-card-head,.tlx-card-head { padding: 16px; }
  .st-grid-4,.grid4,.kpis { gap: 10px; }
  .st-kpi { padding: 15px; }
  .st-kpi-inner { gap: 5px; }
  .st-kpi strong { font-size: 25px; }
  .st-kpi-icon { width: 28px; height: 28px; flex-basis: 28px; border-radius: 8px; }
  .st-kpi label { font-size: 10px; }
  .st-form-grid,.form-grid,.ntx-grid.two,.tlx-form-grid,.tl-layout-form .grid,.st-content-grid>aside,.st-ticket-rail,.ntx-rail,.st-audit-side,.st-composer-tools,.tlx-rail,.st-audit-detail-grid { grid-template-columns: minmax(0,1fr); }
  .st-ticket-toolbar,.st-audit-toolbar { grid-template-columns: 1fr 1fr; }
  .st-ticket-toolbar>input[type="search"] { grid-column: 1/-1; }
  .st-ticket-toolbar>.st-btn { grid-column: 1/-1; }
  .st-save-view .st-input { max-width: none; flex: 1 1 180px; }
  .st-project-row { grid-template-columns: minmax(0,1fr) auto; gap: 13px; }
  .st-project-row>div:first-child { grid-column: 1/-1; }
  .st-project-row .st-project-actions { grid-column: 2; justify-self: end; }
  .st-project-popover { position: fixed; left: 16px; right: 16px; top: 12vh; width: auto; max-height: 76dvh; }
  .st-directory-row { grid-template-columns: minmax(0,1fr); gap: 12px; padding: 16px; }
  .st-directory-actions { justify-content: flex-start; }
  .st-audit-event-main { grid-template-columns: 26px minmax(0,1fr); padding: 16px; gap: 10px; }
  .st-audit-event-main time { grid-column: 2; }
  .st-audit-detail { margin-left: 16px; }
  .modal-backdrop,.modal-overlay,.st-command { padding: 12px; }
  .modal,.modal-card,.client-modal-v3,.user-edit-modal-card { padding: 18px; margin: 2vh auto; max-height: 94dvh; }
  .quote-line,.quote-line-row { grid-template-columns: minmax(0,1fr) 60px; }
  .tl-table-tools input { max-width: none; }
  .tl-table-tools .tl-table-count { margin-left: 0; width: 100%; }
  .tl-table-footer { gap: 10px; }
  .st-page-login { padding: 18px; display: block; }
  .tl-login-shell { display: flex; flex-direction: column; max-width: 470px; margin: auto; min-height: 0; }
  .tl-login-brand { padding: 24px; border-right: 0; border-bottom: 1px solid #365474; gap: 20px; }
  .tl-login-copy h1 { font-size: 29px; }
  .tl-login-copy>p { margin: 0; font-size: 12px; }
  .tl-login-points,.tl-login-company { display: none; }
  .tl-login-panel { padding: 28px 24px; }
  .tl-login-card>.tl-corporate-brand { margin-bottom: 20px; }
  .tlx-topbar-inner { padding: 12px 16px; flex-wrap: wrap; gap: 12px; }
  .tlx-nav { width: 100%; gap: 4px; }
  .tlx-nav a { padding: 8px; font-size: 10px; }
  .tlx-brand-logo { width: 96px; height: 54px; }
  .tlx-main { padding: 23px 15px 30px; }
  .tlx-hero { padding: 22px; }
  .tlx-hero-top { flex-direction: column; gap: 15px; }
  .tlx-chips { grid-template-columns: 1fr 1fr; gap: 15px; }
  .tlx-hero h1 { font-size: 28px; }
  .tlx-meta { font-size: 12px; }
  .tlx-footer { padding: 18px 16px; }
  .tl-compat-bar { padding: 12px 15px; gap: 9px; flex-wrap: wrap; margin-bottom: 20px; }
  .tl-compat-path { order: 3; width: 100%; flex: 1 0 100%; font-size: 10px; }
  .tl-layout-form>.wrap,.tl-layout-form>.container { width: calc(100% - 30px); }
  .tl-layout-form .totals { grid-template-columns: 1fr; }
  .tl-layout-form .lines-head { display: none; }
  .tl-layout-form .quote-line { grid-template-columns: minmax(0,1fr) 70px; padding: 14px 0; border-bottom: 1px solid var(--tl-line); }
  .tl-layout-form .quote-line>input:first-child { grid-column: 1/-1; }
  .tl-layout-form .item-row { grid-template-columns: 24px minmax(0,1fr) 65px; }
  .tl-layout-form .item-row>.item-price { grid-column: 2; font-size: 11px; }
  .tl-state-card { margin: 30px 15px; width: auto; padding: 26px 20px; }
  .public-main { padding: 25px 15px; }
  .v5-mobile-topbar { margin: 0 -15px 18px; }
  .v5-env { display: none; }
}
@media(max-width:375px) {
  .st-kpi-icon { display: none; }
  .st-kpi label { min-height: 29px; }
  .st-actions>.st-btn { flex: 1; }
  .st-login-card h2 { font-size: 25px; }
  .st-ticket-toolbar { grid-template-columns: 1fr; }
  .st-ticket-toolbar>input[type="search"] { grid-column: auto; }
  .st-bulkbar select,.st-bulkbar button { width: 100%; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior: auto; }
  .tl-v6 *, .tl-v6 *:before,.tl-v6 *:after { transition: none; animation: none; scroll-behavior: auto; }
}
@media print {
  .st-sidebar,.sidebar,.side,.st-mobile-bar,.st-globalbar,.st-command,.st-toast-region,.st-actions { display: none; }
  .tl-v6 .st-shell,.tl-v6 .app { display: block; }
  body.tl-v6 { background: white; color: #122844; }
  .st-card,.panel { background: white; box-shadow: none; }
}


/* SUPPORT V7 - overrides below are the intentional visual system. */
/* V7 | Graphite navigation, calm light workspace, mint / violet / amber semantics. */
:root{color-scheme:light;--tl-bg:#f4f6f8;--tl-bg-soft:#f8fafb;--tl-surface:#ffffff;--tl-surface-2:#f7f9fb;--tl-surface-3:#eef2f6;--tl-line:#e1e6ec;--tl-line-strong:#cbd5df;--tl-text:#202c3a;--tl-muted:#647486;--tl-muted-2:#687b8d;--tl-blue:#087f75;--tl-blue-2:#087f75;--tl-blue-soft:#e9f6f3;--tl-green:#087e65;--tl-amber:#98620b;--tl-red:#b53c49;--tl-purple:#7154b3;--tl-sidebar-width:244px;--tl-shadow:0 6px 24px #172c4207;--tl-shadow-soft:0 2px 8px #172c4205;--tl-radius:14px}
html,body.tl-v6{background:var(--tl-bg);color:var(--tl-text)}
body.tl-v6{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.55}
.tl-v6 a{color:inherit}.tl-v6 button,.tl-v6 input,.tl-v6 select,.tl-v6 textarea{font:inherit}
.tl-v6 :focus-visible{outline:3px solid #65bdb2;outline-offset:3px}.tl-v6 ::selection{background:#c7ebe4;color:#143a35}
.tl-v6 .st-sidebar,.tl-v6 .sidebar,.tl-v6 .side{background:#17232d;border-right:0;padding:26px 16px 18px;gap:23px;color:#e7edf4;scrollbar-color:#415360 transparent}
.st-sidebar .st-brand-copy b,.sidebar .brand-meta strong{color:#f5f8fb;font-size:16px;letter-spacing:-.4px}
.st-sidebar .st-brand-copy>span{color:#96acb8;font-size:11px;letter-spacing:.02em}
.st-sidebar .st-command-trigger{background:#21323e;border:1px solid #3b4b56;color:#b4c6d2;border-radius:9px;font-size:12px}
.st-sidebar .st-sidebar-collapse{border-color:#415561;color:#bacbd5}.st-sidebar .st-command-trigger kbd{border-color:#566774;font-size:10px}
.st-sidebar .st-nav-section{color:#9eb1bd;font-size:9px;letter-spacing:.15em;font-weight:700}
.st-sidebar .st-nav a{color:#c1ced7;border:0;min-height:41px;border-radius:8px;font-size:12px}
.st-sidebar .st-nav a:hover{background:#223743;color:#fff}
.st-sidebar .st-nav a.active{background:#24483f;color:#baf3df;box-shadow:inset 0 0 0 1px #355f53}
.st-sidebar .st-nav a.active:before{display:none}.st-sidebar .st-nav-count{background:#2d404b;color:#d6e4ec;min-width:23px;font-size:10px;border-radius:5px}
.st-sidebar .st-user{border-color:#344650;padding-top:16px}.st-sidebar .st-user-name{color:#f1f6f8}.st-sidebar .st-user-email,.st-sidebar .st-user-role,.st-sidebar .st-logout{color:#a5bac7}
.st-sidebar .st-avatar{background:#405460;border:0;color:#edf6fa;border-radius:50%}
.tl-v6 .st-main,.tl-v6 .main{padding:0 30px 42px}.st-globalbar{min-height:84px;margin-bottom:29px;padding:14px 0;border-color:#e0e6ec}
.st-globalpath{font-size:11px;gap:10px}.st-globalpath strong,.tl-compat-path strong{color:#334556}.st-globalmeta{gap:22px}
.tl-service-indicator{color:#66798a}.tl-service-indicator:before{background:#7f929f}
.tl-corporate-brand{background:white;border:1px solid #e2e8ee;box-shadow:none;border-radius:8px;width:88px;height:47px}
.st-topbar{align-items:center;margin-bottom:25px;gap:20px}.tl-v6 .st-title{font-size:32px;font-weight:680;letter-spacing:-1.05px;color:#1d2a37;line-height:1.25;margin-bottom:7px}
.st-eyebrow,.ntx-kicker,.eyebrow{color:#718492;font-size:9px;letter-spacing:.16em;font-weight:750;margin-bottom:9px}
.st-subtitle{font-size:12px;color:#6b7b8a;line-height:1.7;max-width:650px}.st-actions{gap:9px;align-items:center}
.tl7-version{font-size:10px;letter-spacing:.03em;vertical-align:middle;display:inline-block;margin-left:12px;padding:3px 7px;border:1px solid #d5e4e0;border-radius:5px;color:#287e72;background:#ecf8f3}
.tl-v6 .st-btn,.tl-v6 .btn,.tl-v6 .st-icon-btn{min-height:39px;background:#fff;border:1px solid #d6dfe6;color:#405467;box-shadow:0 1px 2px #172c4205;border-radius:8px;font-size:12px;font-weight:600;padding:9px 13px}
.tl-v6 .st-btn:hover,.tl-v6 .btn:hover{background:#f2f6f8;border-color:#9fb7c4;color:#233b47}
.tl-v6 .st-btn.primary,.tl-v6 .btn.primary,.tl-v6 button.primary{background:#0c8175;color:white;border-color:#0c8175;box-shadow:0 2px 3px #07655815}
.tl-v6 .st-btn.primary:hover{background:#07695f;border-color:#07695f;color:white}
.tl-v6 .st-btn.ghost{background:transparent;border-color:transparent;color:#527280}.tl-v6 .st-icon-btn{padding:8px;min-width:35px;min-height:35px}
.st-head-chip{font-size:10px;color:#637583;background:#eaf0f4;border:0;padding:6px 10px;border-radius:6px}
.tl-v6 .st-input,.tl-v6 .st-select,.tl-v6 input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),.tl-v6 textarea,.tl-v6 select{background:#fff;border:1px solid #d8e2e9;color:#293e4b;border-radius:8px;box-shadow:none;min-height:39px;font-size:12px}
.tl-v6 input::placeholder,.tl-v6 textarea::placeholder{color:#83939f}.tl-v6 input[type=checkbox],.tl-v6 input[type=radio]{accent-color:#0c8175}
.tl-v6 label,.st-field>label{color:#526778}.tl-v6 textarea{line-height:1.75}.st-form-grid,.st-composer-tools{gap:12px}
.st-card,.st-kpi,.st-composer,.ntx-panel,.tlx-card,.tl-state-card{background:white;border:1px solid #e0e7ed;border-radius:14px;box-shadow:0 3px 14px #19324904;overflow:visible}
.st-card-head{border-bottom-color:#e7edf1;padding:21px 22px;gap:16px}.st-card-head h2{font-size:15px;color:#283a48;letter-spacing:-.25px;font-weight:660}.st-card-head p{font-size:11px;color:#768693;margin:5px 0 0}.st-card-body{padding:21px 22px}
.st-grid-4{gap:16px;margin:22px 0}.st-kpi{position:relative;min-height:119px;padding:21px;border:1px solid #e0e7ed;background:white;overflow:hidden}
.st-kpi:after{content:"";position:absolute;top:22px;bottom:22px;left:0;width:3px;background:#b98bc9;border-radius:2px}.st-kpi.red:after{background:#d57a85}.st-kpi.warn:after{background:#d7b371}.st-kpi.green:after{background:#64b799}.st-kpi.purple:after{background:#a799d3}
.st-kpi-inner{gap:17px}.st-kpi-icon{width:39px;height:39px;background:#f1ecfb;color:#7758af;border:0;border-radius:10px}.st-kpi.red .st-kpi-icon{background:#fbecef;color:#b54b61}.st-kpi.warn .st-kpi-icon{background:#fcf3df;color:#ac7b21}.st-kpi.green .st-kpi-icon{background:#e5f5ed;color:#218768}
.st-kpi label{font-size:11px;color:#687c8a;font-weight:550}.st-kpi strong{color:#253645;font-size:29px;font-weight:650;letter-spacing:-1px}.st-kpi span{color:#82919c;font-size:10px}
.st-content-grid{grid-template-columns:minmax(0,1fr) 250px;gap:20px}.st-side-card{padding:23px 20px;background:#fff}.st-side-card h2{font-size:15px}.st-ops-row{border-bottom:1px solid #edf1f4;color:#637586;padding:13px 0}.st-ops-row strong{background:#f0f5f7;color:#294450;border-radius:5px;padding:1px 6px}.st-day-bar{background:#71baa7;border:0}.st-day label{color:#6c7e8c}.st-side-card .st-card-head{padding:22px 0 10px}
.st-queue-tabs{background:#f1f4f7;border:0;border-radius:8px;padding:4px;gap:2px;max-width:100%;flex-wrap:wrap}.st-queue-tab{font-size:10px;padding:6px 9px;color:#677d8d;border:0;background:transparent;white-space:nowrap}.st-queue-tab.active{background:#fff;color:#08786d;box-shadow:0 1px 4px #172c4212;border-radius:6px}.st-queue-tab:hover{background:#e6efef;color:#08786d}
.st-save-view{border:0;border-top:1px solid #eaf0f4;padding:12px 0 14px;margin:0;background:transparent}.st-save-view input{max-width:290px}.st-ticket-toolbar{gap:9px;margin-bottom:13px}
.tl-v6 .st-table-wrap{border-radius:9px;border:1px solid #e5ebf0;scrollbar-color:#bdccd6 transparent}
.tl-v6 th{background:#f6f8fa;border-bottom:1px solid #e2e9ef;color:#6a7e8d;padding:13px 12px;font-size:9px;letter-spacing:.045em;text-transform:uppercase}
.tl-v6 td{padding:16px 12px;color:#3b5060;border-bottom:1px solid #eaf0f4;background:transparent;font-size:11px}.tl-v6 tbody tr:hover{background:#f6faf9}
.st-ticket-subject{font-size:12px;color:#304655;font-weight:600;line-height:1.55;max-width:310px}.st-cell-meta{color:#80909e;font-size:10px;margin-top:5px}.st-time{color:#5e7484;font-size:10px}.st-time small{color:#8b9ba7}.st-sort-link{color:#6a7e8d!important}
.st-code,.code{color:#526c7e;background:#f0f4f8;border:1px solid #e3eaf0;border-radius:5px;font-size:10px;font-weight:650;letter-spacing:.01em;padding:4px 6px}
.st-badge,.pill,.prio,.tlx-status,.ntx-user-kind,.st-sla,.st-project-health{background:#edf2fb;color:#4b6999;border:1px solid #e0e7f4;border-radius:5px;font-size:9px;padding:3px 7px;font-weight:650;line-height:1.55}
.st-badge.green,.pill.green,.st-sla.ok,.st-project-health.healthy,.tlx-status.resolved{background:#eaf7f0;color:#278268;border-color:#d6ede1}.st-badge.red,.pill.red,.st-sla.breached,.st-project-health.blocked,.prio.high{background:#fff0f2;color:#b8495a;border-color:#f6dce1}.st-badge.warn,.st-badge.orange,.pill.orange,.st-sla.risk,.st-project-health.risk,.prio.med{background:#fef5e5;color:#a37a26;border-color:#f3e6c8}.st-badge.purple,.pill.purple{background:#f1edfc;color:#765cab;border-color:#e5def5}.st-badge.slate{background:#f0f3f6;color:#6c7e8d;border-color:#e1e6ed}
.st-mini-avatar,.ntx-mini-avatar,.st-message-avatar{background:#eeebf8;color:#76629f;border:0;border-radius:50%;font-weight:650}.st-person{gap:7px;font-size:10px}.st-person>span:last-child{max-width:90px}
.st-pagination-v4{padding:18px 1px 0;font-size:10px;color:#7c8d9b}.st-page-links a,.st-page-links>span{color:#617586;border-color:#dde6ed;background:white;font-size:11px}.st-page-links .active{background:#e5f4ef;color:#087d6d;border-color:#c5e4d9}.st-bulkbar{background:#f1f8f6;border-color:#cee2da;color:#386f61}
.st-detail-row{border-bottom-color:#eaf0f4}.st-detail-row span{color:#718694}.st-detail-row strong{color:#30495b}.st-sla-tile{background:#f6f9fb;border-color:#e0e8ee}.st-sla-tile strong{font-size:11px}.st-sla-tile label{font-size:10px}
.st-ticket-workspace{grid-template-columns:minmax(0,1fr) 315px;gap:23px}.st-ticket-workspace>div{min-width:0}.st-ticket-rail{gap:18px}.st-ticket-rail .st-card-head,.st-ticket-rail .st-card-body{padding:18px}.st-ticket-rail .st-card-head{display:block}.st-ticket-rail h2{font-size:13px}.st-ticket-rail p{font-size:10px}
.st-conversation{gap:21px}.st-message{gap:12px}.st-message-avatar{width:33px;height:33px;flex-basis:33px;font-size:10px;background:#e9eef5;color:#547090}.st-message-bubble{background:#f8fafc;border:1px solid #e6edf3;border-radius:2px 12px 12px;padding:18px;box-shadow:none;min-width:0}.st-message.agent .st-message-bubble{background:#eef8f4;border-color:#d7ede3}.st-message.agent .st-message-avatar{background:#dff0e9;color:#277e61}.st-message.internal .st-message-bubble{background:#fffbef;border:1px solid #f1e6c8;border-radius:10px}.st-message.internal .st-message-avatar{background:#f7edcf;color:#947527}
.st-message-head strong{color:#304656;font-size:11px}.st-message-head span{font-size:9px;color:#7e909d}.st-message-body{font-size:13px;line-height:1.85;color:#425768;margin-top:12px}.st-composer{margin-top:22px}.st-composer textarea{min-height:165px}.st-composer.is-internal{border-color:#e7cc85;background:#fffdf5}.st-composer.is-internal textarea{background:#fffdf6}
.ntx-cc-selected,.ntx-cc-manager-panel,.ntx-cc-list{background:transparent;color:#466271}.ntx-chip{background:#f0eef9;color:#73629a;border-color:#e1dcf1;border-radius:7px}.ntx-chip small{color:#837895}.ntx-cc-option{border-color:#e5e9ef;background:#fafbfc}.ntx-cc-option:hover{background:#edf7f4}.ntx-cc-option.is-selected,.ntx-cc-option:has(input:checked){background:#edf7f2;border-color:#c9e4d9}.ntx-cc-copy b{color:#385064}.ntx-cc-copy small{color:#7c8e9d}.ntx-cc-search{background:white;border-color:#dce5ec}.ntx-user-kind.internal{background:#e7f5ec;color:#467b65}.ntx-user-kind.external{background:#f0edfb;color:#766199}.ntx-count{background:#f0edf8;color:#79639d;border:0}
html body.tl-v6 .tl-agent-change-box{background:#f5faf8!important;border:1px solid #d5e9df!important;border-radius:10px!important;color:#456755!important}html body.tl-v6 .tl-agent-save-btn{background:#137c6d!important;border:1px solid #137c6d!important;color:#fff!important}html body.tl-v6 .tl-agent-change-title{color:#32594b!important}html body.tl-v6 .tl-agent-change-subtitle,html body.tl-v6 .tl-agent-field{color:#667e74!important}
.tl-ticket-upload-drop{background:#f7fafc;border-color:#b6cbd4;color:#547585}.tl-ticket-upload-btn{background:#eef6f3;color:#39816b;border-color:#c6e0d5}
.st-related a{border-color:#e4ebf0;background:#f8fafc;color:#4c6373}.st-empty-state{padding:36px 20px;color:#a2b0b9}.st-empty-state h3{color:#4b6575}.st-empty-state p{color:#85949e}.st-more-popover{background:white;border-color:#dce5ec;box-shadow:0 9px 35px #162e4020;z-index:90}.st-menu-danger{color:#b44653;background:transparent}
.st-flash.success{background:#ebf8f0;color:#227557;border:1px solid #c8e9d7}.st-flash.error{background:#fff0f1;color:#a13b4a;border:1px solid #f1ccd3}.st-command-panel,.modal,.modal-card,.st-dialog,.tl-dialog{background:white;border-color:#e2e9ef;color:#344d5e}.st-command-search{background:white;border-color:#dde7ec}.st-command-results a{color:#4c6679;background:#f7fafb}.st-command-results a:hover{background:#eaf5f1}.st-command-results small{color:#708694}.st-toast-region>div{background:#163b32;color:#fff;border-color:#315e51}
/* Email center and health strip */
.tl7-health-strip{display:flex;align-items:center;gap:16px;padding:15px 19px;background:#fff;border:1px solid #dce8e5;border-radius:11px;min-width:0;margin-bottom:22px;box-shadow:0 2px 8px #203c3303}
.tl7-mail-mark{display:grid;place-items:center;color:#248575;background:#e9f7f1;width:39px;height:39px;flex:0 0 39px;border-radius:10px}.tl7-health-copy{display:grid;gap:3px;min-width:0}.tl7-health-copy b{font-size:11px;color:#355263}.tl7-health-copy span{font-size:10px;color:#81959f}.tl7-health-pill{margin-left:15px;display:flex;gap:7px;align-items:center;font-size:10px;font-weight:550;color:#87754d;white-space:nowrap}.tl7-health-pill:before{content:"";width:6px;height:6px;background:#bc9d60;border-radius:50%}.tl7-health-pill.ok{color:#35866f}.tl7-health-pill.ok:before{background:#43a282}.tl7-health-pill.error{color:#b65863}.tl7-health-pill.error:before{background:#c36372}
.tl7-health-numbers{margin-left:auto;display:flex;gap:17px;color:#8b9aa5;font-size:10px}.tl7-health-numbers b{color:#58717f;font-weight:700;margin-right:4px}.tl7-inline-link{color:#377c70!important;font-size:10px;font-weight:650;white-space:nowrap;padding-left:15px;border-left:1px solid #e0e9e7}.tl7-inline-link span{margin-left:7px}
.tl7-email-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,1fr);gap:20px;margin-bottom:22px}.tl7-mail-overview{background:#1c333a;border:1px solid #1c333a;border-radius:14px;padding:29px;color:#e5f4f0}.tl7-section-label{color:#a5c8bd;font-size:9px;font-weight:600;letter-spacing:.14em;margin-bottom:16px}.tl7-mail-overview h2{font-size:26px;color:#f1f8f6;letter-spacing:-.7px;font-weight:600}.tl7-mail-overview p{color:#b0c5c5;font-size:11px;line-height:1.9;max-width:630px;margin:14px 0 25px}.tl7-flow{display:flex;gap:13px;align-items:center;color:#c0d6d3;font-size:10px;flex-wrap:wrap}.tl7-flow span{display:flex;gap:8px;align-items:center}.tl7-flow b{color:#9ecbbc;background:#2a4c4b;padding:4px 7px;border-radius:5px;font-size:9px}.tl7-flow i{color:#638985;font-style:normal}
.tl7-sync-card{padding:24px}.tl7-sync-card h2{font-size:13px;margin-bottom:17px}.tl7-sync-row{display:flex;justify-content:space-between;gap:14px;font-size:10px;padding:11px 0;border-bottom:1px solid #edf1f4}.tl7-sync-row span{color:#80919c}.tl7-sync-row strong{color:#4c6473;text-align:right;font-weight:550}.tl7-fineprint{font-size:10px!important;line-height:1.7;color:#8b9ba6!important;margin:15px 0 0!important}.tl7-error-copy{color:#a74d5b!important;font-size:11px}
.tl7-mail-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.tl7-mail-kpis>a{display:flex;gap:14px;border:1px solid #e0e7ed;background:white;border-radius:12px;padding:20px 17px;align-items:flex-start;transition:transform .15s,border-color .15s}.tl7-mail-kpis>a:hover{transform:translateY(-2px);border-color:#a9cbbf}.tl7-kpi-icon{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:9px}.tl7-kpi-icon.mint{background:#e7f6ee;color:#34846e}.tl7-kpi-icon.violet{background:#efebfa;color:#8165b6}.tl7-kpi-icon.amber{background:#faf1df;color:#ac8032}.tl7-kpi-icon.blue{background:#eaf0fa;color:#6484b0}.tl7-mail-kpis>a>span:last-child{display:grid;font-size:10px;color:#718694;min-width:0}.tl7-mail-kpis strong{font-size:29px;line-height:1.4;letter-spacing:-.7px;color:#344d60;font-weight:600}.tl7-mail-kpis small{font-size:9px;color:#94a2ad}
.tl7-search-row{display:flex;gap:10px;max-width:510px;margin-bottom:16px}.tl7-search-row input{min-width:0;flex:1}.tl7-mail-table{min-width:760px}.tl7-mail-table .st-badge{white-space:normal;max-width:200px}.tl7-mail-table .st-ticket-subject{max-width:420px}.tl7-outbox{margin-top:22px}.tl7-outbox-item{display:flex;gap:18px;align-items:center;padding:15px 0;border-bottom:1px solid #edf1f4}.tl7-outbox-item:last-child{border-bottom:0}.tl7-outbox-item>div{flex:1;min-width:0}.tl7-outbox-item b{font-size:11px;color:#455f70}.tl7-outbox-item span:not(.st-badge),.tl7-outbox-item small{display:block;font-size:10px;color:#8b9da8;margin-top:3px}.tl7-diagnostic,.tl7-message-review{margin-bottom:22px}.tl7-email-body{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.8 inherit;color:#4b6575;background:#f8fafc;padding:18px;border-radius:9px;max-height:450px;overflow:auto}.tl7-review-reason{background:#fff5df;border:1px solid #eeddaf;color:#9a782e;font-size:12px;padding:12px 16px;border-radius:8px}
/* Ticket workspace */
.tl7-ticket-summary{display:grid;grid-template-columns:1.25fr 1fr .6fr 1fr;gap:15px;background:white;border:1px solid #e0e7ed;border-radius:11px;padding:20px 23px;margin-bottom:24px}.tl7-ticket-summary>div{min-width:0;border-right:1px solid #e8edf1;padding-right:12px}.tl7-ticket-summary>div:last-child{border:0}.tl7-summary-label{display:block;font-size:8px;letter-spacing:.12em;color:#8b9ca7;margin-bottom:5px}.tl7-ticket-summary b{font-size:11px;color:#4b6576;font-weight:600}.tl7-channel-address{background:#eef7f4;border:1px solid #d5e8e1;border-radius:7px;color:#378170;font-size:11px;padding:9px 12px;margin-bottom:17px}.tl7-event-line{display:flex;gap:11px;margin:13px 0;align-items:flex-start}.tl7-event-dot{background:#becbd5;width:6px;height:6px;flex:0 0 6px;border-radius:50%;margin-top:6px}.tl7-event-dot.ok{background:#6ab395}.tl7-event-dot.warn{background:#c7a565}.tl7-event-line b{display:block;font-size:10px;font-weight:550;color:#607887}.tl7-event-line small{display:block;font-size:9px;color:#96a5af;margin-top:4px}.tl7-source-tag{display:inline-flex;align-items:center;gap:5px;color:#6a9184;font-size:9px;margin-top:10px}.tl7-original-mail{margin-top:12px;font-size:10px;color:#80949f}.tl7-original-mail summary{cursor:pointer}.tl7-original-mail>div{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:12px;max-height:240px;overflow:auto;color:#6c818e}.tl7-composer-tabs{display:flex;align-items:center;gap:7px;border-bottom:1px solid #e9eef2;margin-bottom:18px;padding-bottom:14px}.tl7-composer-tabs button{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;font-size:11px!important;color:#7e919e;padding:8px 10px;border-radius:7px;cursor:pointer}.tl7-composer-tabs button.is-active{background:#e7f5ef;color:#317d64}.tl7-composer-tabs button[data-compose-mode="1"].is-active{background:#f9efcf;color:#9a7d3a}.tl7-composer-tabs>[data-draft-state]{margin-left:auto;color:#98a8b1;font-size:9px}.tl7-new-message{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 17px;margin-bottom:19px;border-radius:9px;background:#e6f6ee;border:1px solid #bcdfce;color:#36795e;font-size:12px}.tl7-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.tl7-attachment{display:flex;gap:9px;align-items:center;padding:10px 12px;background:white;border:1px solid #dce5ea;border-radius:8px;font-size:11px;max-width:100%;overflow-wrap:anywhere}.tl7-attachment b{display:block;font-size:10px;color:#526d7c}.tl7-attachment small{display:block;color:#99a7b0;font-size:9px;margin-top:3px}.tl7-attachment.is-blocked{background:#fff0f0;color:#a65c63}
/* Other shared forms / portal use the same light surfaces. */
.ntx-hero,.tlx-hero{background:transparent;border-color:#e0e7ed;color:#304e5f}.ntx-card,.ntx-rail-card,.tlx-panel,.tlx-form-panel{background:white;border-color:#dde7ed;color:#3b586b}.ntx-summary-item,.tlx-field,.st-filter{background:#f7fafc;border-color:#dee7ec}.tlx-msg.agent .tlx-bubble{background:#edf7f2;color:#456658}.tlx-bubble{background:#f8fafc;border-color:#e2eaf0;color:#456476}.tlx-ticket-id{color:#398575}
@media(min-width:1450px){.st-ticket-table-v4{min-width:830px}.st-ticket-table-v4 td:nth-child(3){min-width:170px}.st-page-tickets .st-content-grid>.st-card:first-child>.st-card-head{align-items:flex-start;flex-direction:column;gap:14px}}
@media(max-width:1449px){.st-page-tickets .st-content-grid{grid-template-columns:minmax(0,1fr)}.st-page-tickets .st-side-card{display:none}.st-ticket-table-v4{min-width:820px}.st-card-head .st-queue-tabs{max-width:100%}}
@media(max-width:1199px){.tl-v6 .st-main{padding:0 23px 32px}.tl7-email-grid{grid-template-columns:minmax(0,1.3fr) minmax(250px,1fr)}.tl7-mail-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.tl7-health-numbers{display:none}.tl7-inline-link{margin-left:auto}.st-ticket-workspace{grid-template-columns:minmax(0,1fr) 285px}.st-topbar{align-items:flex-start}.st-page-tickets .st-topbar{flex-wrap:wrap}.st-grid-4{gap:12px}.st-kpi{padding:16px}.st-kpi-inner{gap:10px}.st-kpi-icon{width:31px;height:31px}}
@media(max-width:980px){.st-mobile-bar{background:#17232d;border:0;color:#edf6f5}.st-menu-toggle{background:#223e49;color:#eef6f6;border-color:#4a656c}.tl-v6 .st-main{padding:0 22px 30px}.st-globalbar{min-height:70px;margin-bottom:24px}.st-ticket-workspace{grid-template-columns:minmax(0,1fr)}.st-ticket-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.tl7-ticket-mail{grid-column:1/-1}.tl7-ticket-mail .st-card-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.tl7-ticket-mail .tl7-channel-address,.tl7-ticket-mail .tl7-fineprint{grid-column:1/-1}.tl7-email-grid{grid-template-columns:minmax(0,1fr)}.tl7-sync-card{padding:20px}.st-topbar .st-title{font-size:29px}.tl7-health-pill{margin-left:auto}.st-page-mail .st-topbar{flex-wrap:wrap}}
@media(max-width:640px){.tl-v6 .st-main{padding:0 14px 24px}.st-globalbar{margin-bottom:22px;gap:8px}.st-globalmeta{gap:8px}.tl-service-indicator{display:none}.st-globalpath{font-size:9px;gap:5px}.st-globalpath strong{max-width:180px}.tl-corporate-brand{width:69px;height:39px}.tl-v6 .st-title{font-size:26px}.st-subtitle{font-size:11px}.st-topbar{gap:16px;flex-direction:column;align-items:stretch}.st-topbar .st-actions{justify-content:flex-start;flex-wrap:wrap}.st-head-chip{display:none}.st-actions .st-btn{font-size:11px;padding:9px 11px}.tl7-health-strip{padding:13px 14px;flex-wrap:wrap;gap:12px;margin-bottom:18px}.tl7-health-copy b{font-size:11px}.tl7-mail-mark{width:33px;height:33px;flex-basis:33px}.tl7-health-pill{order:3;margin:0;width:auto;font-size:10px}.tl7-inline-link{order:4;border:0;padding:0;margin-left:auto}.st-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.st-kpi{min-height:105px;padding:15px 12px}.st-kpi-icon{display:none}.st-kpi strong{font-size:26px}.st-kpi label{font-size:10px}.st-kpi span{font-size:9px}.st-card-head,.st-card-body{padding:17px 15px}.st-card-head{flex-direction:column;align-items:flex-start}.st-queue-tabs{width:100%;gap:2px}.st-queue-tab{padding:7px 9px;font-size:10px}.st-ticket-toolbar{grid-template-columns:1fr 1fr}.st-ticket-toolbar input[type=search]{grid-column:1/-1}.st-ticket-toolbar>.st-btn{grid-column:auto}.st-save-view{display:none}.st-table-wrap{border:0!important}.st-ticket-table-v4,.tl7-mail-table{min-width:0!important;width:100%}.tl-v6 .st-ticket-table-v4 thead,.tl-v6 .tl7-mail-table thead{display:none}.tl-v6 .st-ticket-table-v4 tbody,.tl-v6 .tl7-mail-table tbody{display:grid;gap:13px}.tl-v6 .st-ticket-table-v4 tr,.tl-v6 .tl7-mail-table tr{display:grid;grid-template-columns:1fr 1fr;position:relative;padding:14px;border:1px solid #dee7ed;border-radius:10px;background:#fff;gap:10px 12px}.tl-v6 .st-ticket-table-v4 td,.tl-v6 .tl7-mail-table td{display:block;width:auto!important;min-width:0!important;padding:0;border:0;font-size:11px}.tl-v6 .st-ticket-table-v4 td:before,.tl-v6 .tl7-mail-table td:before{content:attr(data-label);display:block;color:#95a4af;font-size:8px;margin-bottom:4px;letter-spacing:.03em}.tl-v6 .st-ticket-table-v4 td:nth-child(1){position:absolute;top:14px;right:14px}.tl-v6 .st-ticket-table-v4 td:nth-child(2){grid-column:1/-1}.tl-v6 .st-ticket-table-v4 td:nth-child(3){grid-column:1/-1;border-bottom:1px solid #eaf0f3;padding-bottom:12px}.tl-v6 .st-ticket-table-v4 td:last-child{display:none}.tl-v6 .st-ticket-table-v4 td[colspan],.tl-v6 .tl7-mail-table td[colspan]{grid-column:1/-1}.st-ticket-subject{max-width:none;font-size:12px}.st-cell-meta{font-size:10px;overflow-wrap:anywhere}.st-person>span:last-child{max-width:none}.tl-v6 .tl7-mail-table td:first-child{grid-column:1/-1}.tl-v6 .tl7-mail-table td:last-child{display:none}.tl-v6 .tl7-mail-table .st-badge{max-width:100%;font-size:9px}.st-pagination-v4{font-size:9px}.tl7-ticket-summary{grid-template-columns:1fr 1fr;padding:17px;gap:17px}.tl7-ticket-summary>div:nth-child(2){border:0}.tl7-ticket-summary b{font-size:10px}.st-ticket-rail{grid-template-columns:1fr}.st-ticket-workspace{gap:18px}.st-message{gap:8px}.st-message-avatar{width:27px;height:27px;flex-basis:27px;font-size:8px}.st-message-bubble{padding:14px}.st-message-head{gap:8px;align-items:flex-start;flex-direction:column}.st-message-body{font-size:12px;line-height:1.8}.st-composer-tools{grid-template-columns:1fr}.tl7-composer-tabs{gap:4px;flex-wrap:wrap}.tl7-composer-tabs button{font-size:10px!important;padding:8px}.tl7-composer-tabs [data-draft-state]{width:100%;margin:0}.tl7-mail-kpis{gap:10px}.tl7-mail-kpis>a{padding:15px 13px;gap:8px}.tl7-kpi-icon{display:none}.tl7-mail-kpis strong{font-size:27px}.tl7-mail-overview{padding:22px 19px}.tl7-mail-overview h2{font-size:22px}.tl7-flow{gap:8px;flex-direction:column;align-items:flex-start}.tl7-flow i{display:none}.tl7-mail-overview p{margin-bottom:18px}.tl7-outbox-item{flex-wrap:wrap;gap:9px}.tl7-outbox-item>div{flex-basis:100%}.tl7-outbox-item>.st-badge{white-space:normal}.tl7-new-message{flex-wrap:wrap}.tl7-ticket-mail .st-card-body{display:block}.tl7-email-body{font-size:11px;padding:13px}.tl7-search-row{gap:7px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Final contrast, spacing and narrow-screen refinements. */
body.tl-v7 .st-main select,body.tl-v7 .st-main .st-select{background:#fff!important;color:#293e4b!important;border-color:#d8e2e9!important;color-scheme:light}
body.tl-v7 .st-main select option{background:#fff!important;color:#293e4b!important}
.st-message-head>div:first-child{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}
.st-day small{font-size:8px;white-space:nowrap}
@media(max-width:640px){.st-message-head>div:first-child{gap:3px;flex-direction:column;align-items:flex-start}}
body.tl-v7 .st-main textarea{background:#fff!important;color:#324b5c!important;border-color:#d8e2e9!important}
body.tl-v7 .ntx-contact-card,body.tl-v7 .ntx-notice,body.tl-v7 .ntx-summary{background:#eff7f4;border-color:#d4e7df;color:#3f6557}
body.tl-v7 .ntx-contact-state,body.tl-v7 .ntx-contact-copy span,body.tl-v7 .ntx-notice small{color:#6f8c80}
body.tl-v7 .ntx-step,body.tl-v7 .ntx-avatar{background:#e2f2ea;color:#39836b;border-color:#cde5d8}
body.tl-v7 .ntx-cc-search>input{padding-left:36px!important}
/* Keep accessibility-only labels inside horizontally scrollable tablet tables. */
.st-table-wrap{position:relative;max-width:100%}
.st-sr-only{position:absolute!important;top:0!important;left:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}