:root{
  --bg:#07111f;--panel:#0d1a2c;--panel2:#11233a;--line:#223653;--text:#eef5ff;--muted:#94a7c2;
  --accent:#ff7a59;--cyan:#42d4c6;--green:#54d98c;--yellow:#f5c451;--red:#ff6678;--purple:#a58bff;
  --shadow:0 24px 70px rgba(0,0,0,.28)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 72% -10%,rgba(66,212,198,.12),transparent 35%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:26px 18px;background:rgba(6,15,27,.94);border-right:1px solid var(--line);display:flex;flex-direction:column;backdrop-filter:blur(18px);z-index:5}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 30px}.brand-mark{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#ffb15a);color:#20110d;font-weight:900;box-shadow:0 10px 30px rgba(255,122,89,.28)}.brand div{display:flex;flex-direction:column}.brand strong{font-size:16px}.brand small{color:var(--muted)}nav{display:grid;gap:8px}.nav{appearance:none;border:0;background:transparent;color:var(--muted);text-align:left;padding:12px 14px;border-radius:12px;font-weight:700;cursor:pointer}.nav:hover,.nav.active{background:var(--panel2);color:var(--text)}.sidebar-note{margin-top:auto;padding:14px;border-radius:14px;background:var(--panel);border:1px solid var(--line);display:flex;gap:10px;align-items:flex-start}.sidebar-note div{display:flex;flex-direction:column;gap:3px}.sidebar-note small{color:var(--muted);line-height:1.35}.pulse-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px rgba(84,217,140,.1);margin-top:4px}main{padding:34px 42px 70px;min-width:0}.topbar{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:24px}.eyebrow{letter-spacing:.13em;font-size:11px;color:var(--cyan);font-weight:900;margin:0 0 8px}.topbar h1,.section-title h2{margin:0}.topbar h1{font-size:34px}.title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.account-badge{font-size:11px;font-weight:800;color:#b7c7dc;border:1px solid var(--line);padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.04)}.subtitle{color:var(--muted);margin:8px 0 0;max-width:760px;line-height:1.55}.actions,.inline-actions,.finding-actions{display:flex;gap:10px;flex-wrap:wrap}.button{border:1px solid var(--line);border-radius:12px;padding:11px 15px;color:var(--text);font-weight:800;text-decoration:none;background:var(--panel);cursor:pointer;font:inherit}.button.primary{background:linear-gradient(135deg,var(--accent),#ff9f58);border:0;color:#25110b}.button.ghost{background:transparent}.button.small{padding:8px 11px;border-radius:10px;font-size:12px}.button:disabled{opacity:.45;cursor:not-allowed}.banner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 16px;border:1px solid rgba(245,196,81,.35);background:rgba(245,196,81,.08);border-radius:14px;margin-bottom:20px}.banner div{display:flex;gap:8px;flex-wrap:wrap}.banner span{color:#d8cba9}.banner a{color:var(--yellow)}.panel{background:linear-gradient(180deg,rgba(17,35,58,.96),rgba(11,25,43,.96));border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:var(--shadow)}.panel.compact{padding:13px}.panel-head{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px;font-weight:800;margin-bottom:18px}.hero-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:18px}.score-wrap{display:grid;grid-template-columns:170px 1fr;gap:24px;align-items:center}.score-ring{--score:0;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--cyan) calc(var(--score)*1%),rgba(255,255,255,.07) 0);position:relative}.score-ring:before{content:"";position:absolute;inset:13px;border-radius:50%;background:var(--panel)}.score-ring div{position:relative;display:flex;align-items:baseline}.score-ring strong{font-size:48px}.score-ring span{color:var(--muted)}.score-wrap h2{font-size:25px;margin:0 0 8px}.score-wrap p{color:#c4d2e6;line-height:1.55;margin:0 0 10px}.score-wrap small{color:var(--muted)}.trend-line{font-size:12px;color:var(--muted);margin-bottom:8px}.trend-line.up{color:var(--green)}.trend-line.down{color:var(--red)}.chip{padding:5px 9px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#b7c7dc;font-size:11px}.chip.danger{border-color:rgba(255,102,120,.35);color:#ff9eaa;background:rgba(255,102,120,.08)}.top-finding h3{font-size:21px;margin:0 0 8px}.top-finding p{color:var(--muted);line-height:1.55}.top-finding .fix{padding:12px;border-radius:12px;background:rgba(255,255,255,.04);color:#dbe7f7;font-size:13px;margin-bottom:12px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.metric{padding:17px;background:rgba(13,26,44,.8);border:1px solid var(--line);border-radius:16px}.metric.warn{border-color:rgba(245,196,81,.28)}.metric.danger{border-color:rgba(255,102,120,.35)}.metric.good{border-color:rgba(84,217,140,.2)}.metric span{display:block;color:var(--muted);font-size:12px}.metric strong{display:block;font-size:27px;margin:5px 0}.metric small{color:#a9bad1;line-height:1.4}.shortcut-panel{margin-bottom:34px}.shortcut-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.shortcut{min-height:105px;display:flex;flex-direction:column;gap:5px;padding:13px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055);text-decoration:none;color:var(--text);transition:.18s ease}.shortcut:hover{transform:translateY(-2px);border-color:var(--cyan);background:rgba(66,212,198,.07)}.shortcut.disabled{opacity:.5}.shortcut-icon{color:var(--cyan);font-size:18px}.shortcut small{color:var(--muted);line-height:1.35}.section-title{margin:28px 0 16px}.title-with-stat{display:flex;justify-content:space-between;align-items:end;gap:20px}.completion-card{min-width:140px;text-align:center;padding:14px 18px;border-radius:16px;background:var(--panel);border:1px solid var(--line)}.completion-card strong{display:block;font-size:28px;color:var(--cyan)}.completion-card span{font-size:11px;color:var(--muted)}.domain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.domain{padding:18px;border:1px solid var(--line);background:rgba(13,26,44,.78);border-radius:16px}.domain-top{display:flex;justify-content:space-between;gap:10px}.domain strong{font-size:15px}.domain .value{font-size:22px}.bar{height:8px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden;margin-top:15px}.bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--green))}.domain-note{margin:11px 0 0;color:var(--muted);font-size:11px;line-height:1.4}.two-col{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;margin-top:18px}.stack{display:grid;gap:10px}.priority{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;padding:12px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055)}.priority .rank{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(66,212,198,.12);color:var(--cyan);font-weight:900}.priority h3{margin:0 0 4px;font-size:14px}.priority p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.text-link{border:0;background:none;color:var(--cyan);padding:7px 0 0;font-weight:800;cursor:pointer}.impact{font-size:10px;padding:5px 8px;border-radius:999px;text-transform:uppercase;font-weight:900;background:rgba(255,102,120,.1);color:#ff9daa}.roadmap{display:grid;gap:13px;margin:0;padding-left:23px}.roadmap li{color:#c6d4e7;line-height:1.55;padding-left:6px}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.search,.select{appearance:none;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:11px;padding:10px 12px;font:inherit}.search{min-width:240px;flex:1}.select{min-width:165px}.optimization-list{display:grid;gap:14px}.optimization-card{border:1px solid var(--line);border-radius:18px;background:var(--panel);overflow:hidden;box-shadow:var(--shadow)}.optimization-card[open]{border-color:#315275}.optimization-card summary{list-style:none;cursor:pointer;padding:18px;display:flex;justify-content:space-between;gap:22px;align-items:center}.optimization-card summary::-webkit-details-marker{display:none}.summary-main{display:flex;gap:14px;align-items:flex-start;min-width:0}.summary-main h3{margin:0 0 6px}.summary-main p{margin:0;color:var(--muted);line-height:1.45}.summary-stats{display:grid;justify-items:end;min-width:120px}.summary-stats strong{font-size:26px}.summary-stats small{color:var(--muted)}.summary-stats span{margin-top:5px;color:var(--cyan);font-size:11px;font-weight:800}.optimization-body{border-top:1px solid var(--line);padding:18px}.explain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.explain{padding:14px;background:rgba(255,255,255,.035);border-radius:13px}.explain span{display:block;color:var(--cyan);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.explain p{margin:8px 0 0;color:#cad7e8;line-height:1.5}.fix-progress{margin:20px 0 12px}.fix-progress>div:first-child{display:flex;justify-content:space-between;gap:15px}.fix-progress span{color:var(--muted);font-size:12px}.step-list{display:grid;gap:8px}.step{display:flex;gap:11px;align-items:flex-start;padding:12px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.045);cursor:pointer}.step input,.mini-step input,.check-row input{margin-top:3px;accent-color:var(--cyan)}.step span{display:grid;grid-template-columns:65px 1fr;gap:8px;color:#d6e2f1;line-height:1.45}.step b{color:var(--cyan)}.step.done,.mini-step.done,.check-row.done{opacity:.58}.step.done span{text-decoration:line-through}.record-section{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.subhead{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.subhead>div:first-child{display:flex;flex-direction:column;gap:3px}.subhead small{color:var(--muted)}.record-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.record-link{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.05);text-decoration:none;color:var(--text)}.record-link:hover{border-color:var(--cyan)}.record-link span{display:flex;flex-direction:column;min-width:0}.record-link strong,.record-link small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-link small{color:var(--muted);margin-top:3px}.record-link b{font-size:11px;color:var(--cyan);white-space:nowrap}.sample-note,.empty-note{color:var(--muted);font-size:11px;margin:10px 0 0}.filter-row{display:flex;gap:8px;flex-wrap:wrap}.finding-toolbar{justify-content:space-between}.filter{border:1px solid var(--line);background:var(--panel);color:var(--muted);padding:8px 12px;border-radius:999px;cursor:pointer}.filter.active{color:var(--text);border-color:var(--cyan)}.findings{display:grid;gap:10px}.finding{display:grid;grid-template-columns:110px 1fr 90px;gap:18px;align-items:start;padding:17px 18px;border:1px solid var(--line);background:var(--panel);border-radius:15px}.severity{font-size:11px;text-transform:uppercase;font-weight:900;white-space:nowrap}.severity.critical{color:var(--red)}.severity.high{color:#ff9a69}.severity.medium{color:var(--yellow)}.severity.low,.severity.info{color:var(--cyan)}.area-chip{margin-top:8px;display:inline-block}.finding h3{margin:0 0 6px;font-size:16px}.finding p{margin:0;color:var(--muted);line-height:1.5}.finding .recommend{color:#d9e5f5;margin-top:8px}.finding-actions{margin-top:12px}.count{text-align:right;font-size:21px;font-weight:900}.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.chart-panel.wide{grid-column:span 1}.chart{min-height:285px}.line-chart{width:100%;height:auto;overflow:visible}.line-chart .grid-line{stroke:rgba(255,255,255,.08);stroke-width:1}.line-chart polyline{fill:none;stroke:var(--cyan);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.line-chart circle{fill:var(--accent);stroke:var(--panel);stroke-width:3}.chart-label{fill:var(--muted);font-size:11px}.chart-foot{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.chart-empty{height:260px;display:grid;place-items:center;color:var(--muted);text-align:center}.donut-wrap{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:22px;height:265px}.donut{width:175px;height:175px;border-radius:50%;display:grid;place-items:center;position:relative}.donut:after{content:"";position:absolute;inset:25px;border-radius:50%;background:var(--panel)}.donut>div{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.donut strong{font-size:34px}.donut span{color:var(--muted);font-size:11px}.legend{display:grid;gap:10px}.legend>div{display:grid;grid-template-columns:10px 1fr auto;gap:9px;align-items:center;text-transform:capitalize}.legend i{width:10px;height:10px;border-radius:50%}.legend span{color:var(--muted)}.bar-chart{display:grid;gap:14px}.chart-row>div:first-child{display:flex;justify-content:space-between;gap:12px}.chart-row small{display:block;color:var(--muted);margin-top:5px}.maintenance-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:18px}.maintenance{min-height:230px}.maintenance h3{margin:0 0 8px}.maintenance p{color:var(--muted);line-height:1.55}.cadence{color:var(--cyan);font-size:11px;font-weight:900;letter-spacing:.1em}.mini-checklist{display:grid;gap:8px;margin-top:14px}.mini-step{display:flex;gap:8px;align-items:flex-start;color:#cad8ea;font-size:12px;line-height:1.4}.checklist{display:grid;gap:10px}.check-row{display:flex;gap:10px;padding:12px;border-radius:12px;background:rgba(255,255,255,.035);color:#cad8ea}.event-feed{display:grid;gap:0;padding:0;overflow:hidden}.event{display:grid;grid-template-columns:155px 1fr auto;gap:15px;padding:15px 18px;border-bottom:1px solid var(--line)}.event:last-child{border-bottom:0}.event time{color:var(--muted);font-size:12px}.event p{margin:0}.event .event-type{color:var(--cyan);font-size:11px}.toast{position:fixed;right:24px;bottom:24px;padding:13px 16px;border-radius:12px;background:#162c46;border:1px solid var(--line);box-shadow:var(--shadow);z-index:10}.hidden{display:none!important}code{background:rgba(255,255,255,.07);padding:2px 5px;border-radius:5px;color:#d9e7fb}
@media(max-width:1250px){.shortcut-grid{grid-template-columns:repeat(3,1fr)}.explain-grid{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr}.chart-panel.wide{grid-column:auto}}
@media(max-width:1050px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;align-items:center;gap:20px}.sidebar nav{display:flex;overflow:auto}.sidebar-note{display:none}.brand{padding:0}.hero-grid,.two-col{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}.domain-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){main{padding:24px 16px 50px}.sidebar{padding:16px;overflow:auto}.topbar,.title-with-stat,.subhead{flex-direction:column;align-items:stretch}.score-wrap{grid-template-columns:1fr}.score-ring{margin:auto}.metrics-grid,.domain-grid,.maintenance-grid,.shortcut-grid,.record-list{grid-template-columns:1fr}.finding{grid-template-columns:1fr}.count{text-align:left}.hero-grid{grid-template-columns:1fr}.event{grid-template-columns:1fr}.actions{width:100%}.button{flex:1;text-align:center}.optimization-card summary{align-items:flex-start}.summary-stats{justify-items:start}.summary-main{flex-direction:column}.step span{grid-template-columns:1fr}.donut-wrap{grid-template-columns:1fr;height:auto;justify-items:center}.chart{min-height:240px}.search,.select{width:100%;min-width:0}}

.version-badge{display:inline-flex;margin-top:7px;padding:3px 7px;border:1px solid rgba(66,212,198,.35);border-radius:999px;color:#42d4c6;background:rgba(66,212,198,.08);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}

/* v3 Action Center + ClickUp */
.button.clickup{background:linear-gradient(135deg,#7b68ee,#5f48ea);border-color:#8d7cf5;color:white}.button.clickup:hover{filter:brightness(1.08)}
.setup-panel{margin-bottom:14px}.setup-panel.connected{border-color:rgba(74,222,128,.28);background:linear-gradient(135deg,rgba(74,222,128,.06),var(--panel))}.setup-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.setup-head h3{font-size:20px;margin:10px 0 5px}.setup-head p{margin:0;color:var(--muted);line-height:1.55}.setup-lock{display:flex;flex-direction:column;min-width:210px;padding:13px 15px;border-radius:13px;background:rgba(255,255,255,.035);border:1px solid var(--line)}.setup-lock small{color:var(--muted);margin-top:4px;line-height:1.4}.simple-setup{display:grid;gap:11px;margin:18px 0 0;padding-left:23px}.simple-setup li{color:#d4dfed;line-height:1.55;padding-left:5px}.simple-setup code{white-space:nowrap}.action-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:14px}.action-legend{display:flex;gap:13px;flex-wrap:wrap;color:var(--muted);font-size:11px}.action-legend span{display:flex;align-items:center;gap:6px}.dot{display:inline-block;width:9px;height:9px;border-radius:50%}.dot.unsent{background:#6e7d92}.dot.working{background:#f5c451}.dot.improved{background:#42d4c6}.dot.verified{background:#4ade80}.action-list{display:grid;gap:14px;margin-top:14px}.action-card{border-left:4px solid #6e7d92}.action-card.working{border-left-color:#f5c451}.action-card.improved{border-left-color:#42d4c6}.action-card.verified{border-left-color:#4ade80}.action-card-head{display:flex;justify-content:space-between;gap:22px;align-items:flex-start}.action-card-head h3{margin:7px 0 5px;font-size:19px}.action-card-head p{margin:0;color:var(--muted);line-height:1.5}.action-status{white-space:nowrap;padding:6px 10px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--line);color:var(--muted)}.action-status.working{color:#f5c451;border-color:rgba(245,196,81,.3);background:rgba(245,196,81,.08)}.action-status.improved{color:#42d4c6;border-color:rgba(66,212,198,.3);background:rgba(66,212,198,.08)}.action-status.verified{color:#4ade80;border-color:rgba(74,222,128,.3);background:rgba(74,222,128,.08)}.action-numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:17px 0}.action-numbers>div{padding:12px;border-radius:12px;background:rgba(255,255,255,.028);border:1px solid rgba(255,255,255,.045)}.action-numbers span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.action-numbers strong{display:block;margin-top:5px;font-size:18px;overflow:hidden;text-overflow:ellipsis}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.task-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.chip.good{color:#4ade80;border-color:rgba(74,222,128,.3);background:rgba(74,222,128,.08)}.chip.warn{color:#f5c451;border-color:rgba(245,196,81,.3);background:rgba(245,196,81,.08)}
@media(max-width:900px){.action-toolbar,.setup-head,.action-card-head{flex-direction:column;align-items:stretch}.action-numbers{grid-template-columns:repeat(2,1fr)}.setup-lock{min-width:0}}
@media(max-width:540px){.action-numbers{grid-template-columns:1fr}.action-buttons .button{width:100%;text-align:center}}

/* v3.1 automatic ClickUp queue */
.dot.queued{background:#7b68ee}.dot.completed{background:#4ade80}
.action-card.completed{border-left-color:#4ade80;opacity:.94}
.action-status.completed{color:#4ade80;border-color:rgba(74,222,128,.3);background:rgba(74,222,128,.08)}
.action-status.queued{color:#a99cff;border-color:rgba(123,104,238,.34);background:rgba(123,104,238,.09)}
.action-tabs{display:flex;gap:8px;margin:16px 0 4px;border-bottom:1px solid var(--line);padding-bottom:10px}
.action-tab{border:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--muted);padding:9px 13px;border-radius:10px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.action-tab:hover,.action-tab.active{background:rgba(66,212,198,.1);border-color:rgba(66,212,198,.38);color:var(--text)}
.action-tab span{display:inline-grid;place-items:center;min-width:22px;height:20px;padding:0 5px;margin-left:5px;border-radius:999px;background:rgba(255,255,255,.06);font-size:10px}
.auto-rule{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:12px 14px;border-radius:12px;border:1px solid rgba(123,104,238,.24);background:rgba(123,104,238,.06);color:#dce4f3;line-height:1.5}
.auto-rule strong{color:#a99cff;white-space:nowrap}.auto-rule small{color:var(--muted)}
.completed-warning{margin-top:12px;padding:10px 12px;border-radius:10px;background:rgba(245,196,81,.07);border:1px solid rgba(245,196,81,.22);color:#f3d888;font-size:12px;line-height:1.5}
.auto-queued-button{cursor:default;opacity:.8;background:rgba(123,104,238,.12);border-color:rgba(123,104,238,.3);color:#c8c0ff}

/* v3.2 The Tonkin Group-inspired theme
   Palette and visual direction: warm ivory, editorial charcoal, TTG burgundy,
   muted brass, and restrained blue-green support colors. */
:root{
  --bg:#f5f1ea;
  --panel:#fffdf9;
  --panel2:#f0e8df;
  --line:#d8cec3;
  --text:#25211f;
  --muted:#6f6862;
  --accent:#981f25;
  --cyan:#49686b;
  --green:#557a63;
  --yellow:#b08a4a;
  --red:#981f25;
  --purple:#715c78;
  --shadow:0 18px 50px rgba(66,47,38,.10);
}
body{
  background:
    radial-gradient(circle at 84% 0%,rgba(152,31,37,.08),transparent 28%),
    linear-gradient(180deg,#faf8f4 0%,#f3eee7 100%);
  color:var(--text);
  font-family:Arial,"Helvetica Neue",sans-serif;
}
.shell{grid-template-columns:268px 1fr}
.sidebar{
  background:linear-gradient(180deg,#3d1115 0%,#57181d 58%,#301014 100%);
  border-right:0;
  box-shadow:12px 0 34px rgba(55,19,22,.12);
}
.brand{padding-bottom:34px;border-bottom:1px solid rgba(255,255,255,.14);margin-bottom:18px}
.brand-mark{
  width:48px;height:48px;border-radius:2px;
  background:#f8f2e9;color:#7f171d;
  font-family:Georgia,"Times New Roman",serif;
  font-size:14px;letter-spacing:.04em;
  box-shadow:0 8px 24px rgba(0,0,0,.18);
}
.brand strong{color:#fffaf3;font-family:Georgia,"Times New Roman",serif;font-size:18px;letter-spacing:.01em}
.brand small{color:#d9c8bd}
.version-badge{border-color:rgba(255,255,255,.25);color:#f3dfcf;background:rgba(255,255,255,.08)}
.nav{color:#d8c9c0;border-left:3px solid transparent;border-radius:0 10px 10px 0;padding-left:16px}
.nav:hover{background:rgba(255,255,255,.08);color:white}
.nav.active{background:#f8f2e9;color:#74151b;border-left-color:#c6a56c;box-shadow:0 8px 22px rgba(0,0,0,.12)}
.sidebar-note{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:white}
.sidebar-note small{color:#d8c9c0}
.pulse-dot{background:#b8cfbd;box-shadow:0 0 0 6px rgba(184,207,189,.12)}
main{padding:40px 48px 76px}
.topbar{padding-bottom:25px;border-bottom:1px solid var(--line)}
.topbar h1,.section-title h2,.score-wrap h2,.top-finding h3,.optimization-card h3,.action-card h3{
  font-family:Georgia,"Times New Roman",serif;
  color:#2d2421;
  letter-spacing:-.015em;
}
.topbar h1{font-size:40px;font-weight:500}
.eyebrow{color:#8b1b21;letter-spacing:.16em}
.subtitle{color:#675f59}
.account-badge{color:#7a262b;border-color:#cdb9ab;background:#f3e8de}
.button{background:#fffaf4;color:#3a302c;border-color:#cfc0b5;border-radius:4px;box-shadow:none}
.button:hover{border-color:#981f25;color:#7d171d}
.button.primary{background:#981f25;color:#fff;border:1px solid #981f25;border-radius:4px}
.button.primary:hover{background:#79171c;color:#fff}
.button.ghost{background:transparent}
.button.clickup{background:#4e3f58;border-color:#4e3f58;color:#fff}
.banner{border-color:#d7bf93;background:#fbf3e1}
.banner span{color:#665840}.banner a{color:#7d171d}
.panel,.optimization-card,.metric,.domain,.finding,.completion-card{
  background:#fffdf9;
  border-color:#ded3c9;
  box-shadow:var(--shadow);
}
.panel{border-radius:8px}
.panel-head{color:#776c65;border-bottom:1px solid #eee5dd;padding-bottom:12px}
.score-ring{background:conic-gradient(#981f25 calc(var(--score)*1%),#eee5dd 0)}
.score-ring:before{background:#fffdf9}
.score-wrap p,.roadmap li,.simple-setup li{color:#574e49}
.chip{background:#f6efe8;color:#66534e;border-color:#dacbc0}
.chip.danger{color:#8b1b21;border-color:#d9afb1;background:#f8e8e9}
.top-finding .fix,.explain,.step,.priority,.shortcut,.check-row,.action-numbers>div,.action-tab{
  background:#f8f3ed;
  border-color:#e7dbd0;
  color:#403733;
}
.metric span,.metric small,.shortcut small,.priority p,.summary-main p,.explain p,.finding p,.maintenance p,.action-card-head p{color:#756b65}
.metric strong,.summary-stats strong,.count,.domain .value{color:#322925}
.shortcut{border-radius:4px}
.shortcut:hover{border-color:#981f25;background:#f5e9e7;transform:translateY(-2px)}
.shortcut-icon,.text-link,.explain span,.step b,.cadence,.event .event-type,.completion-card strong,.summary-stats span{color:#8b1b21}
.bar{background:#eee5dd}.bar i{background:linear-gradient(90deg,#981f25,#c8a768)}
.priority .rank{background:#f1e1df;color:#86191f;border-radius:2px}
.impact{background:#f2dfdf;color:#87191f}
.search,.select{background:#fffdf9;color:#322925;border-color:#d7cbc1;border-radius:4px}
.search:focus,.select:focus{outline:2px solid rgba(152,31,37,.18);border-color:#981f25}
.optimization-card{border-radius:7px}.optimization-card[open]{border-color:#a76467}
.optimization-body{border-top-color:#ded3c9}
.step input,.mini-step input,.check-row input{accent-color:#981f25}
.line-chart .grid-line{stroke:rgba(54,42,36,.12)}
.line-chart polyline{stroke:#981f25}.line-chart circle{fill:#c7a665;stroke:#fffdf9}
.chart-label{fill:#70655f}.donut:after{background:#fffdf9}
.severity.critical{color:#981f25}.severity.high{color:#b04e2f}.severity.medium{color:#9a7438}.severity.low,.severity.info{color:#49686b}
.toast{background:#3e1115;color:#fff;border-color:#5f252a}
code{background:#eee4da;color:#6f1a1f}
.setup-panel.connected{border-color:#b8cabd;background:linear-gradient(135deg,#f3f7f3,#fffdf9)}
.setup-lock{background:#f7f1eb;border-color:#e2d6cb}
.action-status.working,.chip.warn{color:#8c672d;border-color:#d8c08e;background:#fbf2df}
.action-status.improved{color:#416367;border-color:#acc2c3;background:#edf4f4}
.action-status.verified,.action-status.completed,.chip.good{color:#456650;border-color:#b5cab9;background:#eef5ef}
.action-status.queued{color:#684e70;border-color:#c8b9cd;background:#f3edf5}
.action-tab:hover,.action-tab.active{background:#f0dfdd;border-color:#bb777b;color:#74151b}
.auto-rule{border-color:#d3c3d6;background:#f5f0f6;color:#4d424f}.auto-rule strong{color:#684e70}
.completed-warning{background:#fbf2df;border-color:#dcc692;color:#72572b}
.auto-queued-button{background:#f0e9f2;border-color:#c9baca;color:#644e6a}
.action-card{border-left-color:#aa9c93}.action-card.working{border-left-color:#b08a4a}.action-card.improved{border-left-color:#49686b}.action-card.verified,.action-card.completed{border-left-color:#557a63}
.dot.queued{background:#715c78}.dot.working{background:#b08a4a}.dot.improved{background:#49686b}.dot.completed,.dot.verified{background:#557a63}
.event{border-color:#e4d9cf}
.ttg-brandline{display:none}
@media(max-width:1050px){
  .sidebar{background:#481318}
  .sidebar nav{padding-bottom:2px}
  .nav{border-left:0;border-bottom:3px solid transparent;border-radius:8px}
  .nav.active{border-bottom-color:#c6a56c}
}

/* v3.3 TTG website-aligned light theme and ClickUp diagnostics */
:root{
  --bg:#f8f7f4;
  --panel:#ffffff;
  --panel2:#f3f0ec;
  --line:#e1ddd8;
  --text:#242424;
  --muted:#6d6a67;
  --accent:#9f1d24;
  --cyan:#9f1d24;
  --green:#46705a;
  --yellow:#b08a4a;
  --red:#9f1d24;
  --purple:#67516e;
  --shadow:0 14px 34px rgba(31,25,22,.08);
}
html,body{background:#f8f7f4!important;color:var(--text);font-family:"Open Sans",Arial,sans-serif!important}
body{background-image:linear-gradient(180deg,#fff 0,#f8f7f4 260px)!important}
.shell{grid-template-columns:260px 1fr}
.sidebar{background:#fff!important;border-right:1px solid #e8e3de!important;box-shadow:none!important;padding:24px 18px}
.brand{border-bottom:1px solid #ece6e0!important;margin-bottom:18px;padding:0 8px 24px!important}
.brand-mark{width:58px!important;height:58px!important;background:#fff!important;border:1px solid #e4ddd7!important;border-radius:0!important;padding:7px;box-shadow:none!important;overflow:hidden}
.brand-mark img{width:100%;height:100%;object-fit:contain;display:block}
.brand strong{font-family:"Open Sans",Arial,sans-serif!important;color:#252525!important;font-size:19px!important;font-weight:800!important}
.brand small{color:#77716c!important}
.version-badge{display:inline-flex;width:max-content;margin-top:5px;padding:3px 7px;border-radius:999px;background:#f4e7e8!important;border:1px solid #e3bfc2!important;color:#8c171e!important;font-size:9px;font-weight:800}
.nav{color:#4c4946!important;border-left:3px solid transparent!important;border-radius:0!important;padding:12px 14px!important;font-weight:700}
.nav:hover{background:#f6f2ee!important;color:#81171d!important}
.nav.active{background:#f5e9e9!important;color:#8d171e!important;border-left-color:#9f1d24!important;box-shadow:none!important}
.sidebar-note{background:#f7f4f1!important;border-color:#e6dfd9!important;color:#2d2b29!important}
.sidebar-note small{color:#716b66!important}
main{padding:38px 46px 72px!important}
.topbar{background:#fff;margin:-38px -46px 30px!important;padding:34px 46px 30px!important;border-bottom:4px solid #9f1d24!important;box-shadow:0 8px 24px rgba(31,25,22,.05)}
.topbar h1,.section-title h2,.score-wrap h2,.top-finding h3,.optimization-card h3,.action-card h3{font-family:"Open Sans",Arial,sans-serif!important;color:#242424!important;letter-spacing:-.025em;font-weight:800!important}
.topbar h1{font-size:38px!important}
.eyebrow{color:#9f1d24!important;letter-spacing:.12em!important}
.subtitle{color:#66615d!important}
.account-badge{background:#f7f1ed!important;border-color:#dfd4ca!important;color:#75171c!important}
.button{background:#fff!important;color:#2d2b29!important;border:1px solid #cfc7c0!important;border-radius:2px!important;box-shadow:none!important}
.button:hover{border-color:#9f1d24!important;color:#89181f!important}
.button.primary{background:#9f1d24!important;color:#fff!important;border-color:#9f1d24!important}
.button.primary:hover{background:#7f161c!important;color:#fff!important}
.button.clickup{background:#5b4763!important;color:#fff!important;border-color:#5b4763!important}
.panel,.optimization-card,.metric,.domain,.finding,.completion-card{background:#fff!important;border:1px solid #e2ddd8!important;box-shadow:var(--shadow)!important}
.panel,.optimization-card{border-radius:3px!important}
.panel-head{color:#6a6561!important;border-bottom:1px solid #eee9e5;padding-bottom:12px}
.hero-grid{gap:20px}
.score-ring{background:conic-gradient(#9f1d24 calc(var(--score)*1%),#eee9e5 0)!important}
.score-ring:before{background:#fff!important}
.metric,.domain{border-radius:3px!important}
.metric.warn,.metric.danger{border-top:3px solid #9f1d24!important}
.metric.good{border-top:3px solid #46705a!important}
.shortcut{background:#fff!important;border:1px solid #e4ded8!important;border-radius:2px!important}
.shortcut:hover{background:#faf4f4!important;border-color:#9f1d24!important}
.shortcut-icon,.text-link,.explain span,.step b,.cadence,.event .event-type,.completion-card strong,.summary-stats span{color:#9f1d24!important}
.bar{background:#ece7e2!important}.bar i{background:#9f1d24!important}
.priority .rank{background:#f4e5e6!important;color:#8f171e!important;border-radius:1px!important}
.search,.select{background:#fff!important;color:#2a2826!important;border-color:#d8d0ca!important;border-radius:2px!important}
.explain,.step,.priority,.check-row,.action-numbers>div,.action-tab,.top-finding .fix{background:#faf8f6!important;border-color:#e9e3de!important;color:#383431!important}
.action-tab:hover,.action-tab.active{background:#f4e5e6!important;border-color:#c7898d!important;color:#81171d!important}
.setup-panel.connected{background:#f7faf7!important;border-color:#bfd0c4!important}
.diagnostics-panel{margin-top:16px!important}
.diagnostic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.diagnostic-item{padding:13px 14px;border:1px solid #e7e0da;background:#faf8f6;border-radius:2px}
.diagnostic-item span{display:block;color:#746e69;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.diagnostic-item strong{display:block;margin-top:5px;font-size:15px;color:#2b2927;overflow-wrap:anywhere}
.diagnostic-item.good{border-top:3px solid #46705a}.diagnostic-item.bad{border-top:3px solid #9f1d24}.diagnostic-item.neutral{border-top:3px solid #b08a4a}
.diagnostic-errors{grid-column:1/-1;padding:13px 15px;background:#faeeee;border:1px solid #e6bec1;color:#7f171d}
.diagnostic-errors p{margin:6px 0 0;line-height:1.45}
.toast{background:#3c1115!important;color:#fff!important;border-color:#5a1e22!important}
@media(max-width:1050px){.sidebar{background:#fff!important}.topbar{margin:-26px -22px 24px!important;padding:26px 22px 22px!important}.diagnostic-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.diagnostic-grid{grid-template-columns:1fr}.topbar h1{font-size:30px!important}}

/* v4 Autofix Center */
.section-title.mini{margin-top:28px;margin-bottom:14px}
.section-title.mini h2{font-size:24px}
.remediation-grid,.remediation-list{display:grid;gap:16px}
.remediation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.remediation-rule{padding:20px}
.remediation-rule-body,.proposal-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:start}
.remediation-rule-body p,.proposal-summary p,.audit-card p{color:var(--muted);line-height:1.55;margin:8px 0}
.remediation-rule-body small{display:block;color:#716b66;line-height:1.45}
.rule-control{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:220px}
.rule-control label{display:grid;gap:6px;color:#6d6762;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.rule-control .select{min-width:210px}
.remediation-warning{margin-top:16px;padding:12px 14px;background:#fff2df;border:1px solid #e7cda8;color:#76501f;font-size:13px}
.manual-rule{border-left:4px solid #b08a4a!important}
.remediation-proposal,.audit-card{padding:20px}
.remediation-proposal details,.audit-card details{margin-top:14px;padding:12px 14px;background:#faf8f6;border:1px solid #e9e3de}
.remediation-proposal summary,.audit-card summary{cursor:pointer;font-weight:800;color:#7d181e}
.audit-changes{display:grid;gap:8px;margin-top:12px}
.audit-changes>div{display:flex;justify-content:space-between;gap:16px;padding:9px 10px;background:#fff;border:1px solid #eee7e1;font-size:12px}
.audit-changes span{color:#6d6762;text-align:right;overflow-wrap:anywhere}
.audit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.audit-grid>div{padding:12px;background:#faf8f6;border:1px solid #e9e3de}
.audit-grid span{display:block;color:#766f69;font-size:10px;text-transform:uppercase;letter-spacing:.07em}
.audit-grid strong{display:block;margin-top:5px;overflow-wrap:anywhere}
@media(max-width:1050px){.remediation-grid{grid-template-columns:1fr}.remediation-rule-body,.proposal-summary{grid-template-columns:1fr}.rule-control{min-width:0}.audit-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.audit-grid{grid-template-columns:1fr}.audit-changes>div{display:grid}.audit-changes span{text-align:left}}

/* v5 Pipeline Hygiene Center */
.pipeline-score-card strong{font-size:40px!important}
.pipeline-banner{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:16px;padding:18px 20px}
.pipeline-banner>div:first-child{display:flex;flex-direction:column;gap:4px}.pipeline-banner span{color:var(--muted)}
.pipeline-metrics{margin-top:18px}
.pipeline-two-col{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;margin-top:20px}
.pipeline-summary-panel{padding:20px}
.exposure-score{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;padding:10px 0 18px}
.exposure-score h3{font-size:24px;margin:0 0 8px;color:#242424}.exposure-score p{margin:6px 0;color:var(--muted);line-height:1.45}
.pipeline-gauge{--pipeline-score:0;width:112px;height:112px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(#9f1d24 calc(var(--pipeline-score)*1%),#ece7e2 0)}
.pipeline-gauge:before{content:"";position:absolute;inset:10px;border-radius:50%;background:#fff}
.pipeline-gauge strong,.pipeline-gauge span{position:relative;z-index:1}.pipeline-gauge strong{font-size:32px;color:#242424}.pipeline-gauge span{font-size:12px;color:var(--muted);margin-left:-25px;margin-top:42px}
.pipeline-rule-chips{display:flex;flex-wrap:wrap;gap:8px;padding-top:14px;border-top:1px solid #eee8e3}
.pipeline-rule-chips span{padding:8px 10px;background:#faf8f6;border:1px solid #e8e1db;font-size:12px;color:#5f5a56}.pipeline-rule-chips b{color:#8d171e}
.coverage-list{display:grid;gap:10px}.coverage-row{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start;padding:11px 12px;border:1px solid #e7e0da;background:#faf8f6}
.coverage-row>span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;font-weight:800}.coverage-row.available>span{background:#eaf3ec;color:#46705a}.coverage-row.limited>span{background:#fff1df;color:#95641f}
.coverage-row strong,.coverage-row small{display:block}.coverage-row small{margin-top:4px;color:var(--muted);line-height:1.35}
.table-panel{padding:0;overflow:hidden}.pipeline-table-wrap{overflow:auto}.pipeline-table{width:100%;border-collapse:collapse;min-width:780px}
.pipeline-table th{padding:12px 14px;background:#f7f3ef;color:#6d6762;text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #dfd8d2;white-space:nowrap}
.pipeline-table td{padding:13px 14px;border-bottom:1px solid #eee8e3;color:#423e3a;font-size:13px}.pipeline-table tbody tr:hover{background:#fcf8f8}.pipeline-table tbody tr:last-child td{border-bottom:0}
.risk-rate{display:inline-flex;min-width:52px;justify-content:center;padding:4px 7px;border:1px solid #ded6cf;background:#faf8f6;font-weight:800}.risk-rate.high{color:#8b171e;background:#faeeee;border-color:#e6bec1}.risk-rate.medium{color:#8a632c;background:#fbf2df;border-color:#dcc692}.risk-rate.low{color:#44654f;background:#eef5ef;border-color:#b5cab9}
.pipeline-risk-list{display:grid;gap:14px}.pipeline-risk-card{padding:20px;border-left:4px solid #9f1d24!important}
.pipeline-risk-head{display:flex;justify-content:space-between;gap:18px;align-items:start}.pipeline-risk-head h3{font-size:21px;margin:7px 0 4px}.pipeline-risk-head p{margin:0;color:var(--muted)}.pipeline-risk-head>strong{font-size:22px;color:#242424;white-space:nowrap}
.risk-score{display:inline-flex;padding:5px 8px;border:1px solid #dcc692;background:#fbf2df;color:#7f5b27;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.risk-score.high,.risk-score.critical{background:#faeeee;border-color:#e6bec1;color:#86171d}
.pipeline-deal-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0}.pipeline-deal-facts span{padding:10px;background:#faf8f6;border:1px solid #e9e3de;color:#726b66;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.pipeline-deal-facts b{display:block;margin-top:5px;color:#332f2c;font-size:12px;text-transform:none;letter-spacing:0;overflow-wrap:anywhere}
.pipeline-risk-flags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.risk-chip{border:1px solid #dcc692;background:#fbf2df;color:#765522;padding:6px 9px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.risk-chip.high,.risk-chip.critical{border-color:#e6bec1;background:#faeeee;color:#86171d}.risk-chip.medium{border-color:#d8c08e;background:#fbf2df;color:#7b5927}.risk-chip:hover{filter:brightness(.97);transform:translateY(-1px)}
.pipeline-empty{padding:26px;text-align:center;color:var(--muted)}.critical-dot{background:#9f1d24}
@media(max-width:1050px){.pipeline-two-col{grid-template-columns:1fr}.pipeline-deal-facts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.pipeline-banner,.pipeline-risk-head{display:grid}.exposure-score{grid-template-columns:1fr}.pipeline-gauge{margin:auto}.pipeline-deal-facts{grid-template-columns:1fr}.pipeline-risk-head>strong{white-space:normal}}

.chip.reporting-only{color:#49686b;border-color:rgba(73,104,107,.35);background:rgba(73,104,107,.10);font-weight:800}.setup-links .reporting-only{white-space:nowrap}

/* v6 Agentic Remediation Center */
.agent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.agent-card{padding:20px;position:relative;overflow:hidden}
.agent-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#9f1d24}
.agent-card-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.agent-card-head h3{margin:7px 0 6px;font-size:20px}.agent-card-head p{margin:0;color:var(--muted);line-height:1.5}
.agent-mode{min-width:150px}.agent-mode label{display:grid;gap:6px;color:#6d6762;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.agent-safeguards{display:grid;gap:7px;margin:16px 0 0;padding:0;list-style:none}
.agent-safeguards li{padding:9px 11px;background:#faf8f6;border:1px solid #e9e3de;color:#5f5954;font-size:12px;line-height:1.4}
.agent-safeguards li:before{content:"✓";color:#46705a;font-weight:900;margin-right:8px}
.agent-scope-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.agent-scope-row code{font-size:10px;padding:5px 7px;background:#f2eeea;border:1px solid #e2dbd5;color:#5f5954}
.agent-proposal{border-left:4px solid #b08a4a!important}.agent-proposal.auto-ready{border-left-color:#46705a!important}.agent-proposal.needs-review{border-left-color:#9f1d24!important}
.agent-evidence{display:grid;gap:8px;margin-top:12px}.agent-evidence>div{padding:10px 12px;background:#fff;border:1px solid #e9e3de}.agent-evidence strong,.agent-evidence span{display:block}.agent-evidence span{margin-top:4px;color:#6e6762;font-size:12px;line-height:1.4}.agent-evidence a{display:inline-block;margin-top:5px;color:#8f171e;font-size:11px;overflow-wrap:anywhere}
.confidence-meter{display:flex;align-items:center;gap:10px;margin-top:12px}.confidence-meter .bar{flex:1}.confidence-meter strong{min-width:46px;text-align:right;color:#7d181e}
.agent-action-line{display:flex;justify-content:space-between;gap:16px;padding:12px;background:#faf8f6;border:1px solid #e9e3de;margin-top:12px}.agent-action-line span{color:#6e6762;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.agent-action-line strong{display:block;margin-top:5px;color:#2f2b28;overflow-wrap:anywhere}
.agent-run-result{padding:12px 14px;background:#f7f3ef;border:1px solid #e3dcd6;margin-top:10px;font-size:12px;color:#5f5954}
@media(max-width:1050px){.agent-grid{grid-template-columns:1fr}.agent-card-head{display:grid}.agent-mode{min-width:0}}
@media(max-width:640px){.agent-action-line{display:grid}}


/* v6.1 Responsive Experience: phone, tablet, iPad, and desktop */
html{overflow-x:hidden;-webkit-text-size-adjust:100%}
body{min-width:320px;overflow-x:hidden}
img,svg,canvas{max-width:100%}
button,a,input,select,summary{touch-action:manipulation}
.skip-link{position:fixed;left:12px;top:12px;z-index:1000;transform:translateY(-160%);padding:10px 14px;background:#fff;color:#7f161c;border:2px solid #9f1d24;text-decoration:none;font-weight:800}
.skip-link:focus{transform:translateY(0)}
.mobile-appbar,.nav-overlay{display:none}
.panel,.metric,.domain,.optimization-card,.action-card,.pipeline-risk-card,.agent-card{min-width:0}
.panel-head>*{min-width:0}
.pipeline-table-wrap,.table-panel{max-width:100%;-webkit-overflow-scrolling:touch}
.pipeline-table-wrap{scrollbar-gutter:stable}
.record-link,.agent-evidence a,.task-meta span,.subtitle,.top-finding p,.action-card p{overflow-wrap:anywhere}

@media (hover:none) and (pointer:coarse){
  .button,.nav,.filter,.action-tab,.text-link,summary{min-height:44px}
  .select,.search{min-height:44px}
  .button:hover,.shortcut:hover,.risk-chip:hover{transform:none}
}

/* iPad landscape and smaller laptops retain a compact, useful sidebar. */
@media (min-width:901px) and (max-width:1180px){
  .shell{grid-template-columns:220px minmax(0,1fr)!important}
  .sidebar{position:sticky!important;top:0!important;width:auto!important;height:100dvh!important;transform:none!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;overflow-y:auto!important;padding:20px 14px!important}
  .sidebar nav{display:grid!important;overflow:visible!important;padding:0!important}
  .sidebar-note{display:flex!important}
  .brand{padding:0 6px 20px!important;margin-bottom:14px!important}
  .brand-mark{width:48px!important;height:48px!important}
  .nav{padding:11px 12px!important}
  main{padding:28px 28px 64px!important}
  .topbar{margin:-28px -28px 26px!important;padding:28px!important}
  .topbar h1{font-size:34px!important}
  .metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .domain-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .shortcut-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .hero-grid,.two-col{grid-template-columns:1fr!important}
  .action-toolbar{align-items:flex-start}
}

/* Drawer navigation for iPad portrait and phones. */
@media (max-width:900px){
  .shell{display:block!important;min-height:100dvh}
  .mobile-appbar{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;height:58px;margin:0 -22px;padding:calc(8px + env(safe-area-inset-top)) 18px 8px;background:rgba(255,255,255,.97);border-bottom:1px solid #e7e0da;box-shadow:0 5px 18px rgba(31,25,22,.08);backdrop-filter:blur(14px)}
  .mobile-appbar>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:#2b2927;font-size:14px}
  .mobile-menu-button{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:7px 8px;border:0;background:transparent;color:#7f161c;font:inherit;font-weight:800;cursor:pointer}
  .menu-icon{display:grid;gap:4px;width:20px}.menu-icon i{display:block;height:2px;background:currentColor;border-radius:2px}
  .mobile-status{display:inline-flex;align-items:center;gap:6px;color:#46705a;font-size:11px;font-weight:800}.mobile-status i{width:8px;height:8px;border-radius:50%;background:#46705a;box-shadow:0 0 0 4px rgba(70,112,90,.12)}
  .sidebar{position:fixed!important;inset:0 auto 0 0!important;z-index:50!important;width:min(86vw,320px)!important;height:100dvh!important;transform:translateX(-104%);transition:transform .24s ease;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;overflow-y:auto!important;overscroll-behavior:contain;padding:calc(20px + env(safe-area-inset-top)) 18px calc(20px + env(safe-area-inset-bottom))!important;background:#fff!important;box-shadow:18px 0 45px rgba(31,25,22,.2)!important}
  .sidebar nav{display:grid!important;overflow:visible!important;padding:0!important;gap:5px!important}
  .sidebar-note{display:flex!important;margin-top:20px!important}
  .brand{padding:0 6px 20px!important;margin-bottom:14px!important}
  .nav{width:100%;min-height:46px;padding:12px 14px!important}
  .nav-overlay{position:fixed;inset:0;z-index:45;border:0;background:rgba(24,17,15,.48);backdrop-filter:blur(2px);cursor:pointer}
  body.nav-open{overflow:hidden}
  body.nav-open .sidebar{transform:translateX(0)}
  body.nav-open .nav-overlay{display:block}
  main{padding:0 22px 56px!important}
  .topbar{margin:0 -22px 26px!important;padding:26px 22px 24px!important;border-bottom-width:3px!important}
  .topbar h1{font-size:clamp(30px,5vw,36px)!important}
  .topbar,.title-with-stat,.setup-head,.action-toolbar,.action-card-head{flex-direction:column!important;align-items:stretch!important}
  .topbar .actions{width:100%}
  .topbar .actions .button{flex:1;text-align:center}
  .hero-grid,.two-col,.pipeline-two-col,.agent-grid,.remediation-grid{grid-template-columns:1fr!important}
  .metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .domain-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .shortcut-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .diagnostic-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .completion-card{align-self:flex-start}
  .inline-actions{width:100%}.inline-actions .button{flex:1;text-align:center}
  .action-legend{width:100%}
  .pipeline-table{min-width:720px}
  .event{grid-template-columns:120px minmax(0,1fr)!important}
  .event .event-type{grid-column:2}
}

@media (max-width:640px){
  main{padding:0 14px 44px!important}
  .mobile-appbar{margin:0 -14px;padding-left:10px;padding-right:12px}
  .mobile-appbar>strong{font-size:13px}
  .mobile-status{font-size:0}.mobile-status i{width:9px;height:9px}
  .topbar{margin:0 -14px 22px!important;padding:22px 14px 20px!important}
  .topbar h1{font-size:28px!important;line-height:1.12}
  .eyebrow{font-size:10px!important;line-height:1.4}
  .subtitle{font-size:14px;line-height:1.55}
  .panel{padding:16px!important}
  .panel.compact{padding:12px!important}
  .panel-head{flex-wrap:wrap;gap:8px;align-items:flex-start}
  .metrics-grid,.domain-grid,.shortcut-grid,.diagnostic-grid,.maintenance-grid,.record-list,.audit-grid{grid-template-columns:1fr!important}
  .score-wrap{grid-template-columns:1fr!important;gap:16px!important}.score-ring{width:130px;height:130px;margin:auto}.score-ring strong{font-size:42px}
  .title-with-stat{gap:12px}.completion-card{width:100%;min-width:0}
  .actions,.inline-actions,.finding-actions,.action-buttons{display:grid!important;grid-template-columns:1fr;width:100%}
  .actions .button,.inline-actions .button,.finding-actions .button,.action-buttons .button{width:100%;text-align:center}
  .button{min-height:44px;padding:11px 13px}
  .search,.select{width:100%!important;min-width:0!important;font-size:16px}
  .toolbar{align-items:stretch!important}
  .filter-row,.action-tabs{display:flex;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:4px;scrollbar-width:thin;white-space:nowrap}
  .filter,.action-tab{flex:0 0 auto}
  .optimization-card summary{display:grid!important;gap:12px!important;padding:15px!important}.summary-main{min-width:0}.summary-stats{justify-items:start!important;min-width:0!important}
  .optimization-body{padding:15px!important}.explain-grid{grid-template-columns:1fr!important}
  .priority{grid-template-columns:auto minmax(0,1fr)!important}.priority .impact{grid-column:2;justify-self:start}.priority .text-link{grid-column:2}
  .pipeline-banner,.pipeline-risk-head,.agent-card-head,.proposal-summary,.remediation-rule-body{display:grid!important;grid-template-columns:1fr!important}
  .pipeline-deal-facts,.action-numbers{grid-template-columns:1fr!important}
  .pipeline-table-wrap{margin:0 -16px;padding:0 16px}
  .pipeline-table{min-width:660px}
  .agent-action-line,.audit-changes>div{display:grid!important}
  .agent-mode,.rule-control{min-width:0!important;width:100%}.agent-mode .button,.rule-control .button{width:100%}
  .event{grid-template-columns:1fr!important;gap:6px!important;padding:14px!important}.event .event-type{grid-column:auto}
  .toast{left:14px!important;right:14px!important;bottom:calc(14px + env(safe-area-inset-bottom))!important;text-align:center}
  .banner{display:grid!important}.banner a{justify-self:start}
}

@media (max-width:380px){
  .mobile-menu-button span:last-child{display:none}
  .topbar h1{font-size:26px!important}
  .panel{padding:14px!important}
  .metric strong{font-size:24px}
}

@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* v6.2 TTG Branded Experience
   Uses the supplied TTG logo lockup, Libre Franklin, warm beige surfaces,
   TTG burgundy accents, and responsive logo treatment across devices. */
:root{
  --ttg-ink:#2C1A1A;
  --ttg-burgundy:#9F1D24;
  --ttg-burgundy-deep:#7F161C;
  --ttg-beige:#F1E9DD;
  --ttg-beige-soft:#F8F4EE;
  --ttg-taupe:#C9B8A4;
  --ttg-white:#FFFFFF;
}
.ttg-svc,.ttg-svc *{font-family:"Libre Franklin",Arial,sans-serif;box-sizing:border-box}
html,body{background:#f8f7f4!important;color:var(--ttg-ink)!important}
body{background-image:linear-gradient(180deg,#fff 0,#f8f7f4 240px)!important}
.shell{grid-template-columns:292px minmax(0,1fr)!important}
.sidebar{background:var(--ttg-white)!important;border-right:1px solid #e5ddd5!important;padding:22px 18px!important}
.brand{display:grid!important;gap:8px!important;align-items:start!important;padding:0 6px 22px!important;margin-bottom:18px!important;border-bottom:1px solid #ece5de!important}
.brand-lockup{display:block;width:228px;max-width:100%;height:auto;object-fit:contain}
.brand-product-row{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-top:2px}
.brand-product-row strong{color:var(--ttg-ink)!important;font-size:13px!important;font-weight:800!important;letter-spacing:.01em}
.brand>small{color:#766b65!important;font-size:11px!important;font-weight:600!important}
.version-badge{margin-top:0!important;flex:0 0 auto;background:#f6e9ea!important;border-color:#e7c2c5!important;color:#87171e!important}
.nav{color:#514845!important;font-weight:700!important;border-left:3px solid transparent!important;border-radius:0 7px 7px 0!important}
.nav:hover{background:var(--ttg-beige-soft)!important;color:var(--ttg-burgundy)!important}
.nav.active{background:var(--ttg-beige)!important;color:var(--ttg-burgundy-deep)!important;border-left-color:var(--ttg-burgundy)!important}
.sidebar-note{background:var(--ttg-beige-soft)!important;border-color:#e5dad0!important}
main{background:transparent!important}
.topbar{background:var(--ttg-white)!important;border-bottom:4px solid var(--ttg-burgundy)!important}
.topbar:before{content:"";display:block;position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--ttg-burgundy) 0 58%,var(--ttg-taupe) 58% 76%,#d8c9bb 76%)}
.topbar{position:relative}
.topbar h1,.section-title h2,.score-wrap h2,.top-finding h3,.optimization-card h3,.action-card h3{font-family:"Libre Franklin",Arial,sans-serif!important;color:var(--ttg-ink)!important}
.eyebrow{color:var(--ttg-burgundy)!important}
.subtitle{color:#665b56!important}
.panel,.optimization-card,.metric,.domain,.finding,.completion-card{background:var(--ttg-white)!important;border-color:#e5ddd5!important}
.panel,.optimization-card{border-radius:8px!important}
.metric,.domain{border-radius:7px!important}
.button{border-radius:6px!important;font-weight:800!important}
.button.primary{background:var(--ttg-burgundy)!important;border-color:var(--ttg-burgundy)!important;color:#fff!important}
.button.primary:hover{background:var(--ttg-burgundy-deep)!important}
.account-badge,.chip{background:var(--ttg-beige-soft)!important;border-color:#dfd3c8!important;color:#6f1a20!important}
.bar i{background:var(--ttg-burgundy)!important}
.mobile-app-title{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0}
.mobile-app-title img{width:30px;height:30px;object-fit:contain;flex:0 0 auto}
.mobile-app-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ttg-ink);font-size:14px}

@media (min-width:901px) and (max-width:1180px){
  .shell{grid-template-columns:232px minmax(0,1fr)!important}
  .brand-lockup{width:190px}
  .brand-product-row strong{font-size:12px!important}
}
@media (max-width:900px){
  .sidebar{width:min(88vw,340px)!important}
  .brand-lockup{width:240px}
  .mobile-appbar{background:rgba(255,255,255,.98)!important;border-bottom-color:#e5ddd5!important}
  .mobile-appbar>strong{display:none}
}
@media (max-width:640px){
  .brand-lockup{width:220px}
  .mobile-app-title img{width:28px;height:28px}
  .mobile-app-title strong{font-size:13px}
}
@media (max-width:380px){
  .mobile-app-title strong{max-width:112px}
}

/* Version 2026 TTG inverted brand header
   Visual-only update: the revenue systems control room header now uses the
   Tonkin Group burgundy as its field color with an inverted ivory type system.
   Application logic, integrations, automation, and the public version remain unchanged. */
.topbar{
  background:linear-gradient(135deg,var(--ttg-burgundy-deep) 0%,var(--ttg-burgundy) 64%,#ad2930 100%)!important;
  border:1px solid var(--ttg-burgundy-deep)!important;
  border-bottom:4px solid var(--ttg-taupe)!important;
  border-radius:10px!important;
  padding:28px 30px 26px!important;
  box-shadow:0 16px 38px rgba(127,22,28,.18)!important;
  overflow:hidden;
}
.topbar:before{
  height:5px!important;
  background:linear-gradient(90deg,var(--ttg-white) 0 57%,var(--ttg-beige) 57% 76%,var(--ttg-taupe) 76% 100%)!important;
}
.topbar .eyebrow{
  color:#f8dfe1!important;
}
.topbar h1{
  color:var(--ttg-white)!important;
}
.topbar .subtitle{
  color:#f7ece8!important;
}
.topbar .account-badge{
  background:var(--ttg-white)!important;
  border-color:var(--ttg-white)!important;
  color:var(--ttg-burgundy-deep)!important;
  box-shadow:0 4px 16px rgba(44,26,26,.12)!important;
}
.topbar .button.ghost{
  background:transparent!important;
  border-color:rgba(255,255,255,.8)!important;
  color:var(--ttg-white)!important;
}
.topbar .button.ghost:hover{
  background:var(--ttg-white)!important;
  border-color:var(--ttg-white)!important;
  color:var(--ttg-burgundy-deep)!important;
}
.topbar .button.primary{
  background:var(--ttg-white)!important;
  border:1px solid var(--ttg-white)!important;
  color:var(--ttg-burgundy-deep)!important;
  box-shadow:0 8px 22px rgba(44,26,26,.16)!important;
}
.topbar .button.primary:hover{
  background:var(--ttg-beige)!important;
  border-color:var(--ttg-beige)!important;
  color:var(--ttg-burgundy-deep)!important;
}
@media (max-width:900px){
  .topbar{padding:24px 22px!important}
}
@media (max-width:640px){
  .topbar{padding:22px 18px 20px!important;border-radius:8px!important}
  .topbar .actions{gap:8px}
}


/* Version 2026 website-inspired sidebar and Pipeline Hygiene gauge polish
   Visual-only update. The left navigation now follows The Tonkin Group's
   dark charcoal-brown and warm taupe website palette. The Pipeline Hygiene
   score is displayed as one centered 50/100 unit. Integrations and automation
   behavior remain unchanged. */
:root{
  --ttg-web-charcoal:#2B2622;
  --ttg-web-charcoal-soft:#37302B;
  --ttg-web-taupe:#C8B99A;
  --ttg-web-ivory:#F8F4EE;
}
.sidebar{
  background:linear-gradient(180deg,var(--ttg-web-charcoal) 0%,#241f1c 100%)!important;
  border-right:1px solid rgba(200,185,154,.55)!important;
  box-shadow:12px 0 30px rgba(43,38,34,.08)!important;
  color:var(--ttg-web-ivory)!important;
}
.sidebar .brand{
  border-bottom-color:rgba(255,255,255,.13)!important;
}
.sidebar .brand-lockup{
  background:#fff!important;
  border-radius:6px!important;
  padding:10px 12px!important;
  box-shadow:0 8px 22px rgba(0,0,0,.16)!important;
}
.sidebar .brand-product-row strong{
  color:#fff!important;
}
.sidebar .brand>small{
  color:#d7cdbd!important;
}
.sidebar .version-badge{
  background:var(--ttg-web-taupe)!important;
  border-color:var(--ttg-web-taupe)!important;
  color:var(--ttg-web-charcoal)!important;
}
.sidebar .nav{
  color:#f3eee8!important;
  border-left-color:transparent!important;
}
.sidebar .nav:hover{
  background:rgba(200,185,154,.14)!important;
  color:#fff!important;
}
.sidebar .nav.active{
  background:var(--ttg-web-taupe)!important;
  color:var(--ttg-web-charcoal)!important;
  border-left-color:var(--ttg-burgundy)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)!important;
}
.sidebar .sidebar-note{
  background:var(--ttg-web-charcoal-soft)!important;
  border-color:rgba(200,185,154,.28)!important;
  color:#fff!important;
}
.sidebar .sidebar-note small{
  color:#d7cdbd!important;
}
.pipeline-summary-panel{
  overflow:hidden;
}
.exposure-score{
  grid-template-columns:124px minmax(0,1fr)!important;
  gap:24px!important;
  align-items:center!important;
}
.pipeline-gauge{
  width:118px!important;
  height:118px!important;
  margin:0!important;
  background:conic-gradient(var(--ttg-burgundy) calc(var(--pipeline-score)*1%),#ece6df 0)!important;
  box-shadow:inset 0 0 0 1px rgba(159,29,36,.04)!important;
}
.pipeline-gauge:before{
  inset:11px!important;
  background:#fff!important;
  box-shadow:inset 0 0 0 1px #eee6df!important;
}
.pipeline-gauge-value{
  position:relative;
  z-index:1;
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:1px;
  white-space:nowrap;
  line-height:1;
}
.pipeline-gauge-value strong{
  font-size:34px!important;
  line-height:1!important;
  color:var(--ttg-ink)!important;
  letter-spacing:-.04em;
}
.pipeline-gauge-value span{
  font-size:13px!important;
  line-height:1!important;
  color:#756a64!important;
  margin:0!important;
}
@media (max-width:900px){
  .sidebar{
    background:linear-gradient(180deg,var(--ttg-web-charcoal) 0%,#241f1c 100%)!important;
    box-shadow:18px 0 45px rgba(31,25,22,.30)!important;
  }
}
@media (max-width:640px){
  .exposure-score{
    grid-template-columns:1fr!important;
    gap:16px!important;
    text-align:center;
  }
  .pipeline-gauge{
    margin:0 auto!important;
  }
  .exposure-score p{
    max-width:34rem;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* Version 2026 Contact Intelligence Center */
.intelligence-fields-panel{margin-top:16px}
.intelligence-field-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.intelligence-field{padding:13px 14px;border:1px solid rgba(200,185,154,.55);background:#faf8f4;min-width:0}
.intelligence-field strong,.intelligence-field small{display:block}.intelligence-field strong{color:var(--ttg-web-charcoal,#2B2622);font-size:13px}.intelligence-field small{margin-top:4px;color:var(--muted);font-size:11px}
.intelligence-proposal{border-left:4px solid var(--ttg-burgundy,#9f1d24)!important}
.intelligence-proposal.needs-review{border-left-color:#b08a4a!important}
.intelligence-change-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}
.intelligence-change{padding:12px 13px;border:1px solid #e6ddd3;background:#fff;min-width:0}
.intelligence-change span,.intelligence-change strong,.intelligence-change small{display:block;overflow-wrap:anywhere}
.intelligence-change span{color:#746b64;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.intelligence-change strong{margin-top:5px;color:#2f2925;font-size:14px}
.intelligence-change small{margin-top:5px;color:var(--muted);line-height:1.35}
.intelligence-change.unmapped{background:#fbf2df;border-color:#dcc692}
.intelligence-audit .audit-changes{margin-top:14px}
.timeline-status{margin:14px 0 0;padding:10px 12px;background:#eef5ef;border:1px solid #b5cab9;color:#44654f;font-size:12px;font-weight:700}
@media(max-width:1050px){.intelligence-field-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.intelligence-field-grid,.intelligence-change-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.intelligence-field-grid,.intelligence-change-grid{grid-template-columns:1fr}.intelligence-proposal .rule-control{width:100%}}

/* The Pipeline Hygiene 2026 consolidated centers, reports, competition, and outages */
.primary-centers{gap:6px}
.nav{display:flex;align-items:center;gap:11px;min-height:46px;width:100%}
.nav-icon{width:25px;height:25px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:6px;font-size:13px;flex:0 0 auto}
.nav.active .nav-icon{border-color:rgba(43,38,34,.18);background:rgba(255,255,255,.35)}
.center-subnav{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 24px;padding:12px 14px!important;background:#fffdf9!important;position:sticky;top:10px;z-index:4}
.center-subnav.single{display:none}
.center-subnav-label{display:flex;flex-direction:column;gap:2px;min-width:150px}
.center-subnav-label span{font-family:Georgia,"Times New Roman",serif;color:#302723;font-size:16px}
.center-subnav-label small{color:#82766f;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.center-subnav-buttons{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.subnav-button{appearance:none;border:1px solid #d9cdc3;background:#faf6f1;color:#655b55;border-radius:999px;padding:9px 13px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}
.subnav-button:hover{border-color:#981f25;color:#7c171d}
.subnav-button.active{background:#981f25;border-color:#981f25;color:#fff;box-shadow:0 6px 16px rgba(152,31,37,.16)}

.system-connection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.system-connection{border:1px solid #ded3c9;background:#faf7f2;padding:15px;display:grid;gap:10px;align-content:start}
.system-connection>div{display:flex;align-items:center;gap:8px}.system-connection p{margin:0;color:#746a64;font-size:12px;line-height:1.45;min-height:36px}
.system-indicator{width:10px;height:10px;border-radius:50%;background:#b58b48;box-shadow:0 0 0 5px rgba(181,139,72,.12)}
.system-connection.ready .system-indicator{background:#5f8268;box-shadow:0 0 0 5px rgba(95,130,104,.12)}
.static-checklist>div{display:grid;gap:3px;padding:14px;border-bottom:1px solid #ece3db}.static-checklist>div:last-child{border-bottom:0}.static-checklist span{color:#756b65;font-size:12px}

.weekly-dashboard-grid{grid-template-columns:1.2fr .8fr .8fr}
.integration-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.integration-status{padding:15px;border:1px solid #ded3c9;background:#fffdf9;min-width:0}
.integration-status>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.integration-status p{margin:10px 0 0;color:#756b65;font-size:12px}
.integration-status.not-configured{background:#fbf5e8;border-color:#dfcc9f}
.mini-bar-chart{display:grid;gap:15px;padding-top:8px}.mini-bar-row>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.mini-bar-row .bar{margin-top:7px}
.report-list{display:grid;gap:0}.report-item{display:grid;grid-template-columns:145px 1fr;gap:14px;padding:13px 0;border-bottom:1px solid #ece3db}.report-item:last-child{border-bottom:0}.report-item time{color:#8b7d74;font-size:11px}.report-item strong{font-size:13px;color:#332a26}.report-item p{margin:5px 0 0;color:#746a64;font-size:12px;line-height:1.45}
.report-note{display:grid;gap:4px;padding:13px;border:1px solid #dfd4ca;background:#faf7f2}.report-note span{color:#756b65;font-size:12px;line-height:1.45}.report-note.good{background:#eef5ef;border-color:#b5cab9}
.weekly-detail-grid{grid-template-columns:1fr 1.2fr}.report-notes-panel{margin-top:18px}

.comparison-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.comparison-table-wrap .pipeline-table{min-width:900px}
.comparison-intro{border-left:4px solid #981f25}
.competitive-value-grid{grid-template-columns:1fr 1fr}
.opportunity-grid{display:grid;gap:11px}
.opportunity-card,.advantage-card{padding:14px;border:1px solid #e3d8ce;background:#faf7f2}
.opportunity-card h3{margin:0;font:600 17px Georgia,"Times New Roman",serif;color:#3a302c}.opportunity-card p{margin:7px 0;color:#756b65;font-size:12px;line-height:1.5}.opportunity-card strong{display:block;color:#7f161c;font-size:12px;line-height:1.45}
.advantage-card{display:grid;grid-template-columns:24px 1fr;gap:9px;align-items:start}.advantage-card span{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#981f25;color:#fff;font-size:11px}.advantage-card p{margin:1px 0 0;color:#554c47;font-size:12px;line-height:1.5}
.admin-competitive-gate{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px dashed #b8868a;background:#fbf2f2}.admin-competitive-gate.unlocked{opacity:.65}.admin-competitive-gate h3{margin:5px 0}.admin-competitive-gate p{margin:0;color:#756b65;max-width:760px}
#adminCompetitivePanel{display:grid;gap:18px;margin-top:18px}.sources-panel{margin-top:18px}.source-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.source-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #e1d6cc;background:#faf7f2;color:#5f514b;text-decoration:none;font-size:12px}.source-links a:hover{border-color:#981f25;color:#7f161c}

.outage-status-card strong{text-transform:capitalize;font-size:19px}
.outage-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}
.outage-provider{padding:19px;border:1px solid #ded3c9;background:#fffdf9;box-shadow:var(--shadow)}.outage-provider.good{border-top:4px solid #5f8268}.outage-provider.warn{border-top:4px solid #b58b48}.outage-provider.danger{border-top:4px solid #981f25}
.outage-provider-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.outage-provider-head>div{display:flex;align-items:center;gap:9px}.outage-provider h3{margin:0;font:600 23px Georgia,"Times New Roman",serif}.provider-dot{width:11px;height:11px;border-radius:50%;background:#b58b48}.outage-provider.good .provider-dot{background:#5f8268}.outage-provider.danger .provider-dot{background:#981f25}
.outage-provider>p{color:#665b55;line-height:1.5}.outage-provider dl{display:grid;gap:10px;margin:14px 0}.outage-provider dl>div{padding:11px;background:#faf7f2;border:1px solid #ece2d9}.outage-provider dt{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#8b1b21;font-weight:800}.outage-provider dd{margin:5px 0 0;color:#5f5650;font-size:12px;line-height:1.45}
.provider-components{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.component-chip{font-size:10px;padding:5px 7px;border:1px solid #ddd1c7;background:#f8f4ef;color:#6d625c}.component-chip.good{border-color:#b5cab9;background:#eef5ef;color:#456650}.component-chip.warn{border-color:#d8c08e;background:#fbf2df;color:#8c672d}.component-chip.danger{border-color:#d9afb1;background:#f8e8e9;color:#8b1b21}
.outage-report-grid{grid-template-columns:1.1fr .9fr}.incident-report h3{margin-top:0}.incident-report p,.incident-report li{color:#655b55;line-height:1.55}.incident-report h4{margin:20px 0 8px}

@media(max-width:1100px){
  .weekly-dashboard-grid{grid-template-columns:1fr 1fr}.weekly-dashboard-grid .wide{grid-column:1/-1}
  .system-connection-grid,.integration-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .center-subnav{position:static;align-items:flex-start;flex-direction:column}.center-subnav-buttons{justify-content:flex-start;width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}
  .system-connection-grid,.integration-status-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .weekly-dashboard-grid,.weekly-detail-grid,.competitive-value-grid,.outage-provider-grid,.outage-report-grid{grid-template-columns:1fr}
  .source-links{grid-template-columns:1fr}.admin-competitive-gate{align-items:flex-start;flex-direction:column}.report-item{grid-template-columns:1fr;gap:5px}
}
@media(max-width:520px){
  .system-connection-grid,.integration-status-grid{grid-template-columns:1fr}.center-subnav{padding:10px!important}.subnav-button{padding:8px 11px}.outage-provider{padding:15px}
}

/* Version 2026 role-aware invitation access */
.role-badge{background:#f6eadc!important;color:#7f161c!important;border-color:rgba(255,255,255,.45)!important}
.login-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:rgba(35,29,27,.82);backdrop-filter:blur(8px)}
.login-overlay.hidden{display:none}
.login-card{width:min(430px,100%);display:grid;gap:15px;padding:30px;border-radius:18px;background:#fffaf4;box-shadow:0 28px 80px rgba(0,0,0,.34);color:#2c1a1a}
.login-card img{width:min(250px,72%);height:auto;margin:0 auto 4px}
.login-card h2,.login-card p{margin:0}
.login-card label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#4f403a}
.login-card input{min-height:48px;width:100%;padding:11px 13px;border:1px solid #cbbcaf;border-radius:9px;background:#fff;font:inherit;color:#2c1a1a}
.login-card input:focus{outline:3px solid rgba(159,29,36,.15);border-color:#9f1d24}
.login-error{padding:11px;border-radius:8px;background:#fbe8e8;color:#8d1820;font-size:13px}
.access-panel .inline-actions{margin-top:14px}
body.role-read-only #scanButton,
body.role-read-only #runPipelineScan,
body.role-read-only #runPipelineAutopilot,
body.role-read-only #runContactIntelligence,
body.role-read-only #runAllAgents,
body.role-read-only #verifyAgentWork,
body.role-read-only #runAutomaticRepairs,
body.role-read-only #runAutoSync,
body.role-read-only [data-create-clickup],
body.role-read-only [data-propose-remediation],
body.role-read-only [data-approve-remediation],
body.role-read-only [data-reject-remediation],
body.role-read-only [data-run-agent],
body.role-read-only [data-approve-agent],
body.role-read-only [data-reject-agent],
body.role-read-only [data-remediation-mode],
body.role-read-only [data-agent-mode]{display:none!important}
@media (max-width:600px){.login-card{padding:23px;border-radius:14px}.title-row .role-badge{display:none}}

/* The Pipeline Hygiene 2026: Telos-parity Competitive Intelligence interface */
.competitive-view{--competitive-navy:#162849;--competitive-blue:#294c78;--competitive-line:#cfdbe8;--competitive-soft:#eef4fa;--competitive-cream:#fff9eb;--competitive-gold:#d8a523;--competitive-burgundy:#981f25}
.competitive-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:2px 0 14px}
.competitive-page-head>div:first-child{min-width:0}
.competitive-page-head h2{margin:0;color:var(--competitive-navy);font-family:'Libre Franklin',Arial,sans-serif;font-size:30px;line-height:1.15;letter-spacing:-.035em}
.competitive-page-head .subtitle{max-width:940px;margin-top:8px;color:#657792;font-size:15px}
.competitive-role-card{min-width:150px;min-height:84px;padding:16px 18px;border:1px solid var(--competitive-line);border-radius:14px;background:#fff;display:grid;place-items:center;align-content:center;box-shadow:0 10px 28px rgba(28,48,78,.06)}
.competitive-role-card strong{color:var(--competitive-navy);font-size:25px;line-height:1}
.competitive-role-card span{margin-top:7px;color:#697992;font-size:10px}
.competitive-access-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;padding:13px 14px!important;border-color:var(--competitive-line)!important;background:#fff!important;box-shadow:none!important}
.competitive-access-panel>div:first-child{display:grid;gap:3px}
.competitive-access-panel strong{color:var(--competitive-navy);font-size:14px}
.competitive-access-panel p{margin:0;color:#6a7b95;font-size:11px}
.competitive-switcher{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.competitive-switch{appearance:none;border:1px solid var(--competitive-line);border-radius:8px;background:#fff;color:var(--competitive-navy);padding:11px 14px;font:inherit;font-size:13px;font-weight:800;cursor:pointer}
.competitive-switch:hover{border-color:#aebfd1;background:#f7fafc}
.competitive-switch.active{border-color:var(--competitive-gold);background:#fff8e6;box-shadow:inset 0 0 0 1px rgba(216,165,35,.08)}
.competitive-primary-card,.competitive-comparison-card,.competitive-sources-card{border-color:var(--competitive-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 12px 34px rgba(31,53,84,.06)!important}
.competitive-primary-card{padding:18px 20px!important;background:linear-gradient(110deg,#f4f8fc 0%,#fff9e9 100%)!important}
.competitive-card-kicker{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:13px;border-bottom:1px solid #d8e1eb;color:var(--competitive-navy);font-size:12px}
.competitive-card-kicker .chip{background:#f7fafc;color:#526883;border-color:#d5e0eb}
.competitive-primary-copy{padding-top:15px}
.competitive-primary-copy h3{margin:0;color:#1c2547;font-family:'Libre Franklin',Arial,sans-serif;font-size:22px;line-height:1.25;letter-spacing:-.025em}
.competitive-primary-copy p{max-width:1120px;margin:9px 0 0;color:#637591;font-size:15px;line-height:1.55}
.competitive-comparison-card{margin-top:0;padding:18px 20px!important}
.competitive-table-wrap{margin-top:14px;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #d5e0ea;border-radius:12px;background:#fff;scrollbar-color:#8d9399 #eef1f4;scrollbar-width:thin}
.competitive-matrix-shell{min-width:1380px}
.competitive-matrix{width:100%;border-collapse:separate;border-spacing:0;color:#152341;font-size:11px;line-height:1.35}
.competitive-matrix th,.competitive-matrix td{padding:14px 12px;border-right:1px solid #d5e0ea;border-bottom:1px solid #d5e0ea;vertical-align:top;text-align:left}
.competitive-matrix th:last-child,.competitive-matrix td:last-child{border-right:0}
.competitive-matrix tbody tr:last-child td{border-bottom:0}
.competitive-matrix th{position:sticky;top:0;z-index:2;background:#eaf1f8;color:#17325a;font-size:10px;font-weight:900}
.competitive-matrix th:first-child,.competitive-matrix td:first-child{position:sticky;left:0;z-index:1;min-width:230px;max-width:230px}
.competitive-matrix th:first-child{z-index:3;background:#dfeaf5}
.competitive-matrix td:first-child{background:#f7fafc}
.competitive-matrix .our-position-row td{background:#fffaf0}
.competitive-matrix .our-position-row td:first-child{background:#fff0bf}
.competitive-matrix td:nth-child(2){min-width:155px}
.competitive-matrix td:nth-child(3){min-width:245px}
.competitive-matrix th:nth-child(n+4),.competitive-matrix td:nth-child(n+4){min-width:132px}
.competitive-provider{display:grid;gap:5px}
.competitive-provider strong{color:#12203e;font-size:13px}
.competitive-provider p{margin:0;color:#63738c;font-size:9px;line-height:1.4}
.position-chip{width:max-content;margin-top:3px;padding:5px 9px;border:1px solid #a8d3bb;border-radius:999px;background:#eef8f2;color:#47745b;font-size:9px;font-weight:800}
.capability-cell{text-align:center!important}
.capability-pill{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:86px;padding:6px 9px;border-radius:999px;white-space:nowrap;font-size:9px;font-weight:800}
.capability-pill b{font-size:10px}
.capability-pill.included{background:#e7f5ed;color:#2f7654}
.capability-pill.partial{background:#fff2cc;color:#84600f}
.capability-pill.not-included{background:#edf1f5;color:#6f7e91}
.competitive-disclaimer{margin:12px 0 0;color:#657690;font-size:12px;line-height:1.5}
.competitive-opportunity-title{margin-top:26px}
.competitive-opportunity-title h2{font-family:'Libre Franklin',Arial,sans-serif!important;color:var(--competitive-navy)!important;font-size:26px!important;letter-spacing:-.03em!important}
.competitive-opportunity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.competitive-opportunity-card{min-height:170px;padding:17px;border:1px solid var(--competitive-line);border-radius:13px;background:#fff;box-shadow:0 10px 28px rgba(31,53,84,.05)}
.opportunity-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:11px;border-bottom:1px solid #d8e1eb;color:#1d2c4e;font-size:10px}
.opportunity-priority{padding:4px 9px;border:1px solid #d7e1ec;border-radius:999px;background:#f6f9fc;color:#536882;font-size:9px;font-weight:800}
.opportunity-priority.high{border-color:#e4b84c;background:#fff8e3;color:#88620b}
.opportunity-priority.medium{background:#eff4f9;color:#49617e}
.competitive-opportunity-card h3{margin:13px 0 8px;color:#172342;font-family:'Libre Franklin',Arial,sans-serif;font-size:17px;line-height:1.25;letter-spacing:-.02em}
.competitive-opportunity-card p{margin:0;color:#63738d;font-size:13px;line-height:1.52}
.competitive-opportunity-card small{display:block;margin-top:11px;color:#8d1d24;font-size:10px;font-weight:800;line-height:1.45}
.competitive-sources-card{margin-top:16px;padding:15px 17px!important}
.competitive-source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.competitive-source-grid a{display:grid;gap:5px;min-height:62px;padding:11px 12px;border:1px solid #d5e0ea;border-radius:8px;background:#f8fafc;color:#172342;text-decoration:none}
.competitive-source-grid a:hover{border-color:#a9bbce;background:#fff}
.competitive-source-grid strong{font-size:12px;line-height:1.3}
.competitive-source-grid span{color:#24548c;font-size:9px;font-weight:800}
body:not(.role-developer):not(.role-admin) #competitiveAccessPanel{display:none!important}
@media(max-width:1150px){.competitive-opportunity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.competitive-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.competitive-page-head{align-items:stretch}.competitive-role-card{min-width:120px}.competitive-access-panel{align-items:flex-start;flex-direction:column}.competitive-switcher{justify-content:flex-start;width:100%}.competitive-switch{flex:1}.competitive-opportunity-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.competitive-page-head{flex-direction:column}.competitive-role-card{width:100%;min-height:68px}.competitive-role-card strong{font-size:21px}.competitive-access-panel{padding:12px!important}.competitive-switcher{display:grid;grid-template-columns:1fr;width:100%}.competitive-switch{width:100%;text-align:center}.competitive-primary-card,.competitive-comparison-card,.competitive-sources-card{padding:15px!important}.competitive-primary-copy h3{font-size:19px}.competitive-primary-copy p{font-size:13px}.competitive-opportunity-grid,.competitive-source-grid{grid-template-columns:1fr}.competitive-matrix-shell{min-width:1220px}}


/* The Pipeline Hygiene 2026: developer-ready Guided Fix detail */
.developer-fix-guide{margin:18px 0 8px;padding:18px;border:1px solid #dccfc2;border-radius:10px;background:#fbf8f3}
.developer-fix-title{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:14px;border-bottom:1px solid #e6ddd4}
.developer-fix-title>div{display:grid;gap:5px}.developer-fix-title span:first-child{font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:#981f25}.developer-fix-title h4{margin:0;color:#2c1a1a;font:800 16px "Libre Franklin",Arial,sans-serif}
.developer-fix-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.developer-fix-grid article{padding:15px;border:1px solid #e6ddd4;border-radius:8px;background:#fff;min-width:0}.developer-fix-grid article>span{display:block;margin-bottom:8px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#981f25}.developer-fix-grid p,.developer-fix-grid li{color:#514a45;line-height:1.55}.developer-fix-grid p{margin:0}.developer-fix-grid ol{margin:0;padding-left:20px;display:grid;gap:7px}.developer-fix-grid dl{display:grid;gap:6px;margin:13px 0 0}.developer-fix-grid dl div{display:grid;grid-template-columns:120px 1fr;gap:8px;padding-top:6px;border-top:1px dashed #e5ddd5}.developer-fix-grid dt{font-size:11px;font-weight:800;color:#756a64}.developer-fix-grid dd{margin:0;font-size:12px;color:#2c1a1a;overflow-wrap:anywhere}.record-link em{display:block;margin-top:5px;color:#8b3438;font-size:11px;font-style:normal;white-space:normal;line-height:1.35}.record-link strong,.record-link small{white-space:normal!important}
@media(max-width:900px){.developer-fix-grid{grid-template-columns:1fr}.developer-fix-title{flex-direction:column}.developer-fix-grid dl div{grid-template-columns:1fr}}

/* The Pipeline Hygiene 2026: TTG invitation profiles, granular permissions, and Telos-style finish */
.permission-hidden,.permission-write-hidden{display:none!important}
body:not(.role-developer) .admin-technical{display:none!important}
.sidebar-profile{display:flex;align-items:center;gap:10px;margin-top:auto;margin-bottom:12px;padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.07);color:#fff}
.sidebar-profile .profile-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:#f1e9dd;color:#7d1b22;font-weight:800;letter-spacing:.02em}
.sidebar-profile strong,.sidebar-profile small{display:block}.sidebar-profile strong{font-size:13px}.sidebar-profile small{margin-top:3px;color:#d9c8bd;font-size:11px}

.login-overlay{background:linear-gradient(135deg,rgba(45,30,27,.93),rgba(110,22,28,.9));}
.login-card{border:1px solid rgba(125,27,34,.18);position:relative;overflow:hidden}
.login-card:before{content:"";position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,#7d1b22 0 58%,#cbb995 58% 78%,#2c1a1a 78%)}
.login-card .login-access-note{padding:11px 13px;border-radius:10px;background:#f1e9dd;color:#5d4b43;font-size:12px;line-height:1.45}

.permission-intro{margin:-4px 0 18px;color:#756b65;line-height:1.55}
.invite-user-grid{display:grid;grid-template-columns:1fr 1fr 1.4fr 1fr auto;gap:10px;align-items:end;margin-bottom:18px;padding:16px;border:1px solid #e7ddd4;border-radius:14px;background:#fbf8f4}
.invite-user-grid label,.permission-role-controls label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#5d514b}
.invite-user-grid input,.invite-user-grid select,.permission-role-controls select{min-height:42px;width:100%;padding:9px 10px;border:1px solid #d9cdc3;border-radius:9px;background:white;color:#2c1a1a;font:inherit}
.permission-notice{padding:12px 14px;margin-bottom:14px;border-radius:10px;background:#fff4d8;border:1px solid #e9c96f;color:#72530d;font-size:13px}
.permission-manager-grid{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(480px,1.6fr);gap:16px;align-items:start}
.profile-list-panel,.permission-editor-panel{border:1px solid #e7ddd4;border-radius:14px;background:#fff;overflow:hidden}
.profile-list-panel h3{margin:0;padding:15px 16px;border-bottom:1px solid #eee5de;font-size:14px}
.managed-profile-list{display:grid;max-height:560px;overflow:auto}
.managed-profile{appearance:none;border:0;border-bottom:1px solid #f0e9e3;background:#fff;padding:12px 14px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;text-align:left;color:#2c1a1a;cursor:pointer}
.managed-profile:hover{background:#fbf7f2}.managed-profile.active{background:#f4ebe1;box-shadow:inset 3px 0 #9f1d24}
.profile-mini-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#ece2d7;color:#7d1b22;font-weight:800}
.managed-profile strong,.managed-profile small{display:block}.managed-profile strong{font-size:12px}.managed-profile small{margin-top:3px;color:#7e746e;font-size:10px}
.permission-editor-empty{min-height:260px;display:grid;place-content:center;gap:6px;text-align:center;color:#7b706a}.permission-editor-empty strong{color:#2c1a1a}
.permission-editor-head{display:flex;justify-content:space-between;gap:18px;align-items:end;padding:16px;border-bottom:1px solid #eee5de}.permission-editor-head strong,.permission-editor-head small{display:block}.permission-editor-head small{margin-top:4px;color:#7e746e}.permission-role-controls{display:flex;gap:8px}.permission-role-controls label{min-width:120px}
.permission-table-wrap{overflow:auto;max-height:520px}.permission-table{width:100%;border-collapse:collapse;font-size:12px}.permission-table th,.permission-table td{padding:10px 12px;border-bottom:1px solid #eee7e1;text-align:left}.permission-table thead th{position:sticky;top:0;background:#f7f2ed;z-index:2;color:#655a54;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.permission-table thead th:nth-child(n+2),.permission-table td:nth-child(n+2){text-align:center;width:100px}.permission-group-row th{background:#fbf8f4;color:#8d252b;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.permission-check{display:inline-flex;align-items:center;gap:6px;justify-content:center}.permission-check input{width:18px;height:18px;accent-color:#9f1d24}.permission-check span{font-size:11px;color:#6e645e}
.permission-actions{display:flex;justify-content:flex-end;gap:10px;padding:14px 16px;background:#fbf8f4;border-top:1px solid #eee5de}

.app-footer{margin:54px -28px -46px;padding:24px 30px calc(24px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:center;gap:24px;background:#2d2723;color:#fff;border-top:5px solid #9f1d24}
.footer-brand{display:flex;align-items:center;gap:11px}.footer-brand img{width:38px;height:38px;object-fit:contain;background:#fff;border-radius:50%;padding:3px}.footer-brand strong,.footer-brand span{display:block}.footer-brand strong{font-size:14px}.footer-brand span{margin-top:3px;color:#d7c9bf;font-size:11px}.footer-meta{display:flex;gap:16px;flex-wrap:wrap;justify-content:flex-end;color:#d7c9bf;font-size:11px}.footer-meta span+span:before{content:"•";margin-right:16px;color:#aa8d7a}

body.role-admin .setup-panel.admin-technical,body.role-client .setup-panel.admin-technical,body.role-guest .setup-panel.admin-technical{display:none!important}
body.role-admin #clickupDiagnostics,body.role-client #clickupDiagnostics,body.role-guest #clickupDiagnostics{display:none!important}

@media(max-width:1100px){.invite-user-grid{grid-template-columns:1fr 1fr}.invite-user-grid .button{width:100%}.permission-manager-grid{grid-template-columns:1fr}.profile-list-panel{max-height:350px}.managed-profile-list{max-height:300px}}
@media(max-width:900px){.sidebar-profile{margin-top:18px}.app-footer{margin:40px -22px -30px;padding:22px}.permission-editor-head{align-items:stretch;flex-direction:column}.permission-role-controls{width:100%}.permission-role-controls label{flex:1}.permission-table-wrap{max-height:none}}
@media(max-width:620px){.invite-user-grid{grid-template-columns:1fr}.permission-role-controls{flex-direction:column}.permission-actions{flex-direction:column}.permission-actions .button{width:100%}.app-footer{margin-left:-16px;margin-right:-16px;flex-direction:column;align-items:flex-start}.footer-meta{justify-content:flex-start;gap:8px}.footer-meta span{width:100%}.footer-meta span+span:before{display:none}}

/* The Pipeline Hygiene 2026: FirmOps-style dropdown center navigation
   UI-only navigation refinement. Existing views, permissions, routes, and
   business logic remain unchanged. */
.center-subnav{display:none!important}
.dropdown-centers{display:grid!important;gap:10px!important;overflow:visible!important}
.nav-group{display:grid;gap:2px;min-width:0}
.nav-group.permission-hidden{display:none!important}
.nav-group .nav-group-toggle{
  position:relative;
  justify-content:flex-start;
  border-radius:9px!important;
  padding:11px 12px!important;
  border-left:0!important;
  background:rgba(200,185,154,.10)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)!important;
}
.nav-group .nav-group-toggle:hover{background:rgba(200,185,154,.18)!important}
.nav-group.open .nav-group-toggle,
.nav-group .nav-group-toggle.active{
  background:var(--ttg-web-taupe)!important;
  color:var(--ttg-web-charcoal)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)!important;
}
.nav-group .nav-group-toggle .nav-icon{border:0!important;background:transparent!important;width:20px;height:20px}
.nav-label{min-width:0;flex:1;text-align:left}
.nav-chevron{width:8px;height:8px;flex:0 0 auto;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .18s ease;margin:0 4px 0 8px;opacity:.85}
.nav-group.open .nav-chevron{transform:rotate(225deg) translate(-1px,-1px)}
.nav-children{display:grid;max-height:0;opacity:0;transition:max-height .22s ease,opacity .18s ease;padding:0 3px;overflow:hidden}
.nav-group.open .nav-children{max-height:320px;opacity:1;padding-top:3px;padding-bottom:3px;overflow:hidden}
.nav-child{
  appearance:none;
  width:100%;
  min-height:38px;
  border:0;
  border-left:2px solid rgba(200,185,154,.18);
  border-radius:0 7px 7px 0;
  background:transparent;
  color:#e9dfd6;
  padding:9px 10px 9px 34px;
  text-align:left;
  font:inherit;
  font-size:12px;
  font-weight:600;
  line-height:1.25;
  cursor:pointer;
  transition:background .15s ease,color .15s ease,border-color .15s ease,padding-left .15s ease;
}
.nav-child:hover{background:rgba(200,185,154,.10);color:#fff;padding-left:37px}
.nav-child.active{background:rgba(200,185,154,.16);color:#fff;border-left-color:var(--ttg-web-taupe);font-weight:800}
.nav-child.permission-hidden{display:none!important}
@media(max-width:1200px) and (min-width:901px){
  .nav-group .nav-group-toggle{padding:10px!important}
  .nav-child{padding-left:28px;font-size:11px}
}
@media(max-width:900px){
  .dropdown-centers{width:100%!important;gap:9px!important}
  .nav-group .nav-group-toggle{min-height:48px!important}
  .nav-child{min-height:44px;font-size:13px;padding-left:38px}
}

/* Command Center is a direct destination, not a dropdown. */
.nav-group.nav-direct{gap:0}
.nav-group.nav-direct .nav-group-toggle{cursor:pointer}
.nav-group.nav-direct .nav-group-toggle.active{background:var(--ttg-web-taupe)!important;color:var(--ttg-web-charcoal)!important}
.nav-group.nav-direct .nav-children,.nav-group.nav-direct .nav-chevron{display:none!important}


/* 2026 Account & Access invitation center, Telos UI parity */
.access-page-title{margin-bottom:18px}.access-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:20px}.access-feature-card{min-height:300px;display:flex;flex-direction:column;align-items:flex-start;padding:24px}.access-feature-card .panel-head{width:100%;margin-bottom:22px}.access-feature-card h3{font-size:23px;line-height:1.2;margin:0 0 12px;color:var(--ttg-deep,#2c1a1a)}.access-feature-card p{font-size:16px;line-height:1.55;color:var(--muted);margin:0 0 24px}.access-feature-card .button{margin-top:auto}.profile-details-panel{margin-top:18px}.profile-details-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.profile-detail-row{padding:15px 16px;border:1px solid #e5d9cf;border-radius:12px;background:#fbf8f4;display:flex;flex-direction:column;gap:6px}.profile-detail-row span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#796e68}.profile-detail-row strong{font-size:14px;color:#2c1a1a;word-break:break-word}.profile-account-meta{margin-top:18px;padding-top:18px;border-top:1px solid #eadfd5}.access-admin-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:6px 0 18px}.access-admin-intro h3{margin:0 0 6px;font-size:20px}.access-admin-intro p{margin:0;color:var(--muted);line-height:1.5}.invite-user-grid-expanded{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.invite-user-grid-expanded .button{min-height:44px}.profile-status-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 12px}.profile-filter{appearance:none;border:1px solid #dfd3c8;background:#fff;color:#6a5c55;padding:8px 13px;border-radius:999px;font-weight:800;cursor:pointer}.profile-filter.active{background:#7d1b22;color:#fff;border-color:#7d1b22}.nav-group[data-nav-group="account"]{margin-top:6px}.nav-group[data-nav-group="account"] .nav-icon{font-size:16px}.role-client .access-card-grid,.role-guest .access-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1100px){.access-card-grid{grid-template-columns:1fr 1fr}.invite-user-grid-expanded{grid-template-columns:1fr 1fr}.profile-details-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.access-card-grid,.role-client .access-card-grid,.role-guest .access-card-grid{grid-template-columns:1fr}.access-feature-card{min-height:0}.invite-user-grid-expanded,.profile-details-grid{grid-template-columns:1fr}.access-admin-intro{flex-direction:column}.profile-status-tabs{overflow:auto;flex-wrap:nowrap;padding-bottom:4px}}

/* 2026 LinkedIn Intelligence · direct Apify integration */
.linkedin-run-panel{display:grid;gap:12px}
.linkedin-url-input{width:100%;resize:vertical;min-height:138px;border:1px solid #d7cbbf;background:#fffdf9;color:#2c1a1a;border-radius:8px;padding:14px 15px;font:500 14px/1.55 'Libre Franklin',sans-serif;outline:none}
.linkedin-url-input:focus{border-color:#7f161c;box-shadow:0 0 0 3px rgba(127,22,28,.08)}
#linkedinResults .pipeline-table td:first-child{min-width:180px}
#linkedinResults .pipeline-table td:nth-child(2),#linkedinResults .pipeline-table td:nth-child(3){min-width:170px}
#linkedinResults .pipeline-table td:last-child{min-width:130px}
@media(max-width:768px){.linkedin-url-input{min-height:170px;font-size:16px}}

.login-help-row{display:flex;justify-content:flex-end;margin-top:-5px}
.login-text-link{appearance:none;border:0;background:transparent;padding:0;color:#8d1820;font:inherit;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.login-text-link:hover{color:#641016}
.login-text-link:focus-visible{outline:3px solid rgba(159,29,36,.15);outline-offset:4px;border-radius:3px}
.login-back-link{justify-self:center;margin-top:-2px}
.login-success{padding:11px;border-radius:8px;background:#e7f4ec;color:#25643d;font-size:13px}


/* 2026 role preview switcher + global Libre Franklin */
html,body,body *,body *::before,body *::after{font-family:'Libre Franklin',Arial,sans-serif!important}
.topbar-actions{align-items:center;justify-content:flex-end}
.view-as-control{display:flex;align-items:center;gap:9px;padding:7px 9px 7px 12px;border:1px solid rgba(255,255,255,.28);border-radius:12px;background:rgba(255,255,255,.10);color:#fff}
.view-as-control label{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.view-as-control select{min-height:36px;max-width:190px;padding:7px 30px 7px 10px;border:1px solid rgba(255,255,255,.30);border-radius:9px;background:#fff;color:#2c1a1a;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.preview-mode-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:-6px 0 20px;padding:13px 15px;border:1px solid #d8b879;border-radius:14px;background:#fff7e5;color:#4d3420;box-shadow:0 10px 28px rgba(80,55,28,.08)}
.preview-mode-banner>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.preview-mode-banner strong{font-size:14px}.preview-mode-banner>div>span:last-child{color:#765f4d;font-size:12px}
.preview-mode-pill{display:inline-flex;padding:5px 8px;border-radius:999px;background:#7d1b22;color:#fff;font-size:9px;font-weight:900;letter-spacing:.10em}
.preview-mode-banner .button{flex:0 0 auto;border-color:#d5b680;color:#6b471e;background:#fff}
body.role-guest #outageSetup{display:none!important}
@media(max-width:850px){.topbar-actions{width:100%;justify-content:flex-start}.view-as-control{order:-1;width:100%;justify-content:space-between}.view-as-control select{max-width:none;flex:1}.preview-mode-banner{align-items:stretch;flex-direction:column}.preview-mode-banner .button{width:100%}}

/* 2026 LinkedIn Conversation Intelligence */
.linkedin-mode-tabs{margin-top:8px;margin-bottom:16px}
.linkedin-flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.linkedin-flow-grid>div{display:grid;gap:6px;min-height:110px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#faf8f6}
.linkedin-flow-grid strong{color:#74151b;font-size:13px}
.linkedin-flow-grid span{color:#6d6762;font-size:12px;line-height:1.5}
.linkedin-conversation-table{min-width:1280px}
.linkedin-conversation-table details{min-width:300px;max-width:520px}
.linkedin-conversation-table details summary{cursor:pointer;color:#81171d;font-weight:800}
.linkedin-conversation-table details p,.linkedin-conversation-table details ul{margin:9px 0;font-size:12px;line-height:1.5}
.table-subline{display:block;margin-top:5px;color:#77706a;font-size:10px;line-height:1.35}
a.table-subline{color:#81171d;text-decoration:none}
@media(max-width:1100px){.linkedin-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.linkedin-flow-grid{grid-template-columns:1fr}}


/* 2026-08-06 · Telos-parity outage intelligence and incident lowlights */
.outage-title-block{margin-bottom:16px}.outage-title-block .subtitle{max-width:850px}
.outage-operational-summary{padding:20px 22px!important}.outage-summary-copy{display:grid;gap:12px}.outage-summary-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.outage-summary-line>strong{font-size:18px;color:#2c1a1a}.outage-summary-line>span:not(.chip){font-size:14px;color:#403a36;line-height:1.45;flex:1 1 540px}.outage-summary-line>.chip{margin-left:auto}.outage-summary-copy>p{margin:0;color:#5e6d84;font-size:13px;line-height:1.55}.outage-summary-tags{display:flex;gap:6px;flex-wrap:wrap}.outage-summary-tags .chip{text-transform:none;letter-spacing:0;font-size:10px}
.outage-action-toolbar{margin-bottom:18px}.partial-dot{background:#755c82!important}
.outage-metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.outage-metrics-grid .metric:last-child{grid-column:auto}.outage-metrics-grid .metric{min-height:118px}.outage-metrics-grid .metric strong{font-size:28px}
.outage-provider-grid{margin:18px 0 28px}.outage-provider{border-radius:12px!important;padding:20px!important}.outage-provider-head{align-items:flex-start}.outage-provider-head>div{display:block}.provider-kicker{display:block;color:#0f4b83;font-size:10px;font-weight:900;text-transform:lowercase;letter-spacing:.08em;margin-bottom:5px}.outage-provider h3{font-family:Libre Franklin,Inter,system-ui,sans-serif!important;font-size:21px!important;font-weight:800!important;color:#17233e}.outage-provider h4{margin:18px 0 8px;font-size:13px;color:#202943}.outage-impact-list,.outage-response-list{margin:0;padding-left:20px;color:#63728a;font-size:13px;line-height:1.65}.outage-response-list{padding-left:23px}.outage-provider-meta{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px;color:#65728a;font-size:10px}.outage-status-link{display:inline-block;margin-top:3px;color:#0f4b83;font-size:12px;font-weight:900;text-decoration:none}.outage-status-link:hover{text-decoration:underline}.outage-provider .chip{white-space:nowrap}
.outage-incident-title{margin:10px 0 14px}.outage-incident-title .eyebrow{color:#0f4b83}.outage-incident-details{display:grid;gap:12px;margin-bottom:20px}.outage-incident-card{background:#fff;border:1px solid #dedfe4;border-left:4px solid #d9a01f;border-radius:11px;padding:16px 18px;box-shadow:0 4px 14px rgba(23,35,62,.05)}.outage-incident-card.good{border-left-color:#d9a01f}.outage-incident-card.warn{border-left-color:#d9a01f}.outage-incident-card.danger{border-left-color:#9f1d24}.outage-incident-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.outage-incident-card h3{margin:0;color:#17233e;font-size:15px}.outage-incident-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:3px;color:#67748b;font-size:10px}.outage-incident-meta strong{color:#50647f}.outage-incident-card>p{margin:12px 0 7px;color:#63728a;line-height:1.55;font-size:13px}.incident-timeline{margin:12px 0;border-top:1px solid #eceff3;padding-top:10px}.incident-timeline summary{cursor:pointer;color:#0f4b83;font-weight:800;font-size:12px}.incident-timeline>div>div{padding:10px 0;border-bottom:1px solid #eef0f3}.incident-timeline time{display:block;color:#7a8598;font-size:10px}.incident-timeline strong{font-size:11px;color:#263550}.incident-timeline p{margin:4px 0 0;color:#68758b;font-size:12px;line-height:1.45}.outage-empty-state{margin-bottom:18px}.outage-empty-state p{margin-bottom:0;color:#68758b}
.outage-history-grid{grid-template-columns:1fr 1fr;margin-top:12px}.outage-status-history,.outage-delivery-history{display:grid;gap:10px;margin-top:14px;max-height:520px;overflow:auto;padding-right:3px}.outage-history-card,.outage-delivery-card{border:1px solid #dfe3e8;border-radius:10px;padding:14px;background:#fff}.outage-history-card>div,.outage-delivery-card>div{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.outage-history-card strong,.outage-delivery-card strong{color:#17233e;font-size:14px}.outage-history-card span:not(.chip),.outage-delivery-card span{display:block;color:#6c7990;font-size:10px;margin-top:2px}.outage-history-card p,.outage-delivery-card p{margin:8px 0 0;color:#627188;font-size:12px;line-height:1.45}.outage-delivery-card small{display:block;margin-top:5px;color:#7b8798}.outage-history-grid .panel{min-height:240px}
body.role-guest .outage-action-toolbar .inline-actions,body.role-client:not(.can-write-outages) .outage-action-toolbar .inline-actions{display:none}
@media(max-width:1180px){.outage-metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.outage-metrics-grid .metric:last-child{grid-column:span 1}}
@media(max-width:900px){.outage-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.outage-history-grid{grid-template-columns:1fr}.outage-summary-line>.chip{margin-left:0}}
@media(max-width:560px){.outage-metrics-grid{grid-template-columns:1fr!important}.outage-incident-head{flex-direction:column}.outage-provider-meta{display:grid}.outage-status-history,.outage-delivery-history{max-height:none}}

/* 2026-08-06 · Exact Telos-style Outages parity for TPH */
#outagesView{--outage-navy:#17233e;--outage-blue:#0f4b83;--outage-green:#4f9968;--outage-gold:#d6a22a;--outage-border:#dfe5ec;--outage-muted:#63728a}
#outagesView .section-title h2{color:var(--outage-navy)!important;font-family:Libre Franklin,Inter,system-ui,sans-serif!important;font-weight:800!important}
#outagesView .eyebrow{color:var(--outage-blue)!important;letter-spacing:.09em;font-weight:900}
#outagesView .completion-card{background:#fff!important;border:1px solid var(--outage-border)!important;border-radius:13px!important;box-shadow:0 6px 18px rgba(23,35,62,.06)!important}
#outagesView .completion-card strong{color:var(--outage-navy)!important;font-size:25px!important;font-weight:800!important}
#outagesView .completion-card span{color:#66758b!important}
#outagesView .panel{background:#fff!important;border:1px solid var(--outage-border)!important;box-shadow:0 5px 18px rgba(23,35,62,.045)!important}
#outagesView .outage-operational-summary{border-radius:12px!important}
#outagesView .outage-summary-line>strong{font-size:18px!important;color:var(--outage-navy)!important}
#outagesView .outage-summary-line>span:not(.chip){color:#26354e!important}
#outagesView .outage-summary-copy>p{color:var(--outage-muted)!important}
#outagesView .chip.good{background:#eef8f1!important;color:#3f7651!important;border-color:#cfe6d5!important}
#outagesView .chip.warn{background:#fff8e8!important;color:#8f671a!important;border-color:#ead7a8!important}
#outagesView .outage-action-toolbar{border-radius:10px!important;padding:12px!important}
#outagesView .outage-action-toolbar .button.primary{background:#0d315c!important;border-color:#0d315c!important;color:#fff!important}
#outagesView .outage-action-toolbar .button.ghost{background:#fff!important;border-color:#d8e0e8!important;color:#17233e!important}
#outagesView .outage-action-toolbar .button{font-weight:800!important}
#outagesView .outage-metrics-grid .metric{background:#fff!important;border:1px solid var(--outage-border)!important;border-top:3px solid var(--outage-green)!important;border-radius:9px!important;box-shadow:none!important}
#outagesView .outage-metrics-grid .metric:first-child{border-top-color:#1f5a92!important}
#outagesView .outage-metrics-grid .metric strong{color:var(--outage-navy)!important}
#outagesView .outage-metrics-grid .metric span,#outagesView .outage-metrics-grid .metric small{color:#64738a!important}
#outagesView .outage-provider{background:#fff!important;border-color:var(--outage-border)!important;box-shadow:none!important;border-top:4px solid var(--outage-green)!important}
#outagesView .outage-provider h3,#outagesView .outage-provider h4{color:var(--outage-navy)!important}
#outagesView .outage-provider-meta{color:#6a7890!important}
#outagesView .outage-incident-title{margin-top:18px!important}
#outagesView .outage-incident-title .subtitle{max-width:920px;color:#68758b!important}
#outagesView .outage-incident-card{background:#fff!important;border-color:var(--outage-border)!important;border-left:4px solid var(--outage-gold)!important;box-shadow:none!important;padding:16px 18px!important}
#outagesView .outage-incident-card h3{font-size:16px!important;color:var(--outage-navy)!important}
#outagesView .outage-incident-card>p{font-size:13px!important;color:#607089!important;line-height:1.6!important}
#outagesView .outage-history-grid .panel{border-radius:10px!important}
#outagesView .outage-history-card,#outagesView .outage-delivery-card{background:#fff!important;border-color:#dce3ea!important;box-shadow:none!important}
#outagesView .outage-history-card p{font-size:13px!important;line-height:1.55!important;color:#607089!important}
#outagesView .action-legend{color:#65738a!important}
body.role-developer #outagesView + #setupBanner{display:none!important}


/* 2026-08-06 · TPH Outages keeps Telos-parity layout while restoring TTG visual identity */
#outagesView{
  --outage-navy:var(--ttg-ink);
  --outage-blue:var(--ttg-burgundy);
  --outage-green:#5f8268;
  --outage-gold:#b58b48;
  --outage-border:#e5ddd5;
  --outage-muted:#665b56;
}
#outagesView,#outagesView *{font-family:'Libre Franklin',Arial,sans-serif!important}
#outagesView .section-title h2{color:var(--ttg-ink)!important}
#outagesView .eyebrow,#outagesView .provider-kicker,#outagesView .outage-incident-title .eyebrow{color:var(--ttg-burgundy)!important}
#outagesView .section-title .subtitle,#outagesView .outage-incident-title .subtitle{color:#665b56!important}
#outagesView .completion-card,#outagesView .panel,#outagesView .outage-provider,#outagesView .outage-incident-card,#outagesView .outage-history-card,#outagesView .outage-delivery-card{background:var(--ttg-white)!important;border-color:#e5ddd5!important}
#outagesView .completion-card{box-shadow:0 6px 18px rgba(127,22,28,.055)!important}
#outagesView .completion-card strong,#outagesView .outage-summary-line>strong,#outagesView .outage-metrics-grid .metric strong,#outagesView .outage-provider h3,#outagesView .outage-provider h4,#outagesView .outage-incident-card h3,#outagesView .outage-history-card strong,#outagesView .outage-delivery-card strong{color:var(--ttg-ink)!important}
#outagesView .completion-card span,#outagesView .outage-summary-line>span:not(.chip),#outagesView .outage-summary-copy>p,#outagesView .outage-metrics-grid .metric span,#outagesView .outage-metrics-grid .metric small,#outagesView .outage-impact-list,#outagesView .outage-response-list,#outagesView .outage-provider-meta,#outagesView .outage-incident-card>p,#outagesView .outage-incident-meta,#outagesView .outage-history-card p,#outagesView .outage-delivery-card p,#outagesView .action-legend{color:#665b56!important}
#outagesView .outage-operational-summary{background:linear-gradient(180deg,#fff 0%,var(--ttg-beige-soft) 100%)!important}
#outagesView .outage-action-toolbar{background:var(--ttg-beige-soft)!important;border-color:#e5ddd5!important}
#outagesView .outage-action-toolbar .button.primary{background:var(--ttg-burgundy)!important;border-color:var(--ttg-burgundy)!important;color:#fff!important}
#outagesView .outage-action-toolbar .button.primary:hover{background:var(--ttg-burgundy-deep)!important;border-color:var(--ttg-burgundy-deep)!important}
#outagesView .outage-action-toolbar .button.ghost{background:#fff!important;border-color:#d9cec4!important;color:var(--ttg-ink)!important}
#outagesView .outage-action-toolbar .button.ghost:hover{background:var(--ttg-beige)!important;border-color:var(--ttg-taupe)!important;color:var(--ttg-burgundy-deep)!important}
#outagesView .outage-metrics-grid .metric{border-color:#e5ddd5!important;border-top-color:#5f8268!important;background:#fff!important}
#outagesView .outage-metrics-grid .metric:first-child{border-top-color:var(--ttg-burgundy)!important}
#outagesView .outage-provider{border-top-color:#5f8268!important}
#outagesView .outage-provider.warn{border-top-color:#b58b48!important}
#outagesView .outage-provider.danger{border-top-color:var(--ttg-burgundy)!important}
#outagesView .outage-status-link,#outagesView .incident-timeline summary{color:var(--ttg-burgundy)!important}
#outagesView .outage-incident-card{border-left-color:#b58b48!important}
#outagesView .outage-incident-card.danger{border-left-color:var(--ttg-burgundy)!important}
#outagesView .incident-timeline{border-top-color:#eee5dd!important}
#outagesView .incident-timeline>div>div{border-bottom-color:#f0e8e1!important}
#outagesView .incident-timeline strong{color:var(--ttg-ink)!important}
#outagesView .chip{background:var(--ttg-beige-soft)!important;border-color:#dfd3c8!important;color:#6f1a20!important}
#outagesView .chip.good{background:#edf6ef!important;color:#426d4f!important;border-color:#cfe1d3!important}
#outagesView .chip.warn{background:#fff7e8!important;color:#8b651d!important;border-color:#ead6a5!important}
#outagesView .chip.danger{background:#f8e9ea!important;color:var(--ttg-burgundy-deep)!important;border-color:#e4bfc2!important}
#outagesView .outage-history-grid .panel{background:var(--ttg-beige-soft)!important}
#outagesView .outage-history-card,#outagesView .outage-delivery-card{background:#fff!important}
