.task-prototype { --tp-green:#7ee787; --tp-bg:#0d0f0e; --tp-panel:#141716; --tp-line:#303532; --tp-muted:#8f9892; position:relative; z-index:0; isolation:isolate; width:calc(100% + var(--case-gutter) * 2); margin:var(--case-rhythm) calc(0px - var(--case-gutter)) 0; color:#edf1ee; font-family:"DM Sans",Arial,sans-serif; background:#080a09; overflow:hidden; }
.task-prototype ::selection { background:rgba(20,24,21,.18); color:inherit; }
.task-prototype ::-moz-selection { background:rgba(20,24,21,.18); color:inherit; }
.task-prototype[data-theme="dark"] ::selection { background:rgba(255,255,255,.18); color:inherit; }
.task-prototype[data-theme="dark"] ::-moz-selection { background:rgba(255,255,255,.18); color:inherit; }
.task-prototype * { box-sizing:border-box; }
.tp-icon { display:inline-block; width:18px; height:18px; flex:0 0 auto; fill:currentColor; vertical-align:middle; }
.material-symbols-outlined.tp-icon,
.task-prototype .tp-theme-icon.material-symbols-outlined {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-family:"Material Symbols Outlined" !important;
  font-size:18px;
  font-style:normal;
  font-weight:normal;
  font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 20;
  font-feature-settings:"liga";
  letter-spacing:normal;
  line-height:1;
  text-transform:none;
  white-space:nowrap;
  word-wrap:normal;
}
.tp-list-chevron,.tp-open-icon { width:17px; height:17px; color:#68716c; }
@media (pointer:fine) and (prefers-reduced-motion:no-preference) {
  body.has-cursor-trail .task-prototype,
  body.has-cursor-trail .task-prototype * { cursor:default !important; }
  body.has-cursor-trail .task-prototype :is(a,button,select,[role="button"],tr[tabindex]),
  body.has-cursor-trail .task-prototype :is(a,button,select,[role="button"],tr[tabindex]) * { cursor:pointer !important; }
  body.has-cursor-trail .task-prototype :is(input,textarea,[contenteditable="true"]) { cursor:text !important; }
  body.has-cursor-trail .task-prototype .tp-splitter-v { cursor:col-resize !important; }
  body.has-cursor-trail .task-prototype .tp-splitter-h { cursor:row-resize !important; }
  body.has-cursor-trail .task-prototype .tp-panel[data-resize-horizontal="right"] .tp-corner-resizer { cursor:nwse-resize !important; }
  body.has-cursor-trail .task-prototype .tp-panel[data-resize-horizontal="left"] .tp-corner-resizer { cursor:nesw-resize !important; }
  body.tp-prototype-pointer .cursor-trail { opacity:0 !important; }
}
.tp-screen { min-height:min(980px, 96svh); background:var(--tp-bg); }
.tp-topbar { display:grid; grid-template-columns:220px minmax(260px, 1fr) auto; gap:22px; align-items:center; min-height:66px; padding:0 24px; border-bottom:1px solid var(--tp-line); background:#111412; }
.tp-brand,.tp-user,.tp-back,.tp-ai-strip,.tp-case-identity { display:flex; align-items:center; }
.tp-brand { gap:12px; font-size:14px; }.tp-mark { display:grid; width:26px; height:26px; place-items:center; border:1px solid var(--tp-green); color:var(--tp-green); font-weight:700; }
.tp-search { display:flex; align-items:center; max-width:600px; height:36px; padding:0 12px; border:1px solid var(--tp-line); background:#0b0d0c; color:var(--tp-muted); }
.tp-search input { width:100%; padding:0 8px; border:0; outline:0; background:transparent; color:#fff; }
.tp-user { justify-content:flex-end; gap:8px; color:#b6bdb9; font-size:12px; }.tp-status-dot { width:7px; height:7px; border-radius:50%; background:var(--tp-green); }.tp-avatar { display:grid; width:28px; height:28px; place-items:center; border-radius:50%; background:#27302b; color:#dfe5e1; font-size:10px; font-weight:700; }
.task-prototype > .tp-toolbar-trigger { width:100%; }
.tp-toolbar-trigger { position:relative; z-index:40; height:56px; flex:0 0 56px; border-bottom:1px solid #343936; background:#111412; pointer-events:auto; }
.tp-prototype-toolbar { position:relative; display:flex; width:100%; height:100%; align-items:stretch; justify-content:center; background:#111412; color:#fff; }
.tp-prototype-toolbar>span { position:absolute; top:0; bottom:0; left:0; display:flex; align-items:center; padding:0 22px; color:#a8afab; font:600 9px/1 "DM Sans",Arial,sans-serif; letter-spacing:.08em; white-space:nowrap; }
.tp-prototype-toolbar button { display:inline-flex; gap:9px; min-width:176px; align-items:center; justify-content:center; padding:0 20px; border:0; border-left:1px solid #343936; border-radius:0; background:transparent; color:#fff; font:500 12px/1 "DM Sans","Helvetica Neue",Arial,sans-serif; letter-spacing:0; white-space:nowrap; cursor:pointer; }
.tp-prototype-toolbar button:last-child { min-width:176px; border-right:1px solid #343936; }
.tp-prototype-toolbar button:hover,.tp-prototype-toolbar button:focus-visible { background:#fff; color:#111412; outline:0; }
.tp-prototype-toolbar .tp-icon { width:17px; height:17px; fill:currentColor; }
.task-prototype[data-theme="dark"] .tp-toolbar-trigger,
.task-prototype[data-theme="dark"] .tp-prototype-toolbar { border-color:#d5d8d6; background:#f2f2f2; color:#111412; }
.task-prototype[data-theme="dark"] .tp-prototype-toolbar>span { color:#5f6561; }
.task-prototype[data-theme="dark"] .tp-prototype-toolbar button { border-color:#d5d8d6; color:#111412; }
.task-prototype[data-theme="dark"] .tp-prototype-toolbar button:hover,
.task-prototype[data-theme="dark"] .tp-prototype-toolbar button:focus-visible { background:#111412; color:#fff; }
.tp-fullscreen-exit-label,.tp-prototype-toolbar .tp-collapse-icon { display:none; }
.tp-stage-placeholder { grid-column:1/-1; width:100%; }
.task-prototype.is-stage-locked,.task-prototype.is-focus-mode { position:fixed; right:0; left:0; width:100%; margin:0; overflow:hidden; }
.task-prototype.is-stage-locked { z-index:30; display:grid; top:var(--global-header-height,48px); height:calc(100dvh - var(--global-header-height,48px)); grid-template-rows:56px minmax(0,1fr); }
.task-prototype.is-focus-mode { z-index:1000; top:0; height:100dvh; }
.task-prototype:is(.is-stage-locked,.is-focus-mode) .tp-screen { height:100%; min-height:0; }
.task-prototype:is(.is-stage-locked,.is-focus-mode) .tp-list-layout { height:calc(100% - 66px); min-height:0; }
.task-prototype:is(.is-stage-locked,.is-focus-mode) .tp-task-list { display:flex; min-height:0; flex-direction:column; overflow:hidden; }
.task-prototype:is(.is-stage-locked,.is-focus-mode) .tp-table-wrap { min-height:0; flex:1; overflow:auto; }
.task-prototype:is(.is-stage-locked,.is-focus-mode) .tp-workspace { height:calc(100% - 126px); min-height:0; }
.task-prototype.is-focus-mode .tp-toolbar-trigger { position:absolute; z-index:60; top:12px; right:auto; bottom:auto; left:50%; width:176px; height:42px; border:1px solid #343936; background:#111412; transform:translateX(-50%); }
.task-prototype.is-focus-mode .tp-prototype-toolbar>span,.task-prototype.is-focus-mode [data-enter-fullscreen],.task-prototype.is-focus-mode .tp-stage-exit-label,.task-prototype.is-focus-mode .tp-continue-icon { display:none; }
.task-prototype.is-focus-mode .tp-prototype-toolbar button:last-child { min-width:0; width:100%; padding:0 16px; border:0; }
.task-prototype.is-focus-mode .tp-fullscreen-exit-label { display:inline; }
.task-prototype.is-focus-mode .tp-collapse-icon { display:inline-flex; }
body.tp-prototype-locked { overflow:hidden; }
.tp-onboarding { position:absolute; z-index:70; inset:0; background:rgba(0,0,0,.42); backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px); pointer-events:auto; }
.tp-onboarding[hidden] { display:none; }
.tp-tour-card { position:absolute; top:50%; left:50%; width:min(650px,calc(100% - 32px)); max-height:calc(100% - 32px); padding:26px; border:0; background:#f2f2f2; color:#000; box-shadow:none; overflow:auto; transform:translate(-50%,-50%); }
/* The introduction belongs to the portfolio, outside the workspace theme. */
.task-prototype .tp-tour-card { --action-green:var(--site-action-green,#49a85d); }
.tp-tour-kicker { display:block; margin-bottom:18px; color:#646464; font:600 10px/1.2 "DM Sans",Arial,sans-serif; letter-spacing:.08em; }
/* The dialog receives programmatic focus; only its controls need a focus ring. */
.tp-tour-card:focus { outline: none; }
.tp-tour-card>header { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; padding:0; border:0; }
.tp-tour-card>header button { display:grid; width:40px; height:40px; flex:0 0 40px; place-items:center; padding:0; border:0; background:transparent; color:#000; font:400 28px/1 "DM Sans",sans-serif; cursor:pointer; }
.tp-tour-card>header button:hover,.tp-tour-card>header button:focus-visible { background:var(--action-green); color:#000; outline:0; }
.tp-tour-card h4 { max-width:11ch; margin:0; color:#000; font:700 clamp(2.35rem,6vw,3.7rem)/.9 var(--sans,"DM Sans",Arial,sans-serif); letter-spacing:.5px; text-transform:uppercase; }
.tp-tour-card>p { max-width:52ch; margin:20px 0; color:#292929; font:400 14px/1.5 var(--sans,"DM Sans",Arial,sans-serif); letter-spacing:0; }
.tp-tour-card>p strong { font-weight:600; }
.tp-tour-flow { width:100%; margin:0 0 18px; }
.tp-tour-flow span { min-width:0; text-align:left; }
.tp-tour-flow i { font-style:normal; }
.workflow-page .tp-tour-flow.case-diagram { gap:12px; }
.workflow-page .tp-tour-flow.case-diagram .diagram-node { min-height:70px; padding:14px; font-size:15px; }
.workflow-page .tp-tour-flow.case-diagram .diagram-arrow { flex-basis:34px; }
.tp-tour-next { display:flex; width:100%; min-height:58px; align-items:center; justify-content:flex-start !important; gap:8px !important; padding:15px 16px; border:0; border-radius:0; background:#000; color:#fff; font:500 13px/1.2 "DM Sans",sans-serif; letter-spacing:.035em; cursor:pointer; }
.tp-tour-next:hover,.tp-tour-next:focus-visible { background:var(--action-green,#49a85d); color:#000; outline:0; }
.tp-tour-continue.case-cta { display:flex; width:max-content; max-width:100%; justify-content:center; margin:18px auto 0; padding:0; border:0; background:transparent; color:#383838; font-size:13px !important; text-align:center; cursor:pointer; }
.tp-tour-continue.case-cta:hover,.tp-tour-continue.case-cta:focus-visible { color:var(--action-green,#49a85d); outline:0; }
#prototype-outcomes { scroll-margin-top:var(--global-header-height,48px); }
@media (max-width:700px) {
  .tp-prototype-toolbar>span { display:none; }
  .tp-prototype-toolbar button,
  .tp-prototype-toolbar button:last-child { min-width:0; flex:1; padding:0 10px; font-size:10px; }
  .task-prototype.is-focus-mode .tp-prototype-toolbar button:last-child { flex:none; }
  .tp-tour-card { right:16px; left:16px; width:auto; transform:translateY(-50%); }
  .tp-tour-card { padding:20px; }
  .workflow-page .tp-tour-flow.case-diagram { gap:10px; }
  .workflow-page .tp-tour-flow.case-diagram .diagram-node { min-height:62px; padding:16px; font-size:16px; }
  .workflow-page .tp-tour-flow.case-diagram .diagram-arrow { flex-basis:38px; }
}
.tp-list-layout { display:grid; grid-template-columns:220px minmax(0,1fr); min-height:754px; }
.tp-filters { padding:28px 18px; border-right:1px solid var(--tp-line); }.tp-filter-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:28px; }.tp-filter-heading button,.tp-filters button { border:0; background:none; color:var(--tp-muted); cursor:pointer; }.tp-filter-heading button { color:var(--tp-green); font-size:11px; }
.tp-filters > p { margin:24px 8px 8px; color:#707974; font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }.tp-filters > button { display:flex; width:100%; justify-content:space-between; padding:10px 9px; text-align:left; }.tp-filters > button.is-selected { background:#1b241f; color:var(--tp-green); }.tp-filters button b { font-size:10px; }.tp-filters label { display:block; padding:8px; color:#b5bcb8; font-size:12px; }.tp-filters input { accent-color:var(--tp-green); }
.tp-task-list { position:relative; min-width:0; padding:30px; }.tp-page-title { display:flex; justify-content:space-between; align-items:end; margin-bottom:24px; }.tp-page-title span,.tp-panel header span { color:var(--tp-green); font-size:9px; font-weight:700; letter-spacing:.13em; }.tp-page-title h3 { margin:4px 0 0; color:#fff; font-size:32px; }.tp-secondary,.tp-primary { min-height:36px; padding:0 16px; border:1px solid #56605a; background:transparent; color:#e7ebe8; cursor:pointer; }.tp-secondary:hover { border-color:var(--tp-green); }.tp-primary { border-color:var(--tp-green); background:var(--tp-green); color:#081009; font-weight:700; }
.tp-table-wrap { overflow:auto; border:1px solid var(--tp-line); }.tp-task-list table { width:100%; border-collapse:collapse; min-width:750px; }.tp-task-list th { padding:13px 16px; border-bottom:1px solid var(--tp-line); color:#78817c; font-size:10px; text-align:left; text-transform:uppercase; letter-spacing:.08em; }.tp-task-list td { padding:16px; border-bottom:1px solid #252a27; color:#bdc4c0; font-size:12px; }.tp-task-list tbody tr { cursor:pointer; transition:background .15s; }.tp-task-list tbody tr:hover,.tp-task-list tbody tr:focus { outline:0; background:#19201c; }.tp-task-list td:first-child strong,.tp-task-list td:first-child small { display:block; }.tp-task-list td:first-child strong { color:#f0f3f1; font-size:13px; }.tp-task-list small { margin-top:4px; color:#727b76; }.tp-pill { display:inline-flex; padding:4px 7px; background:#242925; color:#b9c0bc; font-size:10px; }.tp-green { background:#183421; color:var(--tp-green); }.tp-priority-high { color:#ffbd63; }.tp-empty { padding:60px; color:var(--tp-muted); text-align:center; }
.tp-task-list tbody td:last-child { position:relative; }.tp-row-chevron { position:absolute; top:50%; right:15px; color:var(--tp-green); opacity:0; transform:translate(-4px,-50%); transition:opacity .15s ease,transform .15s ease; pointer-events:none; }.tp-task-list tbody tr:hover .tp-row-chevron,.tp-task-list tbody tr:focus .tp-row-chevron { opacity:.7; transform:translate(0,-50%); }
.tp-casebar { grid-template-columns:135px minmax(210px,.8fr) minmax(320px,1.2fr) auto; }.tp-back { gap:8px; border:0; background:none; color:#aab2ad; cursor:pointer; }.tp-case-identity { align-items:flex-start; flex-direction:column; padding-left:20px; border-left:1px solid var(--tp-line); }.tp-case-identity span { color:var(--tp-green); font:700 9px/1.4 "DM Sans",Arial,sans-serif; }.tp-case-identity strong { margin-top:3px; overflow:hidden; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }.tp-ai-strip { justify-self:stretch; gap:10px; padding:8px 14px; border:1px solid #294332; background:#142019; }.tp-ai-strip div { display:flex; flex:1; flex-direction:column; }.tp-ai-strip small { color:var(--tp-green); font-size:8px; letter-spacing:.08em; }.tp-ai-strip strong { margin-top:2px; font-size:11px; }.tp-ai-icon { color:var(--tp-green); }.tp-sla { padding-left:12px; border-left:1px solid #35513e; color:#8e9992; font-size:9px; }.tp-sla b { color:#e7ece8; }
.tp-copy-id { display:flex; align-items:center; gap:6px; padding:0; border:0; background:none; cursor:pointer; }.tp-copy-id:hover span:last-child { color:#fff; }.tp-ai-strip em { margin-top:2px; color:#819087; font-size:8px; font-style:normal; }.tp-ai-strip .tp-health-metrics { display:grid; flex:0 0 auto; grid-template-columns:repeat(4,auto); flex-direction:row; align-items:stretch; margin:-8px -14px -8px 6px; border-left:1px solid #35513e; }.tp-health-metrics>span { display:flex; min-width:62px; justify-content:center; padding:7px 10px; border-left:1px solid #283c30; flex-direction:column; }.tp-health-metrics small { color:#7d8981; font-size:7px; }.tp-health-metrics b { margin-top:2px; color:#f0f4f1; font-size:12px; }.tp-health-metrics .is-alert b { color:#ffad8f; }.tp-health-metrics .is-sla b { color:#ffd778; }
.tp-overview-v2 { height:calc(min(980px, 96svh) - 126px); min-height:760px; background:#0b0d0c; overflow:hidden; }.tp-overview-v2[hidden]{display:none}.task-prototype:is(.is-stage-locked,.is-focus-mode) .tp-overview-v2{height:calc(100% - 126px);min-height:0}.tp-overview-v2:not([hidden]) + .tp-workspace { display:none; }
.tp-request-tabs { display:flex; height:48px; align-items:end; padding:0 22px; border-bottom:1px solid var(--tp-line); background:#121513; overflow-x:auto; }.tp-request-tabs button { position:relative; height:48px; padding:0 16px; border:0; background:none; color:#929b95; font:600 10px/1 "DM Sans",sans-serif; white-space:nowrap; cursor:pointer; }.tp-request-tabs button:hover { color:#fff; }.tp-request-tabs button.is-current { color:#fff; }.tp-request-tabs button.is-current::after { position:absolute; right:14px; bottom:0; left:14px; height:2px; background:var(--tp-green); content:""; }.tp-request-tabs b { margin-left:4px; color:#dce2de; font-size:9px; }
.tp-overview-grid { display:grid; grid-template-columns:minmax(0,1fr) 270px; height:calc(100% - 48px); }.tp-overview-main { min-width:0; padding:18px; overflow:auto; }.tp-attention-card,.tp-recent-card,.tp-request-details { border:1px solid var(--tp-line); background:#141716; }.tp-attention-card>header,.tp-recent-card>header,.tp-request-details>header { display:flex; min-height:58px; justify-content:space-between; align-items:center; padding:0 18px; border-bottom:1px solid #292e2b; }.tp-attention-card header span,.tp-recent-card header span,.tp-request-details header span { color:var(--tp-green); font-size:8px; font-weight:700; letter-spacing:.14em; }.tp-attention-card h4,.tp-recent-card h4,.tp-request-details h4 { margin:3px 0 0; color:#f3f6f4; font-size:16px; }.tp-attention-card>header>small { color:#737d77; font-size:9px; }
.tp-attention-list button { display:grid; width:100%; min-height:68px; grid-template-columns:38px minmax(0,1fr) auto; align-items:center; gap:12px; padding:10px 16px; border:0; border-bottom:1px solid #292e2b; background:transparent; color:inherit; text-align:left; cursor:pointer; }.tp-attention-list button:last-child { border-bottom:0; }.tp-attention-list button:hover { background:#1a1e1b; }.tp-attention-rank { display:grid; width:28px; height:28px; place-items:center; border:1px solid #465049; color:#a8b1ab; font:700 10px/1 "DM Sans",Arial,sans-serif; }.tp-attention-rank.is-urgent { border-color:#6c805f; background:#1a261d; color:var(--tp-green); }.tp-attention-list .is-escalation .tp-attention-rank { border-color:#8a4d3d; background:#2a1915; color:#ffad8f; }.tp-attention-list .is-sla .tp-attention-rank { width:32px; border-color:#76653c; background:#282313; color:#ffd778; font-size:8px; }.tp-attention-list strong { display:block; color:#edf1ee; font-size:12px; }.tp-attention-list small { display:block; margin-top:4px; color:#89928c; font-size:9px; }.tp-attention-link { padding-left:14px; color:#7f8983; font-size:9px; }.tp-attention-link b { margin-left:7px; color:var(--tp-green); font-size:13px; }
.tp-recent-card { margin-top:14px; }.tp-recent-card>header { min-height:52px; }.tp-recent-card header button { border:0; background:none; color:#8f9992; font-size:9px; cursor:pointer; }.tp-recent-card ol { display:grid; grid-template-columns:repeat(4,1fr); margin:0; padding:0; list-style:none; }.tp-recent-card li { display:flex; gap:10px; min-height:72px; padding:14px; border-right:1px solid #292e2b; }.tp-recent-card li:last-child { border:0; }.tp-recent-card time { color:#737d77; font:600 8px/1.5 "DM Sans",Arial,sans-serif; }.tp-recent-card b,.tp-recent-card small { display:block; }.tp-recent-card b { color:#dce1de; font-size:9px; }.tp-recent-card small { margin-top:5px; color:#737d77; font-size:8px; }
.tp-request-details { border-width:0 0 0 1px; background:#111412; overflow:auto; }.tp-request-details>header { position:sticky; z-index:1; top:0; background:#151816; }.tp-request-details dl { margin:0; padding:8px 18px 20px; }.tp-request-details dl div { padding:10px 0; border-bottom:1px solid #292e2b; }.tp-request-details dt { color:#737d77; font-size:8px; }.tp-request-details dd { margin:4px 0 0; color:#dce1de; font-size:10px; }.tp-request-details a { color:var(--tp-green); text-decoration:none; }.tp-status-value { display:flex; align-items:center; gap:6px; }.tp-status-value i { width:6px; height:6px; border-radius:50%; background:var(--tp-green); box-shadow:0 0 0 3px #193020; }
.tp-workspace { --c1:31%; --c2:34%; --r1:42%; --r2:27%; position:relative; display:grid; grid-template-columns:var(--c1) 6px var(--c2) 6px minmax(0,1fr); grid-template-rows:var(--r1) 6px var(--r2) 6px minmax(0,1fr); height:calc(min(980px, 96svh) - 126px); min-height:760px; padding:10px; background:#090b0a; }
.tp-workspace[hidden] { display:none; }
.tp-panel { position:relative; min-width:0; min-height:0; border:1px solid var(--tp-line); background:var(--tp-panel); overflow:hidden; }.tp-panel:nth-of-type(1){grid-area:1/1}.tp-panel:nth-of-type(2){grid-area:1/3}.tp-panel:nth-of-type(3){grid-area:1/5}.tp-panel:nth-of-type(4){grid-area:3/1}.tp-panel:nth-of-type(5){grid-area:3/3}.tp-panel:nth-of-type(6){grid-area:3/5}.tp-panel:nth-of-type(7){grid-area:5/1/6/4}.tp-panel:nth-of-type(8){grid-area:5/5}
.tp-panel.is-view-hidden { display:none!important; }
.tp-panel-tools { display:flex; gap:2px; }
.tp-panel.is-collapsed { height:51px; align-self:start; }
.tp-panel.is-collapsed .tp-panel-body { display:none; }
.tp-panel.is-inline-focus { height:auto; align-self:stretch; }
.tp-panel.is-inline-focus .tp-panel-tools [data-collapse-audit] { display:none; }
.tp-corner-resizer { position:absolute; z-index:5; right:-1px; bottom:-1px; width:15px; height:15px; outline:0; touch-action:none; }
.tp-corner-resizer::before { position:absolute; right:3px; bottom:3px; width:7px; height:7px; border-right:2px solid #5e6962; border-bottom:2px solid #5e6962; content:""; transition:border-color .15s; }
.tp-corner-resizer:hover::before,.tp-corner-resizer:focus-visible::before,.tp-corner-resizer.is-dragging::before { border-color:var(--tp-green); }
.tp-panel[data-resize-horizontal="left"] .tp-corner-resizer { right:auto; left:-1px; }
.tp-panel[data-resize-horizontal="left"] .tp-corner-resizer::before { right:auto; left:3px; border-right:0; border-left:2px solid #5e6962; }
.tp-panel[data-resize-vertical="top"] .tp-corner-resizer { top:-1px; bottom:auto; }
.tp-panel[data-resize-vertical="top"] .tp-corner-resizer::before { top:3px; bottom:auto; border-top:2px solid #5e6962; border-bottom:0; }
.tp-workspace.has-expanded-panel .tp-corner-resizer,.tp-panel.is-collapsed .tp-corner-resizer { display:none; }
.tp-panel header > div > span { display:none; }
.tp-workspace.has-expanded-panel > .tp-panel:not(.is-maximized),.tp-workspace.has-expanded-panel > .tp-splitter { display:none; }
.tp-workspace.has-expanded-panel > .tp-panel.is-maximized { position:relative; inset:auto; grid-area:1/1/6/6; }
.tp-panel header { display:flex; height:51px; justify-content:space-between; align-items:center; padding:0 14px; border-bottom:1px solid #2b302d; background:#171a18; }.tp-panel header h4 { margin:2px 0 0; color:#eef1ef; font-size:13px; }.tp-panel header h4 b { color:#737d77; font-size:10px; }.tp-panel header button { display:grid; width:28px; height:28px; padding:0; place-items:center; border:1px solid transparent; background:none; color:#8d9690; cursor:pointer; }.tp-panel header button .tp-icon { width:16px; height:16px; }.tp-panel header button:hover { border-color:#4f5a53; color:var(--tp-green); }.tp-panel-body { height:calc(100% - 51px); padding:14px; overflow:auto; color:#abb3ae; font-size:11px; line-height:1.5; }.tp-panel-body h5 { margin:12px 0 6px; color:#f1f4f2; font-size:16px; }.tp-panel-body > p { margin:8px 0; }.tp-panel-body dl { margin:16px 0 0; }.tp-panel-body dl div { display:flex; justify-content:space-between; gap:15px; padding:7px 0; border-top:1px solid #292e2b; }.tp-panel-body dt { color:#737c76; }.tp-panel-body dd { margin:0; color:#d9dedb; text-align:right; }
.tp-splitter { z-index:2; background:#090b0a; touch-action:none; }.tp-splitter:hover,.tp-splitter.is-dragging { background:var(--tp-green); }.tp-v1{grid-area:1/2/4/3;cursor:col-resize}.tp-v2{grid-area:1/4/6/5;cursor:col-resize}.tp-splitter-h{cursor:row-resize}.tp-h1{grid-area:2/1/3/6}.tp-h2{grid-area:4/1/5/6}
.tp-panel.is-maximized { position:absolute; z-index:10; inset:10px; }.tp-panel.is-maximized header button { color:var(--tp-green); }
.tp-panel[data-panel="overview"] .tp-panel-body dl { margin-top:9px; }.tp-panel[data-panel="overview"] .tp-panel-body dl div { padding:4px 0; }
.tp-sender { display:flex; gap:10px; align-items:center; margin-bottom:15px; }.tp-sender > span { display:grid; width:32px; height:32px; place-items:center; border:1px solid #48514c; }.tp-sender div { display:flex; flex-direction:column; }.tp-sender small { color:#737c76; }.tp-fields { margin-top:0!important; }.tp-dot { display:inline-block; width:6px; height:6px; margin-right:4px; border-radius:50%; }.tp-dot.amber { background:#ffbd63; }.tp-text-button { padding:0; border:0; background:none; color:var(--tp-green); font-size:10px; cursor:pointer; }
.tp-email-list { padding:0; }.tp-email-list>button { display:grid; grid-template-columns:32px minmax(0,1fr) auto; gap:10px; align-items:start; width:100%; padding:12px 14px; border:0; border-bottom:1px solid #292e2b; background:transparent; color:#cbd1cd; text-align:left; cursor:pointer; }.tp-email-list>button:hover,.tp-email-list>button.is-current { background:#1a201c; }.tp-email-list>button.is-current { box-shadow:inset 2px 0 var(--tp-green); }.tp-mail-avatar { display:grid; width:30px; height:30px; place-items:center; border:1px solid #4a554e; color:#dfe5e1; font-size:9px; }.tp-mail-avatar.outgoing { border-color:#31563c; color:var(--tp-green); }.tp-email-list>button>span:nth-child(2) { display:block; min-width:0; }.tp-email-list strong,.tp-email-list small { display:block; }.tp-email-list small { margin:2px 0 4px; color:#727b76; }.tp-email-list p { overflow:hidden; margin:0; color:#9ba49e; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }.tp-email-list button>b { color:#66706a; font-size:17px; }
.tp-file { display:grid; grid-template-columns:32px 1fr auto; gap:10px; align-items:center; width:100%; padding:10px 0; border:0; border-bottom:1px solid #292e2b; background:none; color:#dce1de; text-align:left; cursor:pointer; }.tp-filetype { display:grid; height:32px; place-items:center; background:#49201f; color:#ff8c87; font-size:8px; }.tp-filetype.doc { background:#18334a; color:#75b8ec; }.tp-file span:nth-child(2){display:flex;min-width:0;flex-direction:column}.tp-file small{color:#717a75}.tp-file>b{color:#7b847f}.tp-comments>div{display:flex;gap:9px;margin-bottom:14px}.tp-comments p{margin:0}.tp-comments p strong,.tp-comments p small{margin-right:7px}.tp-comments p small{color:#707974}.tp-comments label{display:flex;margin-top:10px;border:1px solid #343a36}.tp-comments input{min-width:0;flex:1;padding:9px;border:0;background:#0e110f;color:#fff}.tp-comments label button{border:0;background:var(--tp-green);color:#071009}.tp-confidence{display:grid;grid-template-columns:1fr auto;gap:7px}.tp-confidence strong{color:var(--tp-green)}.tp-confidence i{grid-column:1/-1;height:4px;background:#303632}.tp-confidence i b{display:block;width:92%;height:100%;background:var(--tp-green)}.tp-ai-panel ul{padding:0;list-style:none}.tp-ai-panel li{padding:7px 0;border-bottom:1px solid #292e2b}.tp-ai-panel li span{display:inline-grid;width:17px;color:var(--tp-green)}.tp-ai-panel li:last-child span{color:#ffbd63}.tp-ai-note{padding:8px;border-left:2px solid var(--tp-green);background:#19231d;color:#8e9992}
.tp-workflow-list { padding:0; }.tp-workflow-list>article { padding:12px 14px; border-bottom:1px solid #292e2b; }.tp-workflow-list>article>div { display:flex; justify-content:space-between; align-items:center; }.tp-workflow-list>article>div small { color:#727b76; }.tp-workflow-list>article>strong { display:block; margin:8px 0; color:#edf1ee; font-size:12px; }.tp-workflow-list ol { margin:0; padding-left:21px; color:#7e8781; }.tp-workflow-list li { padding:2px 0; }.tp-workflow-list li.is-done { color:#69726c; text-decoration:line-through; }.tp-workflow-list li.is-active { color:var(--tp-green); }.tp-audit>div { display:grid; grid-template-columns:42px 8px 1fr; gap:9px; min-height:39px; }.tp-audit time { color:#727b76; font-size:9px; }.tp-audit>div>span { position:relative; width:6px; height:6px; margin-top:4px; border-radius:50%; background:var(--tp-green); }.tp-audit>div>span::after { position:absolute; top:7px; bottom:-31px; left:2px; width:1px; background:#39403c; content:""; }.tp-audit>div:last-child>span::after { display:none; }.tp-audit p { margin:0; }.tp-audit strong,.tp-audit small { display:block; }.tp-audit small { color:#707974; }.tp-linked { padding:0; }.tp-linked>button { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:10px; align-items:center; width:100%; padding:12px 14px; border:0; border-bottom:1px solid #292e2b; background:none; color:#d8ddda; text-align:left; cursor:pointer; }.tp-linked>button:hover { background:#1a201c; }.tp-linked>button>span:first-child strong,.tp-linked>button>span:first-child small { display:block; }.tp-linked small { color:#727b76; }.tp-linked button>b { color:#68716c; font-size:17px; }
.tp-actions { height:60px; padding:11px 18px; border-top:1px solid var(--tp-line); background:#111412; }.tp-actions>div { display:flex; justify-content:flex-end; align-items:center; gap:8px; }.tp-action-state { margin-right:auto; color:#89928c; font-size:10px; }.tp-toast { position:absolute; z-index:30; right:22px; bottom:78px; padding:12px 16px; background:var(--tp-green); color:#071009; font-size:11px; font-weight:700; opacity:0; transform:translateY(8px); pointer-events:none; transition:.2s; }.tp-toast.is-visible { opacity:1; transform:none; }
.tp-comments label button { display:grid; width:38px; padding:0; place-items:center; }
.tp-comments label button .tp-icon,.tp-actions .tp-primary .tp-icon { width:16px; height:16px; }
.tp-actions .tp-primary { display:inline-flex; gap:7px; align-items:center; }
.tp-back .tp-icon { width:17px; height:17px; }
.tp-ai-strip > .tp-icon { width:18px; height:18px; }
.task-prototype :is(button,input,tr[tabindex]):focus-visible { outline:2px solid var(--tp-green); outline-offset:2px; }
.tp-panel.is-inline-focus .tp-panel-body { padding:0; }
.tp-inline-context-strip { display:grid; grid-template-columns:repeat(8,minmax(112px,1fr)); min-height:60px; overflow-x:auto; border-bottom:1px solid var(--tp-line); background:#0f1210; }
.tp-inline-context-strip button { min-width:0; padding:9px 12px; border:0; border-right:1px solid #303632; background:#151917; color:#bac2bd; text-align:left; cursor:pointer; }
.tp-inline-context-strip button:hover,.tp-inline-context-strip button:focus-visible { background:#1b211d; color:#fff; }
.tp-inline-context-strip button.is-current { box-shadow:inset 0 -2px 0 var(--tp-green); background:#1a211c; color:#fff; }
.tp-inline-context-strip button.is-current strong { color:var(--tp-green); }
.tp-inline-context-strip strong,.tp-inline-context-strip small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tp-inline-context-strip strong { font-size:9px; letter-spacing:.03em; text-transform:uppercase; }
.tp-inline-context-strip small { margin-top:4px; color:#707a74; font-size:8px; }
.tp-inline-focus-layout { display:grid; grid-template-columns:minmax(230px,28%) minmax(0,1fr); height:calc(100% - 60px); }
.tp-inline-generic-content { height:calc(100% - 60px); padding:18px; overflow:auto; }
.tp-comments-expanded { display:flex; height:calc(100% - 60px); min-height:0; flex-direction:column; overflow:hidden; }
.tp-comments-thread { min-height:0; flex:1; padding:4px 18px; overflow:auto; }
.tp-comment-item { display:grid; grid-template-columns:34px minmax(0,1fr); gap:11px; align-items:start; padding:16px 0; border-bottom:1px solid #292e2b; }
.tp-comment-item > div { min-width:0; }
.tp-comment-item p { margin:0; color:#aab2ad; line-height:1.5; }
.tp-comment-item p:first-child { display:flex; align-items:baseline; gap:8px; margin-bottom:4px; }
.tp-comment-item strong { color:#e7ebe8; }
.tp-comment-item time { color:#707974; font-size:10px; }
.tp-comment-composer { display:flex; min-height:48px; flex:0 0 48px; margin:0; border:0; border-top:1px solid #343a36; background:#0e110f; }
.tp-comment-composer input { min-width:0; flex:1; padding:0 16px; border:0; outline:0; background:transparent; color:#fff; font:inherit; }
.tp-comment-composer input:focus { box-shadow:inset 0 0 0 1px #59645d; }
.tp-comment-composer button { display:grid; width:48px; min-width:48px; height:48px; padding:0; place-items:center; border:0; background:var(--tp-green); color:#071009; cursor:pointer; }
.tp-comment-composer button:hover { filter:brightness(1.08); }
.tp-comment-composer .tp-icon { width:17px; height:17px; }
.tp-inline-object-list { min-width:0; overflow:auto; border-right:1px solid var(--tp-line); background:#111412; }
.tp-inline-object-detail { display:flex; min-width:0; min-height:0; flex-direction:column; background:#121513; }
.tp-inline-object-title { display:flex; min-height:48px; align-items:center; padding:0 16px; border-bottom:1px solid #303632; }
.tp-inline-object-title strong { overflow:hidden; color:#edf1ee; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
.tp-inline-object-detail > .tp-detail-body { min-height:0; flex:1; }
.tp-inline-object-detail > .tp-document-detail { padding:0; }
.tp-channel-icon { display:grid; width:30px; height:30px; place-items:center; border:1px solid #3f4843; color:#9aa49e; }
.tp-channel-icon .tp-icon { width:15px; height:15px; }
.tp-workflow-list > article[role="button"] { cursor:pointer; transition:background .16s ease; }
.tp-workflow-list > article[role="button"]:hover,.tp-workflow-list > article[role="button"]:focus-visible { background:#1a201c; }
.tp-panel header span { color:#818b85; }
.tp-workflow-panel header span { color:var(--tp-green); }

.tp-focus-workspace { --focus-context:34%; display:grid; grid-template-columns:minmax(290px,var(--focus-context)) 6px minmax(0,1fr); height:calc(min(980px, 96svh) - 126px); min-height:760px; padding:10px; background:#090b0a; }
.task-prototype:is(.is-stage-locked,.is-focus-mode) .tp-focus-workspace { height:calc(100% - 126px); min-height:0; }
.tp-focus-workspace[hidden] { display:none; }
.tp-context-panel,.tp-focus-detail { min-width:0; min-height:0; border:1px solid var(--tp-line); background:#121513; overflow:hidden; }
.tp-context-panel { display:flex; flex-direction:column; }
.tp-focus-heading { display:flex; min-height:62px; justify-content:space-between; align-items:center; gap:12px; padding:10px 12px 10px 16px; border-bottom:1px solid var(--tp-line); background:#171a18; }
.tp-focus-heading > div { min-width:0; }
.tp-focus-heading span,.tp-detail-eyebrow { display:block; color:#818b85; font-size:8px; font-weight:700; letter-spacing:.13em; }
.tp-focus-heading strong { display:block; margin-top:4px; overflow:hidden; color:#eef1ef; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
.tp-focus-heading button { display:inline-flex; gap:6px; align-items:center; min-height:32px; padding:0 9px; border:1px solid #3d4540; background:transparent; color:#aeb6b1; font-size:10px; cursor:pointer; }
.tp-focus-heading button:hover { border-color:#66716a; color:#fff; }
.tp-focus-heading button .tp-icon { width:15px; height:15px; }
.tp-active-context { max-height:48%; overflow:auto; border-bottom:1px solid var(--tp-line); }
.tp-context-list { margin:0; padding:0; list-style:none; }
.tp-context-list button,.tp-context-list [role="button"] { display:grid; grid-template-columns:32px minmax(0,1fr) auto; gap:10px; align-items:center; width:100%; min-height:62px; padding:10px 13px; border:0; border-bottom:1px solid #292e2b; background:none; color:#cdd3cf; text-align:left; cursor:pointer; }
.tp-context-list button:hover,.tp-context-list button.is-selected,.tp-context-list [role="button"]:hover,.tp-context-list [role="button"].is-selected { background:#1a201c; }
.tp-context-list button.is-selected,.tp-context-list [role="button"].is-selected { box-shadow:inset 3px 0 #6fca78; }
.tp-context-list strong,.tp-context-list small { display:block; }
.tp-context-list strong { overflow:hidden; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.tp-context-list small { margin-top:3px; color:#707a74; font-size:9px; }
.tp-context-list .tp-pill { align-self:start; font-size:8px; }
.tp-focus-steps { margin:0; padding:8px 14px 10px 48px; border-bottom:1px solid #292e2b; color:#7d8781; font-size:9px; }
.tp-focus-steps li { padding:3px 0; }
.tp-focus-steps .is-done { color:#667069; text-decoration:line-through; }
.tp-focus-steps .is-active { color:var(--tp-green); font-weight:700; }
.tp-context-rails { min-height:0; flex:1; overflow:auto; }
.tp-context-rails button { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; width:100%; padding:11px 14px; border:0; border-bottom:1px solid #292e2b; background:none; color:#c1c8c3; text-align:left; cursor:pointer; }
.tp-context-rails button:hover { background:#181d1a; color:#fff; }
.tp-context-rails strong,.tp-context-rails small { display:block; }
.tp-context-rails strong { font-size:10px; letter-spacing:.04em; text-transform:uppercase; }
.tp-context-rails small { margin-top:3px; color:#6f7872; font-size:9px; }
.tp-context-rails .tp-icon { width:16px; height:16px; align-self:center; color:#66716a; }
.tp-focus-divider { background:#090b0a; cursor:col-resize; touch-action:none; }
.tp-focus-divider:hover,.tp-focus-divider.is-dragging { background:var(--tp-green); }
.tp-focus-detail { display:flex; flex-direction:column; }
.tp-detail-header { display:flex; min-height:62px; justify-content:space-between; align-items:center; gap:16px; padding:10px 16px 10px 20px; border-bottom:1px solid var(--tp-line); background:#171a18; }
.tp-detail-header h4 { margin:3px 0 0; color:#f0f3f1; font-size:17px; }
.tp-detail-actions { display:flex; gap:7px; }
.tp-detail-actions button { display:inline-flex; gap:6px; align-items:center; min-height:32px; padding:0 10px; border:1px solid #404843; background:transparent; color:#b6beb9; font-size:10px; cursor:pointer; }
.tp-detail-actions button:hover { border-color:#69736d; color:#fff; }
.tp-detail-actions .tp-icon { width:15px; height:15px; }
.tp-detail-body { min-height:0; flex:1; overflow:auto; padding:24px; color:#b2bbb5; font-size:11px; line-height:1.55; }
.tp-detail-meta { display:flex; flex-wrap:wrap; gap:18px; padding-bottom:18px; border-bottom:1px solid #2a302c; }
.tp-detail-meta div { min-width:110px; }
.tp-detail-meta small,.tp-detail-section > small { display:block; color:#717b75; font-size:8px; letter-spacing:.1em; text-transform:uppercase; }
.tp-detail-meta strong { display:block; margin-top:4px; color:#e3e8e5; font-size:11px; }
.tp-detail-section { max-width:760px; margin-top:26px; }
.tp-detail-section h5 { margin:6px 0 12px; color:#f0f3f1; font-size:20px; }
.tp-message-copy { font-size:13px; line-height:1.75; }
.tp-message-copy p { margin:0 0 14px; }
.tp-attachment-row { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-top:20px; padding:12px; border:1px solid #343b37; background:#161a17; }
.tp-document-detail { padding:0; overflow:hidden; }
.tp-document-toolbar { display:flex; height:48px; justify-content:space-between; align-items:center; padding:0 14px; border-bottom:1px solid #313733; background:#101311; }
.tp-document-toolbar > div { display:flex; gap:6px; align-items:center; }
.tp-icon-button { display:grid; width:30px; height:30px; padding:0; place-items:center; border:1px solid #3b433e; background:none; color:#aeb7b1; cursor:pointer; }
.tp-icon-button:hover { border-color:#69746d; color:#fff; }
.tp-icon-button .tp-icon { width:16px; height:16px; }
.tp-document-canvas { height:calc(100% - 48px); padding:24px; overflow:auto; background:#dfe2e0; }
.tp-document-page { width:min(600px,92%); min-height:760px; margin:0 auto; padding:54px 58px; background:#f2f1ec; color:#20231f; box-shadow:0 12px 34px rgba(0,0,0,.35); transform:scale(var(--document-scale,1)); transform-origin:top center; transition:transform .18s ease; }
.tp-document-page .tp-doc-kicker { color:#58615b; font:600 9px/1.4 "DM Sans",Arial,sans-serif; letter-spacing:.08em; }
.tp-document-page h5 { margin:18px 0 28px; font-size:25px; }
.tp-panel-body .tp-document-page h5 { color:#20231f; }
.tp-document-page p { font-size:12px; line-height:1.7; }
.tp-document-page dl { margin-top:28px; }
.tp-document-page dl div { display:grid; grid-template-columns:140px 1fr; padding:10px 0; border-top:1px solid #c8ccc7; }
.tp-document-page dt { color:#667069; }
.tp-document-page dd { margin:0; color:#20231f; font-weight:700; }
.tp-task-detail { max-width:860px; }
.tp-task-instruction { margin:0 0 22px; padding:14px; border-left:2px solid #6fca78; background:#172019; }
.tp-address-compare { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.tp-address-card { padding:15px; border:1px solid #343b37; background:#151917; }
.tp-address-card small { color:#78827c; font-size:8px; letter-spacing:.1em; text-transform:uppercase; }
.tp-address-card address { margin-top:9px; color:#e3e8e5; font-style:normal; line-height:1.65; }
.tp-verification { margin:22px 0 0; padding:0; border:0; }
.tp-verification legend { display:block; width:100%; margin-bottom:9px; padding:0; color:#edf1ee; font-weight:700; }
.tp-verification label { display:flex; gap:9px; align-items:center; padding:9px 10px; border-top:1px solid #2c322e; cursor:pointer; }
.tp-verification input { accent-color:#6fca78; }
.tp-review-note { display:block; margin-top:18px; }
.tp-review-note span { display:block; margin-bottom:6px; color:#828c86; }
.tp-review-note textarea { width:100%; min-height:70px; padding:10px; resize:vertical; border:1px solid #39413c; background:#0e110f; color:#fff; }
.tp-task-controls { display:flex; gap:8px; justify-content:flex-end; margin-top:18px; }
.tp-focus-workspace.is-object-expanded { grid-template-columns:62px 6px minmax(0,1fr); }
.tp-focus-workspace.is-object-expanded .tp-focus-heading { justify-content:center; padding:10px; }
.tp-focus-workspace.is-object-expanded .tp-focus-heading > div,.tp-focus-workspace.is-object-expanded .tp-active-context,.tp-focus-workspace.is-object-expanded .tp-context-rails,.tp-focus-workspace.is-object-expanded .tp-focus-heading button span { display:none; }
.tp-focus-workspace,.tp-context-panel,.tp-focus-detail { transition:grid-template-columns .22s ease; }
@media(max-width:900px){.tp-screen{min-height:900px}.tp-topbar{grid-template-columns:1fr auto}.tp-search{display:none}.tp-list-layout{grid-template-columns:170px 1fr}.tp-casebar{grid-template-columns:auto 1fr auto}.tp-casebar>.tp-user{font-size:0}.tp-casebar>.tp-user>.tp-status-dot,.tp-casebar>.tp-user>.tp-avatar{display:none}.tp-casebar .tp-focus-toggle{font-size:10px}.tp-ai-strip{grid-column:1/-1;grid-row:2}.tp-casebar{padding-block:8px}.tp-workspace{height:740px}.tp-action-state{display:none}}
@media(max-width:900px){.tp-overview-v2{height:740px}.tp-ai-strip .tp-health-metrics{margin-left:auto}.tp-overview-grid{grid-template-columns:minmax(0,1fr) 220px}.tp-recent-card ol{grid-template-columns:1fr 1fr}.tp-recent-card li:nth-child(2){border-right:0}.tp-recent-card li:nth-child(-n+2){border-bottom:1px solid #292e2b}}
@media(max-width:650px){.task-prototype{width:calc(100% + var(--case-gutter)*2)}.tp-list-layout{display:block}.tp-filters{display:flex;gap:5px;overflow:auto;padding:12px;border-right:0;border-bottom:1px solid var(--tp-line)}.tp-filter-heading,.tp-filters>p,.tp-filters label{display:none}.tp-filters>button{width:auto;white-space:nowrap}.tp-task-list{padding:18px 12px}.tp-page-title h3{font-size:25px}.tp-page-title .tp-secondary{display:none}.tp-casebar{position:relative;grid-template-columns:auto 1fr}.tp-casebar>.tp-user{position:absolute;top:17px;right:10px}.tp-casebar .tp-focus-toggle{margin:0}.tp-casebar .tp-case-identity{padding-right:62px}.tp-ai-strip{grid-column:1/-1}.tp-workspace{display:flex;height:650px;min-height:0;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory}.tp-panel,.tp-panel:nth-of-type(n){display:block;flex:0 0 88%;height:100%;scroll-snap-align:center}.tp-splitter{display:none}.tp-panel.is-maximized{position:sticky;left:0;flex-basis:100%}.tp-actions .tp-secondary:first-of-type{display:none}}
@media(max-width:650px){.tp-ai-strip .tp-health-metrics{display:none}.tp-overview-v2{height:650px;min-height:0}.tp-request-tabs{padding:0 8px}.tp-request-tabs button{padding:0 11px}.tp-overview-grid{display:block;height:calc(100% - 48px);overflow:auto}.tp-overview-main{padding:10px;overflow:visible}.tp-attention-list button{grid-template-columns:34px minmax(0,1fr);padding:10px}.tp-attention-link{display:none}.tp-recent-card ol{grid-template-columns:1fr}.tp-recent-card li{border-right:0;border-bottom:1px solid #292e2b}.tp-request-details{margin:0 10px 16px;border:1px solid var(--tp-line)}.tp-request-details>header{position:static}.tp-actions .tp-secondary:first-of-type{display:none}}
@media(max-width:900px){.tp-focus-workspace{--focus-context:40%;grid-template-columns:minmax(260px,var(--focus-context)) 6px minmax(0,1fr)}.tp-detail-body{padding:18px}.tp-address-compare{grid-template-columns:1fr}.tp-document-page{padding:40px}}
@media(max-width:650px){.tp-focus-workspace{display:flex;height:650px;min-height:0;padding:8px;overflow-x:auto;scroll-snap-type:x mandatory}.tp-context-panel{flex:0 0 78%;scroll-snap-align:start}.tp-focus-detail{flex:0 0 94%;scroll-snap-align:start}.tp-focus-divider{display:none}.tp-focus-workspace.is-object-expanded .tp-context-panel{display:none}.tp-focus-workspace.is-object-expanded .tp-focus-detail{flex-basis:100%}.tp-document-page{width:100%;min-height:620px;padding:30px 24px}.tp-detail-header{padding-left:14px}.tp-detail-actions button span{display:none}}

/* Reference-inspired neutral UI and theme system */
.task-prototype {
  --tp-green:#616161;
  --tp-bg:#fff;
  --tp-panel:#fff;
  --tp-line:#dedede;
  --tp-muted:#707070;
  --tp-surface:#fff;
  --tp-surface-soft:#fff;
  --tp-surface-raised:#fff;
  --tp-text:#181818;
  --tp-text-soft:#616161;
  --tp-hover:#f0f0f0;
  --tp-accent-soft:#ededed;
  --tp-control-focus:#686868;
  --tp-control-focus-bg:#f6f6f6;
  --tp-option-selected:#ededed;
  --tp-option-hover:#e3e3e3;
  --tp-select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='%23707070' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --action-green:var(--tp-text-soft);
  --field-accent:var(--tp-control-focus);
  --field-focus-fill:var(--tp-control-focus-bg);
  --field-focus-width:1px;
  --field-focus-offset:-1px;
  color:var(--tp-text);
  background:var(--tp-bg);
}
.task-prototype[data-theme="dark"] {
  --tp-green:#b8b8b8;
  --tp-bg:#121212;
  --tp-panel:#191919;
  --tp-line:#383838;
  --tp-muted:#a0a0a0;
  --tp-surface:#191919;
  --tp-surface-soft:#242424;
  --tp-surface-raised:#161616;
  --tp-text:#f2f2f2;
  --tp-text-soft:#b8b8b8;
  --tp-hover:#292929;
  --tp-accent-soft:#303030;
  --tp-control-focus:#a0a0a0;
  --tp-control-focus-bg:#242424;
  --tp-option-selected:#333;
  --tp-option-hover:#404040;
  --tp-select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='%23a0a0a0' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.tp-screen,.tp-overview-v2,.tp-workspace,.tp-focus-workspace { background:var(--tp-bg); }
.tp-topbar { min-height:72px; padding:0 28px; border-color:var(--tp-line); background:var(--tp-surface); color:var(--tp-text); }
.tp-brand { color:var(--tp-text); font-size:16px; letter-spacing:-.02em; }
.tp-mark { width:30px; height:30px; border:0; background:var(--tp-text); color:var(--tp-surface); font-size:13px; }
.tp-search { height:42px; border:1px solid var(--tp-line); background:var(--tp-surface); color:var(--tp-muted); }
.tp-search input,.tp-comments input,.tp-comment-composer input,.tp-review-note textarea { color:var(--tp-text); }
.tp-user { color:var(--tp-text-soft); }
.tp-avatar { width:34px; height:34px; background:#dce1dd; color:#222624; }
.tp-theme-toggle { position:relative; display:block; width:76px; min-width:76px; height:30px; min-height:30px; padding:0; border:1px solid var(--tp-line); border-radius:999px; background:var(--tp-surface-soft); color:var(--tp-text); font:600 10px/1 "DM Sans",sans-serif; cursor:pointer; }
.tp-theme-toggle:hover { background:var(--tp-hover); }
.tp-theme-thumb { position:absolute; top:3px; left:3px; display:grid; width:22px; height:22px; place-items:center; border-radius:50%; background:var(--tp-text); color:var(--tp-surface); transition:transform .22s cubic-bezier(.22,1,.36,1); }
.tp-theme-icon { font-size:14px !important; }
.tp-theme-label { position:absolute; top:50%; right:5px; left:28px; text-align:center; transform:translateY(-50%); }
.task-prototype[data-theme="dark"] .tp-theme-thumb { transform:translateX(46px); }
.task-prototype[data-theme="dark"] .tp-theme-label { right:28px; left:5px; }
.tp-list-layout { background:var(--tp-surface); }
.tp-filters { padding:35px 18px 30px; border-color:var(--tp-line); background:var(--tp-surface); }
.tp-filter-heading strong { font-size:18px; }
.tp-filter-heading button { color:var(--tp-text-soft); }
.tp-filters > p { color:var(--tp-muted); }
.tp-filters > button { display:grid; grid-template-columns:1px minmax(0,1fr) auto; gap:8px; align-items:center; margin:2px 0; border-radius:4px; color:var(--tp-text-soft); }
.tp-filters > button::before { width:1px; height:20px; background:transparent; content:""; }
.tp-filters > button:hover { background:var(--tp-hover); color:var(--tp-text); }
.tp-filters > button.is-selected { background:var(--tp-surface-soft); color:var(--tp-text); font-weight:700; }
.tp-filters > button.is-selected::before { background:var(--tp-text); }
.tp-task-list { position:relative; background:var(--tp-surface-raised); }
.tp-page-title span,.tp-panel header span { color:var(--tp-muted); }
.tp-page-title h3 { color:var(--tp-text); font-size:34px; letter-spacing:-.035em; }
.tp-task-list { padding:20px 30px 30px; }
.tp-page-title { margin-bottom:20px; }
@media(max-width:650px){.tp-task-list{padding:18px 12px}.tp-filters{padding:12px}}
.tp-secondary { border-color:var(--tp-text); background:var(--tp-surface); color:var(--tp-text); }
.tp-primary { border-color:var(--tp-text); background:var(--tp-text); color:var(--tp-surface); }
.tp-table-wrap { border-color:var(--tp-line); background:var(--tp-surface); }
.tp-task-list th { padding-block:15px; border-color:var(--tp-line); background:var(--tp-surface-soft); color:var(--tp-muted); }
.tp-task-list td { padding-block:19px; border-color:var(--tp-line); color:var(--tp-text-soft); }
.tp-task-list td:first-child strong { color:var(--tp-text); }
.tp-task-list small { color:var(--tp-muted); }
.tp-task-list tbody tr:hover,.tp-task-list tbody tr:focus { background:var(--tp-hover); }
.tp-pill { border-radius:3px; background:#edf0ee; color:#3f4843; }
.tp-green { background:#d9f4e9; color:#18523e; }
.tp-priority-high { color:#9b5b09; }
.tp-row-chevron { color:var(--tp-text); }
.tp-back,.tp-copy-id:hover span:last-child { color:var(--tp-text-soft); }
.tp-case-identity { border-color:var(--tp-line); }
.tp-case-identity strong { color:var(--tp-text); }
.tp-ai-strip { border-color:#cfe0d5; background:var(--tp-accent-soft); color:var(--tp-text); }
.tp-ai-strip strong,.tp-health-metrics b { color:var(--tp-text); }
.tp-ai-strip .tp-health-metrics,.tp-health-metrics>span { border-color:var(--tp-line); }
.tp-request-tabs,.tp-panel header,.tp-focus-heading,.tp-detail-header,.tp-inline-context-strip { border-color:var(--tp-line); background:var(--tp-surface); }
.tp-request-tabs button,.tp-request-tabs b { color:var(--tp-text-soft); }
.tp-request-tabs button:hover,.tp-request-tabs button.is-current { color:var(--tp-text); }
.tp-attention-card,.tp-recent-card,.tp-request-details,.tp-panel,.tp-context-panel,.tp-focus-detail { border-color:var(--tp-line); background:var(--tp-panel); }
.tp-attention-card>header,.tp-recent-card>header,.tp-request-details>header,.tp-panel header,.tp-detail-header,.tp-focus-heading { border-color:var(--tp-line); background:var(--tp-surface); }
.tp-attention-card h4,.tp-recent-card h4,.tp-request-details h4,.tp-panel header h4,.tp-panel-body h5,.tp-focus-heading strong,.tp-detail-header h4,.tp-detail-section h5 { color:var(--tp-text); }
.tp-attention-list button,.tp-recent-card li,.tp-request-details dl div,.tp-panel-body dl div,.tp-context-list button,.tp-context-rails button,.tp-email-list>button,.tp-file,.tp-workflow-list>article,.tp-linked>button { border-color:var(--tp-line); }
.tp-attention-list button:hover,.tp-context-list button:hover,.tp-context-list button.is-selected,.tp-context-rails button:hover,.tp-email-list>button:hover,.tp-email-list>button.is-current,.tp-workflow-list>article[role="button"]:hover,.tp-linked>button:hover { background:var(--tp-hover); }
.tp-attention-list strong,.tp-recent-card b,.tp-request-details dd,.tp-panel-body dd,.tp-context-list strong,.tp-context-rails strong,.tp-email-list strong,.tp-file,.tp-workflow-list>article>strong,.tp-linked>button { color:var(--tp-text); }
.tp-panel-body,.tp-detail-body,.tp-comment-item p { color:var(--tp-text-soft); }
.tp-request-details,.tp-inline-object-list,.tp-inline-object-detail,.tp-document-toolbar,.tp-comments label,.tp-comment-composer,.tp-review-note textarea { background:var(--tp-surface); }
.tp-inline-context-strip button { border-color:var(--tp-line); background:var(--tp-surface-soft); color:var(--tp-text-soft); }
.tp-inline-context-strip button:hover,.tp-inline-context-strip button:focus-visible,.tp-inline-context-strip button.is-current { background:var(--tp-hover); color:var(--tp-text); }
.tp-inline-object-title,.tp-detail-meta,.tp-address-card,.tp-attachment-row { border-color:var(--tp-line); }
.tp-inline-object-title strong,.tp-detail-meta strong,.tp-address-card address,.tp-verification legend { color:var(--tp-text); }
.tp-address-card,.tp-attachment-row,.tp-task-instruction { background:var(--tp-surface-soft); }
.tp-actions { border-color:var(--tp-line); background:var(--tp-surface); }
.tp-splitter,.tp-focus-divider { background:var(--tp-line); }
.task-prototype[data-theme="dark"] .tp-pill { background:#29302c; color:#d7ddd9; }
.task-prototype[data-theme="dark"] .tp-green { background:#213b2e; color:#9ae0b1; }
.task-prototype[data-theme="dark"] .tp-avatar { background:#303632; color:#f2f4f2; }
@media(max-width:650px){.tp-theme-label,.tp-user>.tp-status-dot,.tp-user>.tp-status-dot+*{display:none}.tp-theme-toggle{padding:3px}.tp-topbar{padding-inline:14px}.tp-filters>button{display:flex}.tp-filters>button::before{display:none}}

/* Lighter product typography, matching the supplied UI references */
.task-prototype { font-weight:400; letter-spacing:-.006em; }
.tp-brand strong { font-weight:500; }
.tp-mark,.tp-avatar { font-weight:500; }
.tp-search input { font:400 13px/1.3 "DM Sans",Arial,sans-serif; }
.tp-theme-toggle,.tp-prototype-toolbar button { font-weight:500; }
.tp-filter-heading strong { font-weight:500; letter-spacing:-.02em; }
.tp-filter-heading button,.tp-filters > button,.tp-filters button b { font-weight:400; }
.tp-filters > button.is-selected { font-weight:500; }
.tp-filters > p,.tp-page-title span,.tp-panel header span,
.tp-attention-card header span,.tp-recent-card header span,.tp-request-details header span,
.tp-focus-heading span,.tp-detail-eyebrow { font-weight:500; letter-spacing:.09em; }
.tp-page-title h3 { font-weight:500; }
.tp-secondary,.tp-primary { font-weight:400; }
.tp-task-list th { font-family:"DM Sans",Arial,sans-serif; font-weight:500; letter-spacing:0; text-transform:none; }
.tp-task-list td,.tp-task-list td:first-child strong { font-weight:400; }
.tp-pill,.tp-priority-high { font-weight:400; }
.tp-case-identity span { font-weight:500; }
.tp-case-identity strong,.tp-ai-strip strong,.tp-health-metrics b { font-weight:500; }
.tp-request-tabs button { font-weight:400; }
.tp-request-tabs button.is-current { font-weight:500; }
.tp-request-tabs b { font-weight:500; }
.tp-attention-card h4,.tp-recent-card h4,.tp-request-details h4,
.tp-panel header h4,.tp-focus-heading strong,.tp-detail-header h4 { font-weight:500; letter-spacing:-.015em; }
.tp-attention-list strong,.tp-recent-card b,.tp-context-list strong,
.tp-context-rails strong,.tp-inline-object-title strong,.tp-detail-meta strong,
.tp-workflow-list > article > strong,.tp-address-card address { font-weight:400; }
.tp-attention-rank,.tp-recent-card time { font-weight:500; }
.tp-panel-body h5,.tp-detail-section h5 { font-weight:500; letter-spacing:-.025em; }
.tp-request-details dd,.tp-panel-body dd,.tp-document-page dd { font-weight:400; }
.tp-verification legend,.tp-focus-steps .is-active { font-weight:500; }
.tp-toast { display:flex; min-width:240px; max-width:340px; min-height:46px; align-items:center; right:20px; bottom:72px; padding:13px 16px; border:1px solid var(--tp-text); background:var(--tp-text); color:var(--tp-surface); box-shadow:0 5px 16px rgba(15,18,16,.14); font:500 10px/1.35 "DM Sans",Arial,sans-serif; letter-spacing:.01em; }

/* Case header: calm utility bar, content hierarchy, and progressive AI disclosure */
.tp-casebar {
  grid-template-columns:auto auto minmax(0,1fr);
  min-height:58px;
  gap:18px;
}
.tp-casebar .tp-user { justify-self:end; }
.tp-casebar .tp-case-identity { padding-left:18px; border-left:1px solid var(--tp-line); }
.tp-case-summary {
  position:relative;
  z-index:5;
  display:grid;
  min-height:118px;
  grid-template-columns:minmax(260px,1fr) minmax(330px,1.05fr) auto;
  align-items:center;
  gap:22px;
  padding:18px 28px;
  border-bottom:1px solid var(--tp-line);
  background:var(--tp-surface);
}
.tp-case-heading { min-width:0; }
.tp-case-kicker { color:var(--tp-muted); font-size:9px; letter-spacing:.08em; text-transform:uppercase; }
.tp-case-heading h3 { margin:5px 0 12px; overflow:hidden; color:var(--tp-text); font-size:25px; font-weight:500; letter-spacing:-.035em; text-overflow:ellipsis; white-space:nowrap; }
.tp-case-meta { display:flex; flex-wrap:wrap; gap:7px 14px; align-items:center; color:var(--tp-muted); font-size:9px; }
.tp-case-meta > span + span { padding-left:14px; border-left:1px solid var(--tp-line); }
.tp-case-summary > .tp-health-metrics { display:grid; grid-template-columns:repeat(2,minmax(72px,1fr)); gap:8px; }
.tp-case-summary > .tp-health-metrics > span { min-width:76px; min-height:45px; justify-content:center; padding:7px 10px; border:1px solid var(--tp-line); background:var(--tp-surface-raised); }
.tp-case-summary > .tp-health-metrics small { color:var(--tp-muted); font-size:7px; font-weight:400; letter-spacing:.04em; text-transform:none; }
.tp-case-summary > .tp-health-metrics b { margin-top:4px; color:var(--tp-text); font-size:12px; font-weight:500; }
.tp-case-summary > .tp-health-metrics .is-alert b { color:#a4513a; }
.tp-case-summary > .tp-health-metrics .is-sla b { color:#8a650b; }
.tp-case-screen .tp-overview-v2,.tp-case-screen .tp-workspace,.tp-case-screen .tp-focus-workspace { height:calc(min(980px, 96svh) - 236px); min-height:650px; }
.task-prototype:is(.is-stage-locked,.is-focus-mode) .tp-case-screen .tp-overview-v2,
.task-prototype:is(.is-stage-locked,.is-focus-mode) .tp-case-screen .tp-workspace,
.task-prototype:is(.is-stage-locked,.is-focus-mode) .tp-case-screen .tp-focus-workspace { height:calc(100% - 236px); min-height:0; }
@media(max-width:900px){
  .tp-case-summary{grid-template-columns:minmax(220px,.85fr) minmax(300px,1.15fr);min-height:136px;padding:14px 18px}.tp-case-summary>.tp-health-metrics{display:none}.tp-case-screen .tp-overview-v2,.tp-case-screen .tp-workspace,.tp-case-screen .tp-focus-workspace{height:calc(100% - 254px)}
}
@media(max-width:650px){
  .tp-casebar{grid-template-columns:auto auto 1fr;min-height:58px;padding-block:0}.tp-casebar>.tp-user{position:static}.tp-case-summary{display:block;min-height:154px;padding:14px}.tp-case-heading h3{font-size:21px;margin-bottom:8px}.tp-case-meta span:nth-child(n+3){display:none}.tp-case-screen .tp-overview-v2,.tp-case-screen .tp-workspace,.tp-case-screen .tp-focus-workspace{height:650px}
}

/* Requests selection, bulk actions, and list footer */
.tp-select-cell { width:46px; min-width:46px; padding-right:4px!important; text-align:center!important; }
.tp-select-cell input { width:15px; height:15px; margin:0; accent-color:var(--tp-text); cursor:pointer; }
.tp-task-list tbody tr.is-selected,
.tp-task-list tbody tr.is-selected:hover,
.tp-task-list tbody tr.is-selected:focus { background:transparent; outline:0; box-shadow:none; }
.tp-task-list tbody tr.is-selected::before,
.tp-task-list tbody tr.is-selected::after { display:none; content:none; }
.tp-task-list tbody tr.is-selected > td { background:color-mix(in srgb,var(--tp-action) 10%,var(--tp-surface)); }
.tp-bulk-bar { display:flex; min-height:52px; align-items:center; gap:10px; padding:8px 12px; border:1px solid var(--tp-line); border-bottom:0; background:var(--tp-surface); }
.tp-bulk-bar.is-inactive { background:var(--tp-surface-soft); }
.tp-bulk-bar.is-inactive > span { color:var(--tp-muted); }
.tp-bulk-bar > span { margin-right:auto; color:var(--tp-text); font-size:11px; }
.tp-bulk-bar > span b { font-size:14px; font-weight:500; }
.tp-bulk-bar label { display:flex; align-items:center; gap:8px; color:var(--tp-muted); font-size:9px; }
.tp-bulk-label { color:var(--tp-text); font:400 11px/1.2 var(--sans,"DM Sans",Arial,sans-serif); letter-spacing:0; text-transform:none; }
.tp-bulk-select { display:block; position:relative; }
.tp-bulk-bar select { display:inline-flex; align-items:center; justify-content:flex-start; width:100%; height:36px; min-width:150px; padding:0 38px 0 12px; appearance:none; border:1px solid var(--tp-line); border-radius:0; outline:0; background:var(--tp-surface); color:var(--tp-text); font:400 12px/1.4 "DM Sans",Arial,sans-serif; letter-spacing:0; text-align:left; text-transform:none; cursor:pointer; }
.tp-bulk-bar select:focus-visible { border-color:var(--tp-text); outline:0; box-shadow:none; }
.tp-bulk-select > .tp-icon { position:absolute; top:50%; right:12px; width:16px; height:16px; color:var(--tp-muted); font-size:16px; transform:translateY(-50%); pointer-events:none; }
.tp-bulk-bar select:disabled { background:var(--tp-surface-soft); color:var(--tp-muted); cursor:not-allowed; opacity:.68; }
.tp-bulk-bar .tp-primary { min-height:34px; }
.tp-bulk-bar .tp-primary:disabled { border-color:var(--tp-line); background:var(--tp-surface-soft); color:var(--tp-muted); cursor:not-allowed; }
.tp-bulk-bar .tp-text-button { margin-left:2px; color:var(--tp-text-soft); }
.tp-bulk-bar .tp-text-button:disabled { color:var(--tp-muted); cursor:not-allowed; opacity:.55; }
.tp-page-actions { display:flex; align-items:center; gap:7px; }
.tp-grid-tool { display:inline-flex; min-height:36px; align-items:center; gap:6px; padding:0 11px; border:1px solid var(--tp-line); border-radius:0; background:var(--tp-surface); color:var(--tp-text-soft); font:500 10px/1 "DM Sans",Arial,sans-serif; cursor:pointer; }
.tp-grid-tool:hover,.tp-grid-tool:focus-visible { border-color:var(--tp-text-soft); background:var(--tp-hover); color:var(--tp-text); }
.tp-grid-tool .tp-icon { width:15px; height:15px; }
.tp-grid-column-panel { position:absolute; z-index:12; top:78px; right:30px; width:190px; padding:12px; border:1px solid var(--tp-line); background:var(--tp-surface); color:var(--tp-text); box-shadow:0 10px 24px rgba(20,24,21,.12); }
.tp-grid-column-panel[hidden] { display:none; }
.tp-grid-column-panel strong { display:block; margin:0 0 8px; font-size:11px; }
.tp-grid-column-panel label { display:flex; min-height:30px; align-items:center; gap:8px; color:var(--tp-text-soft); font-size:10px; cursor:pointer; }
.tp-grid-column-panel input { accent-color:var(--tp-text); }
.tp-table-filter-panel { position:absolute; z-index:13; top:78px; right:152px; display:grid; width:220px; gap:10px; padding:12px; border:1px solid var(--tp-text); background:var(--tp-surface); color:var(--tp-text); box-shadow:5px 5px 0 rgba(20,24,21,.14); }
.tp-table-filter-panel[hidden] { display:none; }
.tp-table-filter-panel > strong { padding-bottom:8px; border-bottom:1px solid var(--tp-line); font-size:11px; }
.tp-table-filter-panel label { display:grid; gap:5px; color:var(--tp-muted); font-size:9px; }
.tp-table-filter-panel select { width:100%; height:32px; padding:0 8px; border:1px solid var(--tp-line); border-radius:0; background:var(--tp-surface); color:var(--tp-text); font:400 10px/1 var(--sans,"DM Sans",Arial,sans-serif); }
.tp-table-filter-panel > button { justify-self:start; padding:4px 0; border:0; border-bottom:1px solid currentColor; background:transparent; color:var(--tp-text); font-size:9px; cursor:pointer; }
.tp-grid-tool b { display:grid; min-width:17px; height:17px; place-items:center; border-radius:9px; background:var(--tp-text); color:var(--tp-surface); font-size:8px; }
.tp-grid-tool b[hidden] { display:none; }
.tp-list-footer { display:flex; min-height:54px; justify-content:space-between; align-items:center; gap:16px; padding:0 14px; border:1px solid var(--tp-line); border-top:0; background:var(--tp-surface); color:var(--tp-muted); font-size:9px; }
.tp-list-footer,.tp-list-footer :is(span,label,b,select,option) { font-family:"DM Sans",Arial,sans-serif; letter-spacing:0; text-transform:none; }
.tp-list-footer > div { display:flex; align-items:center; gap:12px; }
.tp-list-footer label { display:flex; align-items:center; gap:7px; }
.tp-list-footer select { height:30px; padding:0 24px 0 8px; border:1px solid var(--tp-line); border-radius:0; background:var(--tp-surface); color:var(--tp-text); font:400 10px/1 "DM Sans",Arial,sans-serif; cursor:pointer; }
.tp-list-footer nav { display:flex; gap:5px; }
.tp-list-footer b { color:var(--tp-text); font-weight:500; }
.tp-list-footer button { display:grid; width:30px; height:30px; padding:0; place-items:center; border:1px solid var(--tp-line); background:var(--tp-surface); color:var(--tp-text); }
.tp-list-footer button:disabled { color:var(--tp-muted); opacity:.45; }
.tp-list-footer button:not(:disabled) { cursor:pointer; }
.tp-list-footer button:not(:disabled):hover { border-color:var(--tp-text-soft); background:var(--tp-hover); }
.tp-list-footer button .tp-icon { width:15px; height:15px; }
.task-prototype:not(.is-stage-locked):not(.is-focus-mode) .tp-topbar { position:sticky; z-index:35; top:var(--global-header-height,48px); }
.task-prototype:is(.is-stage-locked,.is-focus-mode) .tp-topbar { position:sticky; z-index:35; top:0; }
.tp-list-screen .tp-list-layout { height:calc(min(980px,96svh) - 72px); min-height:0; }
.tp-list-screen .tp-task-list { display:flex; min-height:0; flex-direction:column; overflow:hidden; }
.tp-list-screen .tp-table-wrap { position:relative; min-height:0; flex:1; overflow:auto; }
.tp-task-list table { min-width:820px; }
.tp-task-list th[data-column] { position:relative; padding-right:32px; cursor:grab; user-select:none; }
.tp-task-list th[data-column].is-dragging { opacity:.45; }
.tp-task-list th[data-column] > span { color:inherit; font:inherit; letter-spacing:inherit; }
.tp-task-list th[data-column] > button { position:absolute; top:50%; right:5px; display:grid; width:24px; height:24px; padding:0; place-items:center; border:0; background:transparent; color:var(--tp-muted); opacity:0; transform:translateY(-50%); cursor:pointer; }
.tp-task-list th[data-column]:is(:hover,:focus-within) > button,.tp-task-list th[data-column] > button[aria-expanded="true"] { opacity:1; }
.tp-task-list th[data-column] > button:hover { background:var(--tp-hover); color:var(--tp-text); }
.tp-task-list th[data-column] > button .tp-icon { width:15px; height:15px; }
.tp-task-list :is(th,td).is-pinned { position:sticky; left:46px; z-index:2; background:var(--tp-surface); box-shadow:inset -1px 0 var(--tp-line); }
.tp-task-list th.is-pinned { z-index:4; background:var(--tp-surface-soft); }
.tp-task-list .tp-select-cell { position:sticky; left:0; z-index:5; background:var(--tp-surface-soft); }
.tp-task-list tbody .tp-select-cell { z-index:3; background:var(--tp-surface); }
.tp-task-list [data-selection-cell] { width:46px; min-width:46px; padding-inline:12px; cursor:pointer; }
.task-prototype .tp-task-list input[type="checkbox"] { display:grid; width:16px; height:16px; margin:0 auto; flex:0 0 16px; appearance:none; place-content:center; border:1px solid var(--tp-text-soft); border-radius:2px; outline:0; background:var(--tp-surface); cursor:pointer; }
.task-prototype .tp-task-list input[type="checkbox"]::before { width:8px; height:5px; border-bottom:1.5px solid var(--tp-surface); border-left:1.5px solid var(--tp-surface); content:""; transform:translateY(-1px) rotate(-45deg) scale(0); transform-origin:center; transition:transform .1s ease; }
.task-prototype .tp-task-list input[type="checkbox"]:checked { border-color:var(--tp-text); background:var(--tp-text); }
.task-prototype .tp-task-list input[type="checkbox"]:checked::before { transform:translateY(-1px) rotate(-45deg) scale(1); }
.task-prototype .tp-task-list input[type="checkbox"]:indeterminate { border-color:var(--tp-text); background:var(--tp-text); }
.task-prototype .tp-task-list input[type="checkbox"]:indeterminate::before { width:9px; height:2px; border:0; background:var(--tp-surface); transform:none; }
.task-prototype .tp-task-list input[type="checkbox"]:focus-visible { outline:2px solid var(--tp-text); outline-offset:3px; }
.tp-header-filter { display:inline-flex; position:relative; align-items:center; gap:4px; }
.tp-header-filter > button { display:grid; position:relative; width:24px; height:24px; place-items:center; padding:0; border:0; background:transparent; color:var(--tp-muted); cursor:pointer; }
.tp-header-filter > button:hover,.tp-header-filter > button[aria-expanded="true"] { background:var(--tp-hover); color:var(--tp-text); }
.tp-header-filter svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1.25; stroke-linejoin:round; }
.tp-header-filter > button i { position:absolute; top:3px; right:3px; width:5px; height:5px; border:1px solid var(--tp-surface); border-radius:50%; background:var(--tp-text); }
.tp-header-filter > button i[hidden] { display:none; }
.tp-header-filter .tp-header-filter-clear { width:18px; height:18px; margin-left:-2px; border:1px solid var(--tp-line); border-radius:50%; color:var(--tp-text); font:400 13px/1 "DM Sans",Arial,sans-serif; }
.tp-header-filter .tp-header-filter-clear[hidden] { display:none; }
.tp-header-filter-menu { position:absolute; z-index:25; top:calc(100% + 8px); left:0; min-width:150px; padding:6px; border:1px solid var(--tp-text); background:var(--tp-surface); box-shadow:4px 4px 0 rgba(20,24,21,.14); }
.tp-header-filter-menu[hidden] { display:none; }
.tp-header-filter-menu button { display:block; width:100%; min-height:30px; padding:0 8px; border:0; background:transparent; color:var(--tp-text-soft); font:400 9px/1 var(--sans,"DM Sans",Arial,sans-serif); text-align:left; cursor:pointer; }
.tp-header-filter-menu button:hover { background:var(--tp-hover); color:var(--tp-text); }
.tp-header-filter-menu button.is-selected { background:var(--tp-surface-soft); color:var(--tp-text); font-weight:600; }
.tp-task-list tbody tr:is(:hover,:focus-visible) :is(td.is-pinned,.tp-select-cell) { background:var(--tp-hover); }
.tp-task-list tbody tr.is-selected :is(td.is-pinned,.tp-select-cell) { background:color-mix(in srgb,var(--tp-action) 10%,var(--tp-surface)); }
.tp-task-list tbody tr.is-selected td.is-pinned { box-shadow:inset -1px 0 var(--tp-line); }
.task-prototype .tp-task-list tbody tr:focus-visible { outline:0; background:var(--tp-hover); }
.task-prototype .tp-task-list tbody tr.is-selected:focus-visible { background:transparent; }
.tp-owner-cell { position:relative; }
.tp-column-menu { position:absolute; z-index:10; width:216px; padding:8px; border:1px solid var(--tp-line); background:var(--tp-surface); color:var(--tp-text); box-shadow:0 12px 28px rgba(20,24,21,.14); }
.tp-column-menu[hidden] { display:none; }
.tp-column-menu > strong { display:block; padding:7px 8px 9px; border-bottom:1px solid var(--tp-line); font-size:11px; }
.tp-column-menu > button { display:flex; width:100%; min-height:32px; align-items:center; gap:8px; padding:0 8px; border:0; background:transparent; color:var(--tp-text-soft); font:400 10px/1 "DM Sans",Arial,sans-serif; text-align:left; cursor:pointer; }
.tp-column-menu > button:hover { background:var(--tp-hover); color:var(--tp-text); }
.tp-column-menu > button .tp-icon { width:15px; height:15px; }
.tp-column-menu > label { display:block; margin:7px 0; padding:8px; border-top:1px solid var(--tp-line); border-bottom:1px solid var(--tp-line); color:var(--tp-muted); font-size:9px; }
.tp-column-menu > label span { display:block; margin-bottom:6px; }
.tp-column-menu > label input { width:100%; height:30px; padding:0 8px; border:1px solid var(--tp-line); border-radius:0; background:var(--tp-surface); color:var(--tp-text); font:400 10px/1 "DM Sans",Arial,sans-serif; outline:0; }
.tp-task-list .tp-table-wrap[data-density="compact"] td { padding-block:10px; }
.tp-task-list .tp-table-wrap[data-density="comfortable"] td { padding-block:22px; }
.tp-task-list td:nth-child(2) strong,.tp-task-list td:nth-child(2) small { display:block; }
.tp-task-list td:nth-child(2) strong { color:var(--tp-text); font-size:13px; font-weight:400; }
.tp-task-list td:nth-child(2) small { margin-top:4px; color:var(--tp-muted); }
.tp-task-list .tp-request-cell strong,.tp-task-list .tp-request-cell small { display:block; }
.tp-task-list .tp-request-cell strong { color:var(--tp-text); font-size:13px; font-weight:400; }
.tp-task-list .tp-request-cell small { margin-top:4px; color:var(--tp-muted); }
.tp-attention-signal { display:inline-flex; min-height:24px; align-items:center; padding:3px 8px; border:1px solid var(--tp-line); border-radius:3px; background:var(--tp-surface); color:var(--tp-text-soft); font-size:10px; line-height:1; white-space:nowrap; }
.tp-attention-signal.is-urgent { border-color:rgba(164,81,58,.28); background:rgba(164,81,58,.10); color:#a4513a; }
.tp-attention-signal.is-scheduled { background:var(--tp-surface-soft); color:var(--tp-text-soft); }
@media(max-width:650px){
  .tp-bulk-bar{position:sticky;z-index:3;left:0;min-width:calc(100vw - 24px)}.tp-bulk-bar .tp-bulk-label,.tp-bulk-bar .tp-text-button{display:none}.tp-bulk-bar select{min-width:128px}.tp-list-footer{min-width:820px}.tp-list-footer>div>span:first-child{display:none}
}

/* Segmented workspace tabs */
.tp-request-tabs {
  display:grid;
  height:58px;
  grid-template-columns:repeat(7,minmax(max-content,1fr));
  align-items:stretch;
  padding:0;
  border-bottom:1px solid var(--tp-line);
  background:var(--tp-surface-soft);
}
.tp-request-tabs button {
  height:58px;
  padding:0 16px;
  border-right:1px solid var(--tp-line);
  background:var(--tp-surface-soft);
  color:var(--tp-text-soft);
  font-size:10px;
  font-weight:500;
  letter-spacing:.025em;
  text-align:left;
}
.tp-request-tabs button:last-child { border-right:0; }
.tp-request-tabs button:hover { background:var(--tp-hover); color:var(--tp-text); }
.tp-request-tabs button.is-current { background:var(--tp-surface); color:var(--tp-text); }
.tp-request-tabs button.is-current::after { right:0; bottom:0; left:0; height:3px; }
.tp-request-tabs b { margin-left:5px; color:inherit; font-size:9px; font-weight:400; }
.tp-overview-grid { height:calc(100% - 58px); }
.tp-inline-context-strip { min-height:52px; }
.tp-inline-context-strip button { display:flex; min-height:52px; align-items:center; padding:0 14px; }
.tp-inline-context-strip strong { font-size:9px; font-weight:500; letter-spacing:.025em; text-transform:none; }
.tp-inline-context-strip small { display:none; }
.tp-inline-focus-layout,.tp-inline-generic-content,.tp-comments-expanded { height:calc(100% - 52px); }
@media(max-width:650px){.tp-request-tabs{display:flex;height:54px}.tp-request-tabs button{height:54px;flex:0 0 auto}.tp-overview-grid{height:calc(100% - 54px)}}

/* Flat tab workspace: Overview is a page, not a dashboard of cards */
.tp-overview-v2 { background:var(--tp-surface); }
.tp-overview-grid { grid-template-columns:minmax(0,1fr) 270px; background:var(--tp-surface); }
.tp-overview-main { padding:26px 30px 34px; background:var(--tp-surface); }
.tp-attention-card,.tp-recent-card,.tp-request-details {
  border:0;
  background:transparent;
}
.tp-attention-card > header,.tp-recent-card > header,.tp-request-details > header {
  min-height:46px;
  padding:0;
  border:0;
  border-bottom:1px solid var(--tp-line);
  background:transparent;
}
.tp-attention-card h4,.tp-recent-card h4,.tp-request-details h4 { margin:0; font-size:17px; }
.tp-attention-list button {
  min-height:64px;
  padding:10px 0;
  border-bottom:1px solid var(--tp-line);
}
.tp-attention-list button:hover { background:transparent; }
.tp-attention-list button:hover strong { color:var(--tp-green); }
.tp-attention-rank,.tp-attention-rank.is-urgent,
.tp-attention-list .is-escalation .tp-attention-rank,
.tp-attention-list .is-sla .tp-attention-rank {
  width:28px;
  height:28px;
  border:0;
  background:transparent;
  color:var(--tp-muted);
}
.tp-attention-rank.is-urgent { color:var(--tp-green); }
.tp-attention-list .is-escalation .tp-attention-rank { color:#a4513a; }
.tp-attention-list .is-sla .tp-attention-rank { color:#8a650b; }
.tp-recent-card { margin-top:34px; }
.tp-recent-card ol { grid-template-columns:1fr 1fr; }
.tp-recent-card li { min-height:68px; padding:14px 14px 14px 0; border-right:0; border-bottom:1px solid var(--tp-line); }
.tp-recent-card li:nth-child(even) { padding-left:18px; border-left:1px solid var(--tp-line); }
.tp-request-details {
  padding:26px 18px 32px;
  border-left:1px solid var(--tp-line);
  background:var(--tp-surface-soft);
}
.tp-request-details > header { position:static; }
.tp-request-details dl { padding:8px 0 0; }
.tp-request-details dl div { padding:11px 0; }
.tp-request-details dl div:last-child { border-bottom:0; }
.tp-workspace.has-expanded-panel { padding:0; background:var(--tp-surface); }
.tp-workspace.has-expanded-panel > .tp-panel.is-maximized { inset:0; border:0; background:var(--tp-surface); }
.tp-panel.is-maximized .tp-panel-body { background:var(--tp-surface); }
.tp-inline-context-strip { border-top:0; }
.tp-inline-focus-layout { background:var(--tp-surface); }
@media(max-width:650px){
  .tp-overview-main{padding:20px 16px}.tp-recent-card ol{grid-template-columns:1fr}.tp-recent-card li:nth-child(even){padding-left:0;border-left:0}.tp-request-details{margin:0;padding:20px 16px;border:0;border-top:1px solid var(--tp-line);background:var(--tp-surface-soft)}
}

/* New request workspace: persistent vertical navigation, one view at a time */
.tp-case-screen { position:relative; }
.tp-side-nav {
  position:absolute;
  z-index:12;
  top:176px;
  bottom:60px;
  left:0;
  width:210px;
  padding:16px 12px;
  border-right:1px solid var(--tp-line);
  background:var(--tp-surface-soft);
  overflow:auto;
}
.tp-side-nav button {
  position:relative;
  display:flex;
  width:100%;
  min-height:42px;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 12px;
  border:0;
  background:transparent;
  color:var(--tp-text-soft);
  font:400 11px/1.2 "DM Sans",Arial,sans-serif;
  text-align:left;
  cursor:pointer;
}
.tp-side-nav button:hover { background:var(--tp-hover); color:var(--tp-text); }
.tp-side-nav button.is-current { background:var(--tp-surface); color:var(--tp-text); font-weight:500; }
.tp-side-nav button.is-current::before { position:absolute; top:8px; bottom:8px; left:0; width:2px; background:var(--tp-green); content:""; }
.tp-side-nav b { display:grid; min-width:22px; height:20px; place-items:center; border:1px solid var(--tp-line); color:var(--tp-muted); font-size:9px; font-weight:400; }
.tp-side-nav button.is-current b { border-color:transparent; background:var(--tp-accent-soft); color:var(--tp-green); }
.tp-case-screen > :is(.tp-overview-v2,.tp-workspace,.tp-focus-workspace) { width:calc(100% - 210px); margin-left:210px; }
.tp-case-screen > .tp-actions { margin-left:210px; }
.tp-case-screen .tp-request-tabs,.tp-inline-context-strip { display:none; }
.tp-case-screen .tp-overview-grid { height:100%; }
.tp-inline-focus-layout,.tp-inline-generic-content,.tp-comments-expanded { height:100%; }
.tp-workspace.has-expanded-panel > .tp-panel.is-maximized { grid-area:1/1/6/6; }
@media(max-width:900px){
  .tp-side-nav{top:194px;width:178px}.tp-case-screen>:is(.tp-overview-v2,.tp-workspace,.tp-focus-workspace){width:calc(100% - 178px);margin-left:178px}.tp-case-screen>.tp-actions{margin-left:178px}.tp-side-nav button{padding-inline:10px;font-size:10px}
}
@media(max-width:650px){
  .tp-side-nav{top:212px;bottom:60px;width:148px;padding:10px 8px}.tp-case-screen>:is(.tp-overview-v2,.tp-workspace,.tp-focus-workspace){width:calc(100% - 148px);margin-left:148px}.tp-case-screen>.tp-actions{margin-left:148px}.tp-side-nav button{min-height:40px;padding-inline:8px}.tp-side-nav b{min-width:20px}.tp-overview-grid{display:block}.tp-request-details{margin:0}
}

/* Reference-led composition: navigation owns the left rail */
.tp-side-nav { top:0; bottom:0; padding-top:74px; }
.tp-case-screen > .tp-casebar,.tp-case-screen > .tp-case-summary { width:calc(100% - 210px); margin-left:210px; }
.tp-composed-overview { grid-template-columns:minmax(0,1fr) 300px; gap:18px; padding:20px; background:var(--tp-surface-soft); overflow:auto; }
.tp-composed-overview .tp-overview-main { padding:0; overflow:visible; background:transparent; }
.tp-request-summary,.tp-ready-workflow,.tp-source-summary,.tp-about-request { background:var(--tp-surface); }
.tp-request-summary,.tp-ready-workflow { padding:20px 22px; }
.tp-request-summary > header,.tp-ready-workflow > header,.tp-source-summary > header,.tp-about-request > header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-bottom:13px; border-bottom:1px solid var(--tp-line); }
.tp-request-summary h4,.tp-ready-workflow h4,.tp-source-summary h4,.tp-about-request h4 { margin:0; color:var(--tp-text); font-size:13px; font-weight:500; }
.tp-request-summary > header span { color:var(--tp-green); font-size:8px; }
.tp-request-summary > p { max-width:680px; margin:18px 0 22px; color:var(--tp-text); font-size:13px; line-height:1.65; }
.tp-request-summary > footer { display:flex; align-items:center; justify-content:space-between; gap:14px; color:var(--tp-muted); font-size:9px; }
.tp-request-summary > footer button,.tp-request-details > button,.tp-source-summary button { min-height:32px; padding:0 11px; border:1px solid var(--tp-line); background:var(--tp-surface); color:var(--tp-text); font-size:9px; cursor:pointer; }
.tp-ready-workflow { margin-top:16px; }
.tp-ready-workflow > div { display:grid; grid-template-columns:48px minmax(0,1fr); gap:16px; padding:20px 0; }
.tp-workflow-symbol { display:grid; width:48px; height:48px; place-items:center; border-radius:50%; background:var(--tp-accent-soft); color:var(--tp-green); }
.tp-ready-workflow h5 { margin:0; color:var(--tp-text); font-size:17px; font-weight:500; }
.tp-ready-workflow p { max-width:650px; margin:8px 0; color:var(--tp-text-soft); font-size:10px; line-height:1.55; }
.tp-ready-workflow ul { display:flex; flex-wrap:wrap; gap:6px 18px; margin:12px 0 0; padding:0; color:var(--tp-muted); font-size:9px; list-style:none; }
.tp-ready-workflow footer { display:flex; min-height:54px; align-items:center; justify-content:space-between; gap:16px; padding:10px 12px; background:var(--tp-accent-soft); color:var(--tp-text-soft); font-size:9px; }
.tp-ready-workflow footer > span b { color:var(--tp-green); font-weight:500; }
.tp-ready-workflow footer .tp-primary { white-space:nowrap; }
.tp-overview-aside { display:flex; min-width:0; flex-direction:column; gap:12px; }
.tp-overview-aside .tp-request-details { padding:18px; border:0; background:var(--tp-surface); }
.tp-overview-aside .tp-request-details > header { min-height:0; padding:0 0 12px; }
.tp-overview-aside .tp-request-details dl { display:grid; grid-template-columns:1fr 1fr; gap:12px 18px; padding:14px 0 12px; }
.tp-overview-aside .tp-request-details dl div { padding:0; border:0; }
.tp-overview-aside .tp-request-details > button { width:100%; margin-top:4px; text-align:left; }
.tp-source-summary,.tp-about-request { padding:16px 18px; }
.tp-source-summary > div { display:grid; grid-template-columns:28px minmax(0,1fr) auto; align-items:center; gap:10px; padding-top:14px; }
.tp-source-summary > div > .tp-icon { color:var(--tp-green); }
.tp-source-summary strong,.tp-source-summary small { display:block; }
.tp-source-summary strong { color:var(--tp-text); font-size:10px; font-weight:500; }
.tp-source-summary small { margin-top:3px; color:var(--tp-muted); font-size:8px; }
.tp-about-request p { margin:14px 0 0; color:var(--tp-text-soft); font-size:9px; line-height:1.55; }
@media(max-width:900px){
  .tp-side-nav{top:0;padding-top:74px}.tp-case-screen>.tp-casebar,.tp-case-screen>.tp-case-summary{width:calc(100% - 178px);margin-left:178px}.tp-composed-overview{grid-template-columns:minmax(0,1fr) 240px;padding:14px;gap:12px}.tp-overview-aside .tp-request-details dl{grid-template-columns:1fr}
}
@media(max-width:650px){
  .tp-side-nav{top:0;padding-top:70px}.tp-case-screen>.tp-casebar,.tp-case-screen>.tp-case-summary{width:calc(100% - 148px);margin-left:148px}.tp-composed-overview{display:block;padding:10px}.tp-overview-aside{margin-top:12px}.tp-ready-workflow footer{align-items:flex-start;flex-direction:column}.tp-source-summary>div{grid-template-columns:24px minmax(0,1fr)}.tp-source-summary button{grid-column:2}
}

/* One tab system: persistent icon navigation and a single content surface */
.tp-case-screen > .tp-workspace { display:none !important; }
.tp-side-nav { overflow-x:hidden; transition:width .22s ease; }
.tp-side-nav button { justify-content:flex-start; }
.tp-side-nav button > .tp-icon { width:18px; height:18px; flex:0 0 18px; fill:currentColor; }
.tp-side-nav button > span:not(.tp-icon) { min-width:0; flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tp-side-nav button > b { margin-left:auto; }
.tp-side-nav .tp-nav-collapse { min-height:34px; margin-bottom:10px; border-bottom:1px solid var(--tp-line); color:var(--tp-muted); font-size:9px; }
.tp-side-nav .tp-nav-collapse .tp-icon { transition:transform .22s ease; }
.tp-case-screen.is-nav-collapsed .tp-side-nav { width:64px; padding-top:0; padding-inline:8px; }
.tp-case-screen.is-nav-collapsed .tp-side-nav { overflow:visible; }
.tp-case-screen.is-nav-collapsed .tp-side-nav button { justify-content:center; padding-inline:0; }
.tp-case-screen.is-nav-collapsed .tp-side-nav button > span:not(.tp-icon) { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.tp-case-screen.is-nav-collapsed .tp-side-nav button > b { position:absolute; top:3px; right:2px; min-width:16px; height:16px; padding:0 3px; border:0; border-radius:9px; background:var(--tp-accent-soft); color:var(--tp-green); font-size:8px; }
.tp-case-screen.is-nav-collapsed .tp-side-nav .tp-nav-collapse .tp-icon { transform:rotate(180deg); }
.tp-case-screen.is-nav-collapsed .tp-side-nav button[data-tooltip]::after {
  position:absolute;
  z-index:50;
  top:50%;
  left:calc(100% + 10px);
  padding:7px 10px;
  border:1px solid var(--tp-line);
  background:var(--tp-text);
  color:var(--tp-surface);
  box-shadow:0 8px 22px rgba(0,0,0,.2);
  content:attr(data-tooltip);
  font:500 10px/1 "DM Sans",Arial,sans-serif;
  letter-spacing:0;
  opacity:0;
  pointer-events:none;
  transform:translate(-4px,-50%);
  transition:opacity .14s ease,transform .14s ease;
  white-space:nowrap;
}
.tp-case-screen.is-nav-collapsed .tp-side-nav button[data-tooltip]:is(:hover,:focus-visible)::after { opacity:1; transform:translate(0,-50%); }
.tp-case-screen.is-nav-collapsed > :is(.tp-case-summary,.tp-overview-v2,.tp-focus-workspace) { width:calc(100% - 64px); margin-left:64px; }
.tp-case-screen.is-nav-collapsed > .tp-actions { margin-left:64px; }
.tp-focus-workspace { padding:0; background:var(--tp-surface); }
.tp-context-rails:empty { display:none; }

@media(max-width:650px){
  .tp-case-screen.is-nav-collapsed .tp-side-nav { width:58px; padding-inline:6px; }
  .tp-case-screen.is-nav-collapsed .tp-side-nav .tp-nav-collapse { left:-6px; width:calc(100% + 12px); padding-inline:6px; }
  .tp-case-screen.is-nav-collapsed > :is(.tp-case-summary,.tp-overview-v2,.tp-focus-workspace) { width:calc(100% - 58px); margin-left:58px; }
  .tp-case-screen.is-nav-collapsed > .tp-actions { margin-left:58px; }
}

/* The global request bar owns the top layer; the section rail starts below it. */
.tp-case-screen > .tp-casebar {
  position:relative;
  z-index:40;
  width:100%;
  margin-left:0;
  background:var(--tp-surface);
  box-shadow:0 1px 0 var(--tp-line);
}
.tp-case-screen > .tp-side-nav {
  z-index:20;
  top:58px;
  padding-top:12px;
  border-top:0;
}
.task-prototype:is(.is-stage-locked,.is-focus-mode) .tp-case-screen > .tp-casebar { position:sticky; top:0; }

@media(max-width:900px){
  .tp-case-screen > .tp-side-nav { top:58px; padding-top:10px; }
}
@media(max-width:650px){
  .tp-case-screen > .tp-side-nav { top:58px; padding-top:8px; }
}

/* Orientation-first conceptual Overview */
.task-prototype {
  --tp-action:#171918;
  --tp-action-soft:#f0f1f0;
  --tp-action-line:#d8dad9;
  --tp-bg:#f7f7f8;
  --tp-hover:#f2f2f5;
}
.task-prototype[data-theme="dark"] { --tp-action:#f1f3f1; --tp-action-soft:#292c2a; --tp-action-line:#444845; }
.tp-case-screen { --drawer-width:420px; --tp-context-column:clamp(250px,23vw,440px); --tp-next-column:clamp(340px,30vw,520px); --tp-message-list:minmax(300px,.9fr); background:var(--tp-bg); }
.tp-casebar { grid-template-columns:1fr auto; min-height:58px; padding-inline:20px; }
.tp-casebar .tp-case-identity { display:none; }
.tp-casebar .tp-back { gap:8px; color:var(--tp-text); font-weight:500; }
.tp-case-screen > .tp-side-nav { bottom:0; width:200px; padding:16px 12px; background:var(--tp-surface); }
.tp-side-nav .tp-nav-collapse {
  left:-12px;
  width:calc(100% + 24px);
  min-height:60px;
  justify-content:flex-start;
  margin:0 0 12px;
  padding:0 24px;
  border-radius:0;
}
.tp-side-nav .tp-nav-collapse > span { flex:0 0 auto; }
.tp-case-screen.is-nav-collapsed .tp-side-nav .tp-nav-collapse { left:-8px; width:64px; height:64px; min-height:64px; justify-content:center; padding:0; }
.tp-side-nav button { min-height:44px; border-radius:8px; }
.tp-side-nav button.is-current { background:var(--tp-action-soft); color:var(--tp-text); }
.tp-side-nav button.is-current::before { top:10px; bottom:10px; left:2px; background:var(--tp-action); }
.tp-side-nav button.is-current b,.tp-case-screen.is-nav-collapsed .tp-side-nav button > b { background:var(--tp-action-soft); color:var(--tp-action); }
.tp-case-screen > :is(.tp-case-summary,.tp-overview-v2,.tp-focus-workspace) { width:calc(100% - 200px); margin-left:200px; }
.tp-case-screen > .tp-case-summary {
  display:grid;
  grid-template-columns:minmax(300px,1fr) 480px;
  min-height:130px;
  align-items:end;
  gap:24px;
  padding:20px 28px;
  border-bottom:1px solid var(--tp-line);
  background:var(--tp-surface);
}
.tp-request-heading { display:block; min-width:0; }
.tp-request-heading h3 { margin:4px 0 8px; color:var(--tp-text); font-size:24px; font-weight:600; letter-spacing:-.035em; }
.tp-request-subline { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; color:var(--tp-muted); font-size:10px; }
.tp-request-subline .tp-copy-id { display:inline-flex; min-height:24px; align-items:center; gap:5px; padding:0; border:0; background:transparent; color:var(--tp-text); font-weight:600; }
.tp-status-chip { padding:4px 7px; border:1px solid var(--tp-action-line); border-radius:999px; background:var(--tp-action-soft); color:var(--tp-action); font-size:9px; font-weight:600; }
.tp-operational-indicators { display:grid; height:63px; grid-template-columns:repeat(4,minmax(0,1fr)); align-self:end; align-items:center; justify-self:end; margin:0 0 1px; padding:0; border:1px solid var(--tp-line); border-radius:12px; background:var(--tp-surface); box-shadow:none; }
.tp-operational-indicators div { min-width:0; padding:1px 14px; border-left:1px solid var(--tp-line); }
.tp-operational-indicators div:first-child { border-left:0; }
.tp-operational-indicators dt { color:var(--tp-muted); font-size:8px; text-transform:uppercase; letter-spacing:.07em; }
.tp-operational-indicators dd { margin:5px 0 0; color:var(--tp-text); font-size:13px; font-weight:600; white-space:nowrap; }
.tp-case-screen .tp-overview-v2 { display:block; height:calc(min(980px,96svh) - 204px); min-height:620px; background:var(--tp-bg); transition:width .22s ease; }
.tp-case-screen .tp-overview-v2[hidden] { display:none; }
.tp-case-screen .tp-request-tabs { display:flex; height:46px; align-items:stretch; gap:22px; padding:0 28px; border-bottom:1px solid var(--tp-line); background:var(--tp-surface); overflow-x:auto; }
.tp-request-tabs button { position:relative; flex:0 0 auto; padding:0; border:0; background:transparent; color:var(--tp-muted); font-size:10px; cursor:pointer; }
.tp-request-tabs button:hover,.tp-request-tabs button.is-current { color:var(--tp-text); }
.tp-request-tabs button.is-current::after { position:absolute; right:0; bottom:-1px; left:0; height:2px; background:var(--tp-action); content:""; }
.tp-orientation-layer { display:grid; gap:20px; max-width:1180px; margin:0 auto; padding:28px; }
.tp-context-block,.tp-needs-attention { border:1px solid var(--tp-line); border-radius:10px; background:var(--tp-surface); }
.tp-context-block > header,.tp-needs-attention > header { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:16px 18px; border-bottom:1px solid var(--tp-line); }
.tp-context-block > header > div,.tp-needs-attention > header > div { display:flex; align-items:center; gap:10px; }
.tp-section-index { color:var(--tp-action); font:600 8px/1 "DM Sans",Arial,sans-serif; }
.tp-context-block h4,.tp-needs-attention h4 { margin:0; color:var(--tp-text); font-size:13px; font-weight:600; }
.tp-context-block > header p { margin:0; color:var(--tp-muted); font-size:9px; }
.tp-context-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:0; padding:4px 18px; }
.tp-context-facts div { padding:15px 0; border-bottom:1px solid var(--tp-line); }
.tp-context-facts div:nth-last-child(-n+3) { border-bottom:0; }
.tp-context-facts dt { color:var(--tp-muted); font-size:8px; text-transform:uppercase; letter-spacing:.06em; }
.tp-context-facts dd { margin:6px 0 0; color:var(--tp-text); font-size:12px; font-weight:500; }
.tp-context-block > footer { display:flex; align-items:center; justify-content:flex-start; gap:8px; padding:12px 18px; border-top:1px solid var(--tp-line); background:var(--tp-surface); color:var(--tp-text); }
.tp-context-block > footer button,.tp-contextual-insight > button { min-height:32px; padding:0 11px; border:1px solid var(--tp-line); border-radius:7px; background:var(--tp-surface); color:var(--tp-text); font-size:9px; cursor:pointer; }
.tp-context-block > footer button:hover,.tp-contextual-insight > button:hover { background:var(--tp-hover); }
.tp-contextual-insight { display:grid; grid-template-columns:32px minmax(0,1fr) auto; align-items:center; gap:14px; padding:16px 18px; border:1px solid var(--tp-action-line); border-radius:10px; background:var(--tp-action-soft); }
.tp-contextual-insight[hidden] { display:none; }
.tp-insight-mark { display:grid; width:32px; height:32px; place-items:center; color:var(--tp-action); }
.tp-contextual-insight span { color:var(--tp-action); font-size:8px; font-weight:600; text-transform:uppercase; letter-spacing:.06em; }
.tp-contextual-insight h4 { margin:5px 0; color:var(--tp-text); font-size:12px; font-weight:500; }
.tp-contextual-insight p { margin:0; color:var(--tp-muted); font-size:8px; }
.tp-attention-state { padding:5px 8px; border-radius:999px; background:var(--tp-action-soft); color:var(--tp-action); font-size:9px; font-weight:600; }
.tp-attention-body { display:flex; min-height:150px; align-items:center; justify-content:space-between; gap:32px; padding:26px 28px; border-left:3px solid var(--tp-action); }
.tp-attention-kicker { color:var(--tp-muted); font-size:8px; text-transform:uppercase; letter-spacing:.08em; }
.tp-attention-body h5 { margin:8px 0 7px; color:var(--tp-text); font-size:22px; font-weight:600; letter-spacing:-.035em; }
.tp-attention-body p { max-width:620px; margin:0; color:var(--tp-text-soft); font-size:11px; line-height:1.55; }
.tp-attention-body ul { display:flex; gap:18px; margin:14px 0 0; padding:0; color:var(--tp-muted); font-size:9px; list-style:none; }
.tp-attention-body li::before { display:inline-block; width:5px; height:5px; margin:0 7px 1px 0; border-radius:50%; background:var(--tp-action); content:""; }
.tp-attention-cta { display:inline-flex; min-height:44px; align-items:center; gap:24px; padding:0 16px; border-color:var(--tp-action); border-radius:8px; background:var(--tp-action); color:#fff; white-space:nowrap; }
.tp-attention-cta:hover { background:#2a2d2b; }
.task-prototype[data-theme="dark"] .tp-attention-cta { color:#111311; }
.task-prototype[data-theme="dark"] .tp-attention-cta:hover { background:#dfe3e0; }
.tp-next-actions { border-top:1px solid var(--tp-line); }
.tp-next-actions button { display:grid; width:100%; grid-template-columns:34px 1fr 18px; align-items:center; padding:13px 18px; border:0; border-bottom:1px solid var(--tp-line); background:transparent; color:var(--tp-text); text-align:left; cursor:pointer; }
.tp-next-actions button:hover { background:var(--tp-hover); }
.tp-next-actions span { color:var(--tp-muted); font:8px "DM Sans",Arial,sans-serif; }
.tp-context-drawer { position:absolute; z-index:38; top:58px; right:0; bottom:0; width:var(--drawer-width); border-left:1px solid var(--tp-line); background:var(--tp-surface); box-shadow:-12px 0 28px rgba(20,22,28,.08); }
.tp-context-drawer[hidden],.tp-drawer-backdrop[hidden] { display:none; }
.tp-drawer-backdrop { display:none; }
.tp-context-drawer[data-drawer-mode="expanded"] { width:min(78%,860px); }
.tp-drawer-resizer { position:absolute; z-index:2; top:0; bottom:0; left:-4px; width:8px; cursor:col-resize; }
.tp-drawer-resizer:hover,.tp-drawer-resizer:focus-visible { background:var(--tp-action-line); outline:0; }
.tp-context-drawer > header { display:flex; min-height:66px; align-items:center; justify-content:space-between; gap:16px; padding:0 18px; border-bottom:1px solid var(--tp-line); }
.tp-context-drawer > header span { color:var(--tp-muted); font-size:8px; text-transform:uppercase; letter-spacing:.07em; }
.tp-context-drawer > header h4 { margin:5px 0 0; color:var(--tp-text); font-size:14px; font-weight:600; }
.tp-drawer-controls { display:flex; gap:5px; }
.tp-drawer-controls button { display:grid; width:30px; height:30px; place-items:center; border:1px solid var(--tp-line); border-radius:7px; background:var(--tp-surface); color:var(--tp-muted); cursor:pointer; }
.tp-drawer-controls button:hover,.tp-drawer-controls button.is-active { border-color:var(--tp-action-line); background:var(--tp-action-soft); color:var(--tp-action); }
.tp-drawer-body { height:calc(100% - 66px); padding:20px; overflow:auto; }
.tp-drawer-facts { margin:0; }
.tp-drawer-facts div { display:grid; grid-template-columns:130px 1fr; gap:18px; padding:13px 0; border-bottom:1px solid var(--tp-line); }
.tp-drawer-facts dt,.tp-drawer-email-meta small,.tp-drawer-message > small { color:var(--tp-muted); font-size:8px; text-transform:uppercase; letter-spacing:.06em; }
.tp-drawer-facts dd { margin:0; color:var(--tp-text); font-size:11px; line-height:1.5; }
.tp-drawer-email-meta { display:grid; grid-template-columns:1fr 1fr; gap:16px; padding-bottom:18px; border-bottom:1px solid var(--tp-line); }
.tp-drawer-email-meta small,.tp-drawer-email-meta strong { display:block; }
.tp-drawer-email-meta strong { margin-top:6px; color:var(--tp-text); font-size:10px; }
.tp-drawer-message { padding:24px 0; color:var(--tp-text-soft); font-size:11px; line-height:1.65; }
.tp-drawer-message h5 { margin:7px 0 20px; color:var(--tp-text); font-size:16px; }
.tp-drawer-file { display:grid; width:100%; grid-template-columns:36px 1fr 18px; align-items:center; gap:10px; padding:12px; border:1px solid var(--tp-line); border-radius:8px; background:var(--tp-surface); color:var(--tp-text); text-align:left; cursor:pointer; }
.tp-drawer-file:hover { background:var(--tp-hover); }
.tp-drawer-file strong,.tp-drawer-file small { display:block; }
.tp-drawer-file small { margin-top:4px; color:var(--tp-muted); font-size:8px; }
.tp-case-screen.has-context-drawer:not(.is-drawer-expanded) > :is(.tp-case-summary,.tp-overview-v2,.tp-focus-workspace) { width:calc(100% - 200px - var(--drawer-width)); }
.tp-case-screen.has-context-drawer.is-nav-collapsed:not(.is-drawer-expanded) > :is(.tp-case-summary,.tp-overview-v2,.tp-focus-workspace) { width:calc(100% - 64px - var(--drawer-width)); }
.tp-case-screen.is-nav-collapsed > :is(.tp-case-summary,.tp-overview-v2,.tp-focus-workspace) { width:calc(100% - 64px); margin-left:64px; }

@media(max-width:1050px){
  .tp-case-screen > .tp-side-nav { width:64px; padding-inline:8px; }
  .tp-case-screen > .tp-side-nav .tp-nav-collapse { left:-8px; width:calc(100% + 16px); padding-inline:8px; }
  .tp-case-screen > .tp-side-nav button { justify-content:center; padding-inline:0; }
  .tp-case-screen > .tp-side-nav button > span:not(.tp-icon) { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
  .tp-case-screen > .tp-side-nav button > b { position:absolute; top:3px; right:2px; min-width:16px; height:16px; border:0; border-radius:9px; background:var(--tp-action-soft); color:var(--tp-action); font-size:8px; }
  .tp-case-screen > :is(.tp-case-summary,.tp-overview-v2,.tp-focus-workspace) { width:calc(100% - 64px); margin-left:64px; }
  .tp-operational-indicators div { min-width:74px; padding-inline:10px; }
  .tp-case-screen.has-context-drawer:not(.is-drawer-expanded) > :is(.tp-case-summary,.tp-overview-v2,.tp-focus-workspace) { width:calc(100% - 64px - var(--drawer-width)); }
}
@media(max-width:900px){
  .tp-case-screen > .tp-case-summary { display:block; min-height:170px; padding:18px; }
  .tp-operational-indicators { justify-content:flex-start; margin-top:18px; }
  .tp-operational-indicators div:first-child { padding-left:0; border-left:0; }
  .tp-orientation-layer { padding:20px; }
  .tp-context-drawer,.tp-context-drawer[data-drawer-mode="expanded"] { position:fixed; z-index:1002; top:0; width:min(88vw,520px); }
  .tp-drawer-backdrop { position:fixed; z-index:1001; inset:0; border:0; background:rgba(18,20,24,.28); }
  .tp-drawer-backdrop:not([hidden]) { display:block; }
  .tp-drawer-resizer { display:none; }
  .tp-case-screen.has-context-drawer > :is(.tp-case-summary,.tp-overview-v2,.tp-focus-workspace) { width:calc(100% - 64px); }
}
@media(max-width:650px){
  .tp-case-screen.is-nav-collapsed .tp-side-nav .tp-nav-collapse { left:-6px; width:calc(100% + 12px); padding-inline:6px; }
}
@media(max-width:650px){
  .tp-operational-indicators { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
  .tp-operational-indicators div { padding:0; border:0; }
  .tp-context-facts { grid-template-columns:1fr 1fr; }
  .tp-context-facts div:nth-last-child(-n+3) { border-bottom:1px solid var(--tp-line); }
  .tp-context-facts div:nth-last-child(-n+2) { border-bottom:0; }
  .tp-attention-body { align-items:flex-start; flex-direction:column; padding:22px; }
  .tp-attention-cta { width:100%; justify-content:space-between; }
  .tp-context-block > header p { display:none; }
}

/* Preserve the case study's sharp, brutalist product language. */
.tp-case-screen button { border-radius:0 !important; }
.tp-case-screen :is(
  .tp-operational-indicators,
  .tp-context-block,
  .tp-needs-attention,
  .tp-contextual-insight,
  .tp-status-chip,
  .tp-attention-state,
  .tp-drawer-file
) { border-radius:0; }
.tp-operational-indicators { box-shadow:none; }

/* Keep the guided-tour action legible after the prototype theme overrides. */
.task-prototype .tp-tour-next { background:#000; color:#fff; }
.task-prototype .tp-tour-next:hover,
.task-prototype .tp-tour-next:focus-visible { background:var(--action-green,#49a85d); color:#000; }
.task-prototype .tp-tour-card button:focus-visible { outline:0 !important; outline-offset:0 !important; }
.task-prototype .tp-tour-next .ui-arrow { font:400 1em/1 "DM Sans","Helvetica Neue",Arial,sans-serif !important; transform:none; transition:color .32s cubic-bezier(.22,.8,.2,1),transform .32s cubic-bezier(.22,.8,.2,1); }
.task-prototype .tp-tour-next:is(:hover,:focus-visible) .ui-arrow { transform:translateX(2px) !important; }

/* One-pixel structure and one consistent Lucide navigation family. */
.tp-case-screen > .tp-casebar { border-bottom:1px solid var(--tp-line); box-shadow:none; }
.tp-side-nav button.is-current::before { width:1px; }

/* Scalable request workspace — reference architecture in the prototype's own visual language */
.task-prototype .tp-theme-toggle { border-radius:999px !important; }
.task-prototype :is(.tp-status-chip,.tp-priority-chip,.tp-pill) { border-radius:999px; }
.tp-case-orientation { display:grid !important; grid-template-columns:var(--tp-context-column) var(--tp-next-column) minmax(410px,1fr) !important; align-items:stretch !important; gap:0 !important; min-height:132px !important; padding:0 !important; border-bottom:1px solid var(--tp-line); background:var(--tp-surface); }
.tp-case-orientation > :is(.tp-identity-block,.tp-next-action) { min-width:0; border-right:1px solid var(--tp-line); }
.tp-case-orientation > .tp-operational-indicators { min-width:0; border-right:0; }
.tp-identity-block { display:flex; height:100%; flex-direction:column; align-items:flex-start; justify-content:center; gap:4px; padding:16px 18px; border:0; border-right:1px solid var(--tp-line); background:transparent; color:var(--tp-text); text-align:left; }
.tp-case-orientation > .tp-live-splitter { border:0; }
.tp-request-id { display:inline-grid; margin:-3px -5px; padding:3px 5px; place-items:center; border:0; background:transparent; color:var(--tp-text); cursor:pointer; transition:background .12s ease,color .12s ease,transform .12s ease; }
.tp-request-id strong { font-size:25px; line-height:1; letter-spacing:-.04em; }
.tp-request-id:hover,.tp-request-id:focus-visible { background:var(--tp-text); color:var(--tp-surface); outline:0; transform:translateY(-1px); }
.tp-request-id-value,.tp-request-id-feedback { grid-area:1/1; }
.tp-request-id .tp-request-id-feedback { display:inline-flex; visibility:hidden; align-items:center; justify-content:center; gap:6px; font-size:13px; line-height:1; letter-spacing:.02em; opacity:0; }
.tp-request-id .tp-request-id-feedback .tp-icon { width:16px; height:16px; font-size:16px; line-height:1; }
.tp-request-id.is-copied { background:var(--tp-text); color:var(--tp-surface); transform:none; }
.tp-request-id.is-copied .tp-request-id-value { visibility:hidden; opacity:0; }
.tp-request-id.is-copied .tp-request-id-feedback { visibility:visible; opacity:1; }
.tp-identity-context-trigger { display:flex; width:100%; flex-direction:column; align-items:flex-start; gap:4px; padding:0; border:0; background:transparent; color:var(--tp-text); text-align:left; }
.tp-identity-context-trigger > span:not(.tp-case-kicker):not(.tp-identity-status) { font-size:14px; font-weight:500; }
.tp-identity-context-trigger em { display:flex; align-items:center; gap:7px; color:var(--tp-muted); font-size:10px; font-style:normal; }
.tp-identity-context-trigger em .tp-missing-chip { display:inline-flex; min-height:18px; align-items:center; padding:2px 7px; border-radius:9px; background:rgba(164,81,58,.12); color:#a4513a; font-size:9px; font-weight:600; }
.tp-identity-context-trigger em .tp-missing-chip[hidden] { display:none; }
.tp-identity-status { display:flex; gap:6px; margin-top:3px; }
.tp-status-chip,.tp-priority-chip { display:inline-flex; align-items:center; min-height:20px; padding:2px 8px; border:1px solid var(--tp-line); font-size:9px; font-weight:500; }
.tp-status-chip { background:var(--tp-action-soft); color:var(--tp-action); }
.tp-priority-chip { background:var(--tp-surface-raised); color:var(--tp-text); }
.tp-next-action { display:grid; height:100%; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px; padding:16px 18px; background:var(--tp-surface); }
.tp-next-action-icon { align-self:start; color:var(--tp-action); font-size:22px; }
.tp-next-action div > span,.tp-case-context header span { color:var(--tp-muted); font:500 8px/1.2 "DM Sans",Arial,sans-serif; letter-spacing:.1em; }
.tp-next-action h3 { margin:4px 0 2px; font-size:16px; line-height:1.15; letter-spacing:-.02em; }
.tp-next-action p,.tp-next-action small { margin:0; color:var(--tp-muted); font-size:10px; }
.tp-next-action small { display:block; margin-top:6px; }
.tp-next-action .tp-primary { min-height:32px; padding-inline:11px; font-size:9px; white-space:nowrap; }
.tp-next-action .tp-primary .tp-icon { font-size:14px; }
.tp-case-orientation .tp-operational-indicators { display:grid; width:auto; height:100%; align-self:stretch; align-items:stretch; justify-self:stretch; grid-template-columns:repeat(4,minmax(0,1fr)); margin:0; border:0; }
.tp-case-orientation .tp-operational-indicators > div { position:relative; display:flex; min-width:0; flex-direction:column; align-items:flex-start; justify-content:center; gap:4px; padding:14px 18px; border:0; }
.tp-case-orientation .tp-operational-indicators > div:not(:last-child)::after { position:absolute; top:50%; right:0; width:1px; height:52px; background:var(--tp-line); content:""; transform:translateY(-50%); }
.tp-case-orientation .tp-operational-indicators dt { color:var(--tp-muted); font:500 8px/1 "DM Sans",Arial,sans-serif; letter-spacing:.07em; text-transform:uppercase; }
.tp-ai-indicator { margin-left:3px; color:var(--tp-text); font-size:11px; line-height:8px; vertical-align:-2px; }
.tp-case-orientation .tp-operational-indicators dd { margin:0; font-size:12px; font-weight:600; }
.tp-case-orientation .tp-operational-indicators small { color:var(--tp-muted); font-size:9px; }
.tp-case-orientation .tp-operational-indicators button { width:max-content; padding:0; border:0; border-bottom:1px solid currentColor; background:none; color:var(--tp-text); font-size:9px; cursor:pointer; }
.tp-case-orientation .tp-operational-indicators .is-urgent { box-shadow:inset 0 -3px 0 #a4513a; }
.tp-case-screen .tp-case-workspace { position:relative; display:flex; height:calc(100% - 248px) !important; min-height:600px; overflow:hidden; background:var(--tp-bg); }
.tp-case-context { width:var(--tp-context-column); flex:0 0 var(--tp-context-column); overflow:auto; border-right:1px solid var(--tp-line); background:var(--tp-surface); }
.tp-case-context-content { display:block; }
.tp-case-context-content > section > strong { display:block; padding:12px 14px 0; font-size:12px; }
.tp-case-context header { display:flex; align-items:center; justify-content:flex-start; gap:4px; min-height:48px; padding:0 14px; border-bottom:1px solid var(--tp-line); }
.tp-case-context header strong { display:block; font-size:14px; }
.tp-case-context dl { margin:0; padding:12px 14px; }
.tp-case-context dl div { display:grid; grid-template-columns:88px 1fr; gap:8px; padding:7px 0; }
.tp-case-context dt { color:var(--tp-muted); font-size:9px; }
.tp-case-context dt > span { color:#a4513a; font-weight:700; }
.tp-case-context dd { margin:0; font-size:10px; line-height:1.35; }
.tp-case-context .is-missing dd { color:#a4513a; font-weight:600; }
.tp-additional-details { border-top:1px solid var(--tp-line); }
.tp-additional-details h4 { margin:0; padding:12px 14px 4px; font-size:10px; }
.tp-additional-details dl { padding-top:4px; }
.tp-additional-details :is(input,select) { width:100%; min-width:0; padding:3px 0; border:0; border-bottom:1px solid var(--tp-line); border-radius:0; background:transparent; color:var(--tp-text); font:inherit; }
.tp-additional-details :is(input,select):focus { outline:0; border-bottom-color:var(--tp-text); }
.tp-case-main-workspace { display:flex; min-width:0; flex:1; flex-direction:column; }
.tp-workspace-tabs { display:flex; min-height:44px; padding:0 10px; border-bottom:1px solid var(--tp-line); background:var(--tp-surface); }
.tp-workspace-tabs button { position:relative; padding:0 14px; border:0; background:none; color:var(--tp-muted); font-size:10px; cursor:pointer; }
.tp-workspace-tabs button.is-current { color:var(--tp-text); font-weight:600; }
.tp-workspace-tabs button.is-current::after { position:absolute; right:12px; bottom:-1px; left:12px; height:2px; background:var(--tp-action); content:""; }
.tp-workspace-tabs b { font-weight:500; }
.tp-workspace-tab-actions { display:flex; align-items:center; margin-left:auto; border-left:1px solid var(--tp-line); }
.tp-workspace-tabs .tp-workspace-tab-actions button { display:flex; align-items:center; gap:6px; min-height:44px; border-left:1px solid var(--tp-line); color:var(--tp-text); }
.tp-workspace-tabs .tp-workspace-tab-actions button:first-child { border-left:0; }
.tp-workspace-tabs .tp-workspace-tab-actions button:hover { background:var(--tp-hover); }
.tp-workspace-tabs .tp-workspace-tab-actions .tp-icon { font-size:16px; }
.tp-communication-workspace { display:grid; min-height:0; flex:1; grid-template-columns:var(--tp-message-list) minmax(420px,1fr); }
.tp-communication-workspace[hidden],.tp-documents-workspace[hidden],.tp-structured-data[hidden],.tp-tab-placeholder[hidden] { display:none; }
.tp-documents-workspace { display:grid; min-height:0; flex:1; grid-template-columns:232px minmax(0,1fr); background:var(--tp-surface); }
.tp-documents-workspace > aside { min-height:0; overflow:auto; border-right:1px solid var(--tp-line); }
.tp-document-filters { display:flex; gap:4px; padding:10px; border-bottom:1px solid var(--tp-line); }
.tp-document-filters button { min-height:28px; padding:0 9px; border:1px solid transparent; background:var(--tp-surface-raised); color:var(--tp-text); font-size:8px; cursor:pointer; }
.tp-document-filters button.is-current { border-color:var(--tp-text); }
.tp-document-filters b { font-weight:500; }
.tp-document-row { display:grid; width:100%; grid-template-columns:34px minmax(0,1fr); align-items:center; gap:10px; padding:12px; border:0; border-bottom:1px solid var(--tp-line); background:transparent; color:var(--tp-text); text-align:left; cursor:pointer; }
.tp-document-row:hover,.tp-document-row.is-current { background:var(--tp-hover); }
.tp-document-row.is-current { box-shadow:inset 2px 0 0 var(--tp-action); }
.tp-document-row[hidden],.tp-document-empty[hidden] { display:none; }
.tp-document-row > .tp-icon { display:grid; width:34px; height:34px; place-items:center; border:1px solid var(--tp-line); color:var(--tp-muted); font-size:17px; }
.tp-document-row > span:nth-child(2) { display:flex; min-width:0; flex-direction:column; }
.tp-document-row strong { overflow:hidden; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.tp-document-row small,.tp-document-empty { margin-top:4px; color:var(--tp-muted); font-size:9px; }
.tp-document-empty { padding:18px 12px; }
.tp-document-preview { min-height:0; overflow:auto; background:var(--tp-bg); }
.tp-document-preview-toolbar { display:grid; position:sticky; z-index:2; top:0; min-height:44px; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:12px; padding:0 12px 0 16px; border-bottom:1px solid var(--tp-line); background:var(--tp-surface); }
.tp-document-preview-toolbar strong { font-size:10px; }
.tp-document-preview-toolbar span { color:var(--tp-muted); font-size:9px; }
.tp-document-preview-toolbar > strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tp-document-page-controls,.tp-document-preview-actions { display:flex; align-items:center; gap:4px; }
.tp-document-preview-actions { justify-self:end; }
.tp-document-zoom-value { min-width:38px; color:var(--tp-text) !important; font-variant-numeric:tabular-nums; text-align:center; }
.tp-document-preview-toolbar button { display:grid; width:30px; height:30px; place-items:center; padding:0; border:0; background:transparent; color:var(--tp-text); cursor:pointer; }
.tp-document-preview-toolbar button:hover { background:var(--tp-hover); }
.tp-document-preview-toolbar button:disabled { cursor:default; opacity:.3; }
.tp-document-preview-toolbar button .tp-icon { font-size:16px; }
.tp-document-page-controls > span { min-width:48px; text-align:center; }
.tp-document-metadata { display:none; grid-template-columns:repeat(5,minmax(0,1fr)) auto; border-bottom:1px solid var(--tp-line); background:var(--tp-surface); }
.tp-document-metadata > div { min-width:0; padding:11px 14px; }
.tp-document-metadata > div + div { border-left:1px solid var(--tp-line); }
.tp-document-metadata small { display:block; margin-bottom:4px; color:var(--tp-muted); font:500 8px/1.2 "DM Sans",Arial,sans-serif; letter-spacing:.06em; text-transform:uppercase; }
.tp-document-metadata strong { display:block; overflow:hidden; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.tp-document-metadata button { min-width:104px; padding:0 14px; border:0; border-left:1px solid var(--tp-line); background:transparent; color:var(--tp-text); font-size:9px; cursor:pointer; }
.tp-document-metadata button:hover { background:var(--tp-hover); }
.tp-document-metadata-more { display:none; grid-column:1/-1; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid var(--tp-line); }
.tp-document-metadata.is-expanded .tp-document-metadata-more { display:grid; }
.tp-case-screen.is-documents-expanded .tp-document-metadata { display:grid; }
.tp-case-screen.is-documents-expanded .tp-document-preview-canvas { height:calc(100% - 102px); }
.tp-document-preview-canvas { height:calc(100% - 44px); min-height:0; padding:28px 24px 48px; overflow:auto; background:#e7e9e8; scroll-behavior:smooth; }
.task-prototype[data-theme="dark"] :is(.tp-document-preview-canvas,.tp-document-canvas) { background:#555a57; }
.tp-filetype { width:34px; height:34px; border:1px solid var(--tp-line); background:transparent !important; color:var(--tp-muted) !important; }
.tp-filetype .tp-icon { width:18px; height:18px; font-size:18px; }
.tp-document-preview-page { width:560px; max-width:92%; min-height:640px; margin:0 auto 24px; padding:44px 48px; border:1px solid #d3d7d4; background:#fff; color:#181a18; box-shadow:0 2px 5px rgba(24,28,25,.08); zoom:var(--document-scale,1); }
.tp-document-preview-page:last-child { margin-bottom:0; }
.tp-document-preview-page > span { color:#626862; font:600 8px/1.3 "DM Sans",Arial,sans-serif; letter-spacing:.1em; }
.tp-document-preview-page h4 { margin:14px 0 22px; font-size:22px; letter-spacing:-.03em; }
.tp-document-preview-page p { font-size:11px; line-height:1.65; }
.tp-document-preview-page dl { margin-top:24px; }
.tp-document-preview-page dl > div { display:grid; grid-template-columns:130px 1fr; gap:16px; padding:10px 0; border-top:1px solid #d9ddd9; }
.tp-document-preview-page dt { color:#687068; font-size:9px; }
.tp-document-preview-page dd { margin:0; font-size:10px; }
.tp-structured-data { display:grid; min-height:0; flex:1; grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:auto 1fr; align-content:start; overflow:auto; background:var(--tp-surface); }
.tp-structured-data-meta { display:flex; grid-column:1/-1; align-items:center; gap:0; min-height:36px; padding:0 20px; border-bottom:1px solid var(--tp-line); color:var(--tp-muted); font-size:8px; }
.tp-structured-data-meta span + span { margin-left:14px; padding-left:14px; border-left:1px solid var(--tp-line); }
.tp-structured-data > section { min-width:0; padding:22px 20px; }
.tp-structured-data > section + section { border-left:1px solid var(--tp-line); }
.tp-structured-data h4 { margin:0 0 18px; font-size:13px; line-height:1.2; }
.tp-structured-data dl { margin:0; }
.tp-structured-data dl > div { display:grid; grid-template-columns:minmax(88px,.8fr) minmax(0,1fr); align-items:center; gap:14px; padding:10px 0; border-bottom:1px solid var(--tp-line); }
.tp-structured-data dt { color:var(--tp-muted); font-size:9px; line-height:1.35; }
.tp-structured-data dt > span { color:#a4513a; }
.tp-structured-data dd { min-width:0; margin:0; color:var(--tp-text); font-size:10px; font-weight:500; line-height:1.35; overflow-wrap:anywhere; }
.tp-structured-data :is(input,select,textarea) { width:100%; min-width:0; padding:6px 8px; border:0; border-radius:0; outline:0; background:transparent; color:var(--tp-text); font:inherit; transition:background .12s ease; }
.tp-structured-data textarea { display:block; min-height:94px; overflow:hidden; line-height:1.5; resize:none; }
.tp-structured-data :is(input,select,textarea):hover { background:var(--tp-hover); }
.tp-structured-data :is(input,select,textarea):focus { background:var(--tp-surface-raised); }
.tp-structured-data .tp-required-field.is-missing { margin-inline:-8px; padding-inline:8px; background:rgba(164,81,58,.06); }
.tp-structured-data .tp-required-field.is-missing dt { color:#a4513a; font-weight:600; }
.tp-structured-data .tp-required-field.is-missing :is(input,select) { background:rgba(164,81,58,.07); color:var(--tp-text); }
.tp-structured-data-meta .is-missing { display:inline-flex; min-height:20px; align-items:center; padding:3px 8px; border-radius:10px; background:rgba(164,81,58,.12); color:#a4513a; }
.tp-workspace-tabs [data-tab] { white-space:nowrap; }
.tp-workspace-tabs .tp-tab-label { position:relative; display:inline-block; }
.tp-workspace-tabs .tp-tab-alert { position:absolute; top:-2px; right:-8px; width:6px; height:6px; border-radius:50%; background:#a4513a; }
.tp-workspace-tabs .tp-tab-alert[hidden] { display:none; }
.tp-tab-attention-text { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.tp-structured-data .tp-long-value { display:block; }
.tp-structured-data .tp-long-value dt { margin-bottom:8px; }
.tp-structured-data .tp-long-value dd { display:block; }
@media(max-width:900px){
  .tp-documents-workspace { grid-template-columns:210px minmax(360px,1fr); overflow-x:auto; }
  .tp-structured-data { grid-template-columns:1fr; }
  .tp-structured-data-meta { grid-column:1; flex-wrap:wrap; padding-block:8px; }
  .tp-structured-data > section + section { border-top:1px solid var(--tp-line); border-left:0; }
}
.tp-communication-workspace > aside { overflow:auto; border-right:1px solid var(--tp-line); background:var(--tp-surface); }
.tp-message-filters { display:block; padding:8px 10px; border-bottom:1px solid var(--tp-line); }
.tp-source-filters,.tp-message-filter-secondary { display:flex; align-items:center; gap:4px; }
.tp-message-filter-secondary { margin-top:6px; }
.tp-message-filters button { display:flex; min-height:28px; align-items:center; gap:4px; padding:0 8px; border:1px solid transparent; background:var(--tp-surface-raised); color:var(--tp-text); font-size:8px; white-space:nowrap; cursor:pointer; }
.tp-message-filters button .tp-icon { font-size:14px; }
.tp-message-filters button.is-current { border-color:var(--tp-text); }
.tp-message-filter-secondary .tp-new-email { min-height:32px; margin-left:auto; padding-inline:11px; border-color:var(--tp-action); background:var(--tp-action); color:var(--tp-surface); font-size:9px; font-weight:600; }
.tp-message-filter-secondary .tp-new-email .tp-icon { order:2; color:inherit; font-size:14px; }
.tp-message-row { display:grid; width:100%; grid-template-columns:34px minmax(0,1fr) auto; gap:10px; padding:12px; border:0; border-bottom:1px solid var(--tp-line); background:transparent; color:var(--tp-text); text-align:left; cursor:pointer; }
.tp-message-row[hidden],.tp-message-empty[hidden] { display:none; }
.tp-message-empty { margin:0; padding:20px 12px; color:var(--tp-muted); font-size:9px; }
.tp-message-row.is-current { box-shadow:inset 2px 0 0 var(--tp-action); background:var(--tp-hover); }
.tp-message-row span:nth-child(2) { display:flex; min-width:0; flex-direction:column; }
.tp-message-row strong,.tp-message-row b { font-size:10px; }
.tp-message-row b { margin-top:2px; }
.tp-message-row small,.tp-message-row time { color:var(--tp-muted); font-size:9px; }
.tp-message-row small { overflow:hidden; margin-top:4px; text-overflow:ellipsis; white-space:nowrap; }
.tp-message-row > .tp-channel-icon { display:grid; width:34px; height:34px; place-items:center; border:1px solid var(--tp-line); color:var(--tp-muted); }
.tp-message-row > .tp-channel-icon .tp-icon { font-size:17px; }
.tp-communication-workspace > article { overflow:auto; padding:18px; background:var(--tp-surface); }
.tp-communication-workspace > article > header { display:flex; align-items:flex-start; justify-content:space-between; padding-bottom:14px; border-bottom:1px solid var(--tp-line); }
.tp-communication-workspace article header span { color:var(--tp-muted); font:500 8px/1 "DM Sans",Arial,sans-serif; letter-spacing:.08em; }
.tp-communication-workspace article h4 { margin:5px 0 0; font-size:16px; }
.tp-communication-workspace article header button { width:32px; height:32px; border:0; background:none; color:var(--tp-text); cursor:pointer; }
.tp-message-author { display:flex; gap:10px; align-items:center; padding:16px 0; }
.tp-message-author p { display:flex; margin:0; flex-direction:column; font-size:10px; }
.tp-message-author small { margin-top:2px; color:var(--tp-muted); }
.tp-communication-workspace .tp-message-copy { max-width:620px; font-size:12px; line-height:1.55; }
.tp-communication-workspace .tp-attachment-row { width:100%; margin-top:20px; }
.tp-tab-placeholder { display:grid; flex:1; place-content:center; justify-items:center; color:var(--tp-muted); text-align:center; }
.tp-tab-placeholder h4 { margin:10px 0 4px; color:var(--tp-text); font-size:16px; }
.tp-tab-placeholder p { margin:0; font-size:10px; }
.tp-case-actions { position:absolute; right:0; bottom:0; left:64px; z-index:8; display:flex; min-height:58px; align-items:center; gap:10px; padding:8px 14px; border-top:1px solid var(--tp-line); background:var(--tp-surface); }
.tp-case-actions strong { margin-right:12px; font-size:10px; }
.tp-case-actions button { min-height:36px; padding:0 14px; border:1px solid var(--tp-line); background:transparent; color:var(--tp-text); font-size:9px; cursor:pointer; }
.tp-case-actions button:disabled { cursor:not-allowed; opacity:.42; }
.tp-case-actions > span { margin-left:auto; color:var(--tp-muted); font-size:9px; }
.tp-case-screen:not(.is-nav-collapsed) .tp-case-actions { left:200px; }
.tp-case-screen:is(.is-communication-expanded,.is-documents-expanded) > :is(.tp-case-summary,.tp-side-nav) { display:none !important; }
.tp-case-screen:is(.is-communication-expanded,.is-documents-expanded) > .tp-case-workspace { width:100% !important; height:calc(100% - 116px) !important; min-height:0; margin-left:0 !important; }
.tp-case-screen:is(.is-communication-expanded,.is-documents-expanded) .tp-case-context { display:none !important; }
.tp-case-screen:is(.is-communication-expanded,.is-documents-expanded) .tp-case-actions { left:0; }
@media(max-width:900px){
  .tp-document-metadata { grid-template-columns:repeat(2,minmax(0,1fr)) auto; }
  .tp-document-metadata-more { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
.tp-email-composer { display:flex; min-height:100%; flex-direction:column; }
.tp-email-composer header { align-items:center !important; }
.tp-email-composer label { display:grid; grid-template-columns:64px minmax(0,1fr); align-items:center; min-height:46px; border-bottom:1px solid var(--tp-line); color:var(--tp-muted); font-size:10px; }
.tp-email-composer label:focus-within { background:var(--tp-hover); box-shadow:inset 2px 0 0 var(--tp-text); color:var(--tp-text); }
.tp-email-composer :is(input,textarea) { width:100%; border:0 !important; background:transparent; color:var(--tp-text); box-shadow:none !important; font:inherit; outline:0 !important; }
.tp-email-composer textarea { min-height:220px; flex:1; padding:18px 14px; resize:none; font-size:12px; line-height:1.55; }
.tp-email-composer textarea:focus { background:var(--tp-hover); box-shadow:inset 2px 0 0 var(--tp-text) !important; }
.tp-email-composer footer { display:flex; justify-content:flex-end; gap:8px; padding-top:12px; border-top:1px solid var(--tp-line); }
.tp-email-composer footer button { min-height:38px; padding:0 16px; border:1px solid var(--tp-line); background:transparent; color:var(--tp-text); cursor:pointer; }
.tp-email-composer footer .tp-primary { background:var(--tp-action); color:var(--tp-surface); }
@media (max-width:1250px) { .tp-case-orientation { grid-template-columns:var(--tp-context-column) var(--tp-next-column) minmax(330px,1.2fr) !important; }.tp-case-orientation .tp-operational-indicators > div { padding:10px; }.tp-case-actions > span { display:none; } }
@media (max-width:980px) {
  .tp-case-screen { --tp-context-column:220px; }
  .tp-case-orientation { grid-template-columns:var(--tp-context-column) minmax(0,1fr) !important; }
  .tp-case-orientation .tp-operational-indicators { display:grid; grid-column:1 / -1; min-height:88px; border-top:1px solid var(--tp-line); }
  .tp-case-screen .tp-case-workspace { height:calc(100% - 336px) !important; min-height:480px; }
  .tp-communication-workspace { grid-template-columns:280px 1fr; }
}
@media (max-width:650px) {
  .tp-case-orientation { grid-template-columns:minmax(0,1fr) !important; }
  .tp-case-orientation > :is(.tp-identity-block,.tp-next-action,.tp-operational-indicators) { grid-column:1; }
  .tp-case-orientation .tp-identity-block { min-height:112px; border-right:0; border-bottom:1px solid var(--tp-line); }
  .tp-case-orientation .tp-next-action { min-height:104px; border-right:0; }
  .tp-case-orientation .tp-operational-indicators { grid-template-columns:repeat(2,minmax(0,1fr)); min-height:144px; }
  .tp-case-orientation .tp-operational-indicators > div { min-height:72px; padding:10px 14px; }
  .tp-case-orientation .tp-operational-indicators > div:nth-child(2)::after { display:none; }
  .tp-case-orientation .tp-operational-indicators > div:nth-child(n+3) { border-top:1px solid var(--tp-line); }
  .tp-case-orientation .tp-operational-indicators > div:not(:last-child)::after { height:38px; }
  .tp-case-orientation .tp-operational-indicators > div:nth-child(3)::after { display:block; }
  .tp-case-screen .tp-case-workspace { height:calc(100% - 474px) !important; min-height:420px; }
}

/* The collapsed rail begins with one complete square hover target. */
.tp-case-screen.is-nav-collapsed > .tp-side-nav { padding-top:0; }
.tp-case-screen.is-nav-collapsed > .tp-side-nav .tp-nav-collapse { left:-8px; width:64px; height:64px; min-height:64px; margin-top:0; padding:0; }
.tp-case-screen.is-nav-collapsed > .tp-side-nav button:not(.tp-nav-collapse) { min-height:56px; }
.tp-case-screen > .tp-side-nav button:not(.tp-nav-collapse) { left:-12px; width:calc(100% + 24px); padding-inline:24px; border-radius:0; }
.tp-case-screen > .tp-side-nav button.is-current::before { display:none; }
.tp-case-screen > .tp-side-nav button.is-current { border-top:1px solid var(--tp-line); border-bottom:1px solid var(--tp-line); background:var(--tp-action-soft); }
.tp-case-screen.is-nav-collapsed > .tp-side-nav button:not(.tp-nav-collapse) { left:-8px; width:64px; padding-inline:0; }

/* Files: one evidence architecture for documents and images. */
.tp-file-metadata { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border-bottom:1px solid var(--tp-line); background:var(--tp-surface); }
.tp-file-metadata div { min-width:0; padding:10px 12px; border-right:1px solid var(--tp-line); }
.tp-file-metadata div:last-child { border-right:0; }
.tp-file-metadata small,.tp-file-metadata strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tp-file-metadata small { margin-bottom:4px; color:var(--tp-muted); font:500 8px/1.2 "DM Sans",Arial,sans-serif; letter-spacing:.06em; text-transform:uppercase; }
.tp-file-metadata strong { font-size:9px; }
.tp-image-preview { display:grid; width:min(760px,86%); aspect-ratio:4/3; place-items:center; margin:auto; padding:32px; background:#c8cbc9; color:#141615; }
.tp-image-preview > span { align-self:start; justify-self:start; font:600 9px/1 "DM Sans",Arial,sans-serif; letter-spacing:.12em; }
.tp-image-preview > div { display:grid; width:58%; min-height:58%; place-items:center; border:12px solid #303432; background:linear-gradient(135deg,#b6bab7 0 48%,#8f9491 48% 52%,#d7d9d7 52%); }
.tp-image-preview i { width:56px; height:56px; border:5px solid #333; border-radius:50%; }
.tp-image-preview b,.tp-image-preview em { padding:6px 9px; background:#111; color:#fff; font-style:normal; }
.tp-image-preview em { font-size:9px; }

/* Ticket Activity: human-readable first, technical audit data on demand. */
.tp-ticket-activity { position:relative; display:flex; min-height:0; flex:1; flex-direction:column; background:var(--tp-surface); color:var(--tp-text); }
.tp-ticket-activity[hidden] { display:none; }
.tp-activity-toolbar { display:grid; min-height:70px; grid-template-columns:minmax(240px,1fr) minmax(220px,340px) auto; align-items:center; gap:12px; padding:10px 14px; border-bottom:1px solid var(--tp-line); }
.tp-activity-toolbar h4,.tp-activity-toolbar p { margin:0; }
.tp-activity-toolbar h4 { font-size:16px; }
.tp-activity-toolbar p { margin-top:3px; color:var(--tp-muted); font-size:9px; }
.tp-activity-toolbar label { display:flex; height:34px; align-items:center; gap:7px; padding:0 10px; border:1px solid var(--tp-line); background:var(--tp-surface); }
.tp-activity-toolbar input { min-width:0; flex:1; border:0; outline:0; background:transparent; color:var(--tp-text); font-size:10px; }
.tp-activity-toolbar > button { display:flex; height:34px; align-items:center; gap:7px; padding:0 12px; border:1px solid var(--tp-line); background:var(--tp-surface); color:var(--tp-text); cursor:pointer; }
.tp-activity-filter-popover { position:absolute; z-index:15; top:62px; right:14px; display:grid; width:420px; grid-template-columns:1fr 1fr; gap:14px; padding:14px; border:1px solid var(--tp-text); background:var(--tp-surface); box-shadow:5px 5px 0 rgba(0,0,0,.18); }
.tp-activity-filter-popover[hidden] { display:none; }
.tp-activity-filter-popover fieldset { display:grid; grid-column:1/-1; grid-template-columns:repeat(2,1fr); gap:8px 14px; margin:0; padding:0 0 13px; border:0; border-bottom:1px solid var(--tp-line); }
.tp-activity-filter-popover fieldset > button { padding:0; border:0; background:none; color:var(--tp-text); font-size:9px; text-align:left; text-decoration:underline; cursor:pointer; }
.tp-activity-filter-popover legend { grid-column:1/-1; margin-bottom:9px; font:600 9px/1 "DM Sans",Arial,sans-serif; letter-spacing:.08em; text-transform:uppercase; }
.tp-activity-filter-popover label { display:flex; align-items:center; gap:6px; color:var(--tp-text-soft); font-size:9px; }
.tp-activity-filter-popover > label { flex-direction:column; align-items:stretch; }
.tp-activity-filter-popover select { height:32px; border:1px solid var(--tp-line); background:var(--tp-surface); color:var(--tp-text); }
.tp-activity-filter-popover > button { grid-column:1/-1; justify-self:start; padding:0; border:0; border-bottom:1px solid currentColor; background:none; color:var(--tp-text); cursor:pointer; }
.tp-custom-date-range { display:grid; grid-column:1/-1; grid-template-columns:1fr 1fr; gap:10px; }
.tp-custom-date-range[hidden] { display:none; }
.tp-custom-date-range input { height:30px; border:1px solid var(--tp-line); background:var(--tp-surface); color:var(--tp-text); }
.tp-activity-selection-bar { display:flex; min-height:40px; align-items:center; gap:10px; padding:6px 14px; border-bottom:1px solid var(--tp-line); }
.tp-activity-chips { display:flex; flex:1; flex-wrap:wrap; gap:6px; padding:0; }
.tp-activity-chips[hidden] { display:none; }
.tp-activity-chips button { padding:5px 8px; border:0; border-radius:999px !important; background:var(--tp-surface-raised); color:var(--tp-text); font-size:8px; cursor:pointer; }
.tp-activity-batch-actions { display:flex; align-items:center; gap:12px; margin-left:auto; }
.tp-activity-batch-actions button { padding:4px 0; border:0; border-bottom:1px solid currentColor; background:transparent; color:var(--tp-text); font-size:8px; white-space:nowrap; cursor:pointer; }
.tp-activity-batch-actions button:disabled { color:var(--tp-muted); cursor:default; opacity:.45; }
.tp-activity-batch-actions button[hidden] { display:none; }
.tp-activity-layout { display:grid; min-height:0; flex:1; grid-template-columns:minmax(0,1fr); }
.tp-activity-timeline { min-height:0; padding:10px 14px 70px; overflow:auto; }
.tp-activity-timeline h5 { margin:18px 0 6px; padding-left:10px; color:var(--tp-muted); font:600 8px/1 "DM Sans",Arial,sans-serif; letter-spacing:.1em; }
.tp-activity-timeline button { display:grid; position:relative; width:100%; min-height:58px; grid-template-columns:58px 26px minmax(0,1fr) 18px; align-items:center; gap:10px; padding:8px 10px; border:0; border-bottom:1px solid var(--tp-line); background:transparent; color:var(--tp-text); text-align:left; cursor:pointer; }
.tp-activity-timeline button:hover,.tp-activity-timeline button.is-current { background:var(--tp-hover); }
.tp-activity-timeline time { color:var(--tp-muted); font:500 9px/1 "DM Sans",Arial,sans-serif; }
.tp-activity-timeline strong,.tp-activity-timeline small { display:block; }
.tp-activity-timeline strong { font-size:11px; }
.tp-activity-timeline small { margin-top:4px; color:var(--tp-muted); font-size:9px; }
.tp-activity-marker { display:grid; position:relative; z-index:1; width:26px; height:26px; place-items:center; border:1px solid var(--tp-line); border-radius:50%; background:var(--tp-surface); }
.tp-activity-marker::before,.tp-activity-marker::after { position:absolute; z-index:-1; left:50%; width:1px; height:18px; background:var(--tp-line); content:""; transform:translateX(-50%); }
.tp-activity-marker::before { bottom:100%; }
.tp-activity-marker::after { top:100%; }
.tp-activity-marker { background:radial-gradient(circle,var(--tp-text) 0 3px,var(--tp-surface) 4px); }
.tp-activity-event-copy { min-width:0; }
.tp-activity-inline { margin:0 28px 0 104px; padding:14px 16px 16px; border-bottom:1px solid var(--tp-line); background:var(--tp-surface-soft); }
.tp-activity-inline > p { max-width:680px; margin:0 0 12px; color:var(--tp-text-soft); font-size:10px; line-height:1.5; }
.tp-activity-inline dl { max-width:680px; margin:0; }
.tp-activity-inline dl div { display:grid; grid-template-columns:100px minmax(0,1fr); gap:12px; padding:7px 0; border-top:1px solid var(--tp-line); }
.tp-activity-inline dt { color:var(--tp-muted); font-size:9px; }
.tp-activity-inline dd { margin:0; font-size:9px; }
.tp-activity-inline .tp-activity-context-row { grid-template-columns:100px minmax(0,1fr) auto; align-items:center; }
.tp-activity-context-row > dd:last-child { justify-self:end; }
.tp-activity-context-row .tp-activity-file { display:inline-flex; align-items:center; gap:6px; padding:3px 0; border:0; border-bottom:1px solid currentColor; background:transparent; color:var(--tp-text); font-size:9px; white-space:nowrap; cursor:pointer; }
.tp-activity-technical { max-width:680px; margin-top:14px; padding-top:12px; border-top:1px solid var(--tp-line); }
.tp-activity-technical h5 { margin:0 0 7px; color:var(--tp-muted); font:600 8px/1 "DM Sans",Arial,sans-serif; letter-spacing:.08em; text-transform:uppercase; }
.tp-activity-details { min-height:0; padding:18px; border-left:1px solid var(--tp-line); overflow:auto; }
.tp-activity-details[hidden] { display:none; }
.tp-activity-details > header { display:flex; justify-content:space-between; align-items:center; }
.tp-activity-details > header span { color:var(--tp-muted); font:500 8px/1 "DM Sans",Arial,sans-serif; letter-spacing:.08em; }
.tp-activity-details > header button { width:32px; height:32px; border:0; background:transparent; color:var(--tp-text); font-size:22px; cursor:pointer; }
.tp-activity-details h4 { margin:18px 0 8px; font-size:19px; }
.tp-activity-details > p { color:var(--tp-text-soft); font-size:10px; line-height:1.5; }
.tp-activity-details dl { margin:18px 0; }
.tp-activity-details dl div { display:grid; grid-template-columns:110px 1fr; gap:12px; padding:9px 0; border-bottom:1px solid var(--tp-line); }
.tp-activity-details dt { color:var(--tp-muted); font-size:9px; }
.tp-activity-details dd { margin:0; font-size:9px; }
.tp-activity-details details { margin-top:22px; border-top:1px solid var(--tp-line); }
.tp-activity-details summary { padding:13px 0; font-size:9px; cursor:pointer; }
.tp-activity-file { display:flex; align-items:center; gap:8px; padding:10px 12px; border:1px solid var(--tp-line); background:transparent; color:var(--tp-text); cursor:pointer; }
.tp-activity-empty { display:grid; place-content:center; flex:1; gap:7px; color:var(--tp-muted); text-align:center; }
.tp-activity-empty[hidden] { display:none; }
.tp-activity-empty strong { color:var(--tp-text); }
@media(max-width:800px){.tp-file-metadata{grid-template-columns:repeat(2,1fr)}.tp-activity-toolbar{grid-template-columns:1fr auto}.tp-activity-toolbar>div{grid-column:1/-1}.tp-activity-toolbar label{min-width:0}.tp-activity-filter-popover{right:8px;width:calc(100% - 16px)}.tp-activity-inline{margin-right:10px;margin-left:72px}}
.tp-case-screen.is-nav-collapsed > .tp-side-nav button:not(.tp-nav-collapse) > b { top:6px; right:auto; left:calc(50% + 4px); min-width:16px; height:16px; padding:0 3px; }
@media(max-width:650px){
  .tp-case-screen.is-nav-collapsed > .tp-side-nav .tp-nav-collapse { left:-6px; width:58px; height:58px; min-height:58px; }
  .tp-case-screen.is-nav-collapsed > .tp-side-nav button:not(.tp-nav-collapse) { min-height:52px; }
  .tp-case-screen.is-nav-collapsed > .tp-side-nav button:not(.tp-nav-collapse) { left:-6px; width:58px; }
}

.tp-split-host { position:relative; }
.tp-live-splitter { position:absolute; z-index:20; top:0; right:-10px; width:20px; height:100%; touch-action:none; cursor:col-resize !important; }
body.tp-prototype-pointer .task-prototype .tp-live-splitter { cursor:col-resize !important; }
.tp-live-splitter::after { position:absolute; top:0; bottom:0; left:50%; width:1px; background:transparent; content:""; transform:translateX(-50%); transition:background .12s ease; }
.tp-live-splitter:is(:hover,:focus-visible,.is-dragging)::after { background:var(--tp-text); }
.tp-live-splitter:focus-visible { outline:0; }
.tp-case-context > .tp-live-splitter,.tp-communication-workspace > aside > .tp-live-splitter { position:absolute; }
.tp-attention-body { border-left-width:1px; }

/* Request hierarchy: continuous case context beside action, signals and workspace. */
.tp-case-screen .tp-case-workspace { width:100% !important; height:calc(100% - 116px) !important; min-height:580px; margin-left:0 !important; }
.tp-case-screen .tp-case-actions { left:0; }
.tp-case-context .tp-identity-block { height:auto; min-height:120px; border-right:0; border-bottom:1px solid var(--tp-line); }
.tp-operational-context { flex-shrink:0; background:var(--tp-surface); }
.tp-operational-context .tp-next-action { height:auto; min-height:94px; border-bottom:1px solid var(--tp-line); }
.tp-operational-signals { display:grid; grid-template-columns:minmax(0,1fr); margin:0; border-bottom:1px solid var(--tp-line); }
.tp-operational-signals > div { display:flex; min-width:0; flex-direction:column; align-items:center; justify-content:center; padding:12px 18px; text-align:center; }
.tp-operational-signals > div + div { border-left:1px solid var(--tp-line); }
.tp-operational-signals dt { color:var(--tp-muted); font:500 8px/1.2 "DM Sans",Arial,sans-serif; letter-spacing:.07em; text-transform:uppercase; }
.tp-operational-signals dd { margin:5px 0 3px; font-size:12px; font-weight:600; }
.tp-operational-signals small { color:var(--tp-muted); font-size:9px; }
.tp-service-details > summary { cursor:pointer; }
.tp-service-details > summary { padding:14px; border-top:1px solid var(--tp-line); font-size:10px; }
.tp-service-details .tp-structured-data { display:block; overflow:visible; }
.tp-service-details .tp-structured-data > section { padding:14px; border-left:0; }
.tp-service-details .tp-structured-data-meta { padding:12px 14px; flex-wrap:wrap; gap:8px; }
.tp-service-details .tp-structured-data dl { padding:0; }
.tp-case-screen.is-communication-expanded .tp-operational-context { display:none; }
@media(max-width:650px) {
  .tp-operational-signals > div { padding:10px; }
  .tp-operational-context .tp-next-action { padding:14px; }
}

.tp-operational-context { display:grid; grid-template-columns:minmax(0,1fr) minmax(160px,200px); border-bottom:1px solid var(--tp-line); }
.tp-operational-context .tp-next-action { border-bottom:0; border-right:1px solid var(--tp-line); }
.tp-operational-signals { border-bottom:0; }
.tp-case-action-group { display:flex; align-items:center; justify-content:flex-end; gap:8px; margin-left:auto; }
.tp-case-actions > span { margin-left:0; margin-right:auto; }
.tp-case-actions .tp-primary { background:var(--tp-text); color:var(--tp-surface); border-color:var(--tp-text); }
.tp-communication-workspace { position:relative; grid-template-columns:var(--tp-email-column, minmax(280px, .9fr)) minmax(0,1fr); }
.tp-email-splitter { position:absolute; z-index:5; top:0; bottom:0; left:var(--tp-email-divider,47.37%); width:12px; padding:0; border:0; background:transparent; transform:translateX(-50%); cursor:col-resize !important; touch-action:none; }
.tp-email-splitter::after { content:""; position:absolute; top:0; bottom:0; left:50%; width:1px; background:var(--tp-line); }
.tp-email-splitter:hover::after,.tp-email-splitter:focus-visible::after { width:2px; background:var(--tp-text); }
@media(max-width:980px) { .tp-operational-context { grid-template-columns:1fr; } .tp-operational-context .tp-next-action { border-right:0; border-bottom:1px solid var(--tp-line); } }
@media(max-width:650px) { .tp-case-action-group { gap:4px; flex-wrap:wrap; } .tp-case-actions button { padding-inline:8px; } }

/* Shared row geometry across the case context and operational workspace. */
.tp-case-screen > .tp-casebar { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; height:72px; min-height:72px; padding:12px 20px; }
.tp-casebar > .tp-back { align-self:center; justify-self:start; margin:0; }
.tp-casebar > .tp-user { position:static; align-self:center; justify-self:end; margin:0; }
.tp-operational-context { min-height:120px; }
.tp-case-context .tp-identity-block { height:var(--tp-operation-row-height,120px); min-height:120px; box-sizing:border-box; }
.tp-case-context > header { height:var(--tp-tabs-row-height,48px); min-height:48px; box-sizing:border-box; }

.tp-site-location summary { width:max-content; border-bottom:1px solid currentColor; cursor:pointer; }
.tp-site-location p { margin:8px 0; color:var(--tp-muted); font-size:9px; }
.tp-site-plan { display:grid; grid-template-columns:1fr 1.4fr; gap:8px; padding:10px; border:1px solid var(--tp-line); font-size:9px; }
.tp-site-plan > span:first-child { padding-right:6px; border-right:2px solid var(--tp-line); }
.tp-site-plan b { padding:12px 6px; border:1px solid var(--tp-text); font-size:9px; }
.tp-site-plan > span:last-child { grid-column:1/-1; text-align:right; }

.tp-copy-id-tooltip { position:fixed; z-index:10020; display:block; padding:7px 9px; border:1px solid #111; background:#e8e8e8; color:#111; font:500 11px/1.3 "DM Sans",Arial,sans-serif; white-space:nowrap; pointer-events:none; }
.tp-copy-id-tooltip[hidden] { display:none; }

.tp-shared-evidence { display:block; width:min(100%,1000px); margin:0 auto; padding:16px; box-sizing:border-box; }
.tp-shared-evidence img { display:block; width:100%; height:auto; object-fit:contain; }
.tp-shared-evidence figcaption { padding-top:8px; color:var(--tp-muted); font:400 9px/1.5 "DM Sans",Arial,sans-serif; }
.tp-shared-evidence a { color:inherit; text-decoration:underline; }

.tp-next-action .tp-next-action-meta { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:6px; }

.tp-next-action .tp-next-action-title { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:4px 0 2px; }
.tp-next-action .tp-next-action-title h3 { margin:0; }
.tp-next-action .tp-next-action-title > .tp-status-chip { font-size:9px; line-height:normal; letter-spacing:normal; color:var(--tp-action); }

.tp-next-action .tp-next-action-reason { margin-top:6px; color:var(--tp-text-soft); font-size:10px; line-height:1.4; }

.tp-request-completion { display:flex; align-items:center; gap:8px; }
.tp-request-completion small { color:var(--tp-muted); font-size:9px; }

.task-prototype :is([data-toggle-all-activity], [data-inv-activity-toggle]) { display:inline-flex; align-items:center; gap:6px; }
.task-prototype :is([data-toggle-all-activity], [data-inv-activity-toggle]) .tp-icon { font-size:18px; }
/* Keep the original three-column record composition inside the editable form. */
.tp-structured-data > .tp-record-form { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-column:1/-1; align-content:start; min-width:0; font-family:"DM Sans",Arial,sans-serif; }
.tp-record-form > section { min-width:0; padding:22px 20px; }
.tp-record-form > section + section { border-left:1px solid var(--tp-line); }
.tp-record-form dl { margin:0; }
.tp-record-form dt label { font:inherit; }
.tp-record-form :is(input,select,textarea) { box-sizing:border-box; }
.tp-record-form { --tp-record-editable-bg:color-mix(in srgb,var(--tp-text) 4%,var(--tp-surface)); }
.tp-structured-data .tp-record-form dd { padding:6px 8px; text-align:left; }
.tp-structured-data .tp-record-form dd:has(> :is(input,select,textarea)) { padding:0; }
.tp-structured-data .tp-record-form :is(input,select,textarea) { display:block; margin:0; padding:6px 8px; text-align:left; text-indent:0; }
.tp-structured-data .tp-record-form :is(input,select,textarea):not(:disabled):not([readonly]) { --field-surface:var(--tp-record-editable-bg); background-color:var(--tp-record-editable-bg); }
.tp-structured-data .tp-record-form :is(input,select,textarea):not(:disabled):not([readonly]):hover { background-color:var(--tp-hover); }
.tp-structured-data .tp-record-form :is(input,select,textarea):is(:disabled,[readonly]) { background:transparent; }
/* Native select chrome adds an inset that differs from text inputs. */
.tp-structured-data .tp-record-form select { appearance:none; -webkit-appearance:none; padding-inline-end:26px; }
.tp-structured-data .tp-record-form dd:has(> select) { position:relative; }
.tp-structured-data .tp-record-form dd:has(> select)::after { content:""; position:absolute; top:50%; right:10px; width:5px; height:5px; border-right:1.5px solid var(--tp-muted); border-bottom:1.5px solid var(--tp-muted); transform:translateY(-70%) rotate(45deg); pointer-events:none; }
.tp-structured-data .tp-record-form input::-webkit-datetime-edit { padding:0; }
.tp-structured-data .tp-record-form input::-webkit-date-and-time-value { text-align:left; }
.tp-record-form .tp-required-mark { color:#c2433a; }
.task-prototype[data-theme="dark"] .tp-record-form .tp-required-mark { color:#f28b82; }
.tp-structured-data .tp-record-form :is(input,select,textarea):focus-visible { outline:1px solid var(--tp-text); outline-offset:1px; }
.tp-structured-data .tp-record-form textarea { resize:vertical; overflow:auto; }
.task-prototype .tp-record-actions { grid-column:1/-1; position:sticky; bottom:0; display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0; padding:12px 20px; border-top:1px solid var(--tp-line); background:var(--tp-surface); color:var(--tp-muted); font-size:10px; }
.tp-record-actions > div { display:flex; gap:8px; }
.tp-record-actions button { min-height:36px; padding:8px 14px; border:1px solid var(--tp-line); background:var(--tp-surface); color:var(--tp-text); cursor:pointer; }
.tp-record-actions .tp-primary { background:var(--tp-text); color:var(--tp-surface); }
.tp-record-actions button:disabled { opacity:.4; cursor:default; }
@media(max-width:900px) {
  .tp-structured-data > .tp-record-form { grid-template-columns:1fr; }
  .tp-record-form > section + section { border-left:0; border-top:1px solid var(--tp-line); }
}
@media(max-width:600px) { .tp-record-actions { flex-wrap:wrap; } }
@media(max-width:600px) {
  .tp-structured-data .tp-record-form dl > div { grid-template-columns:minmax(0,1fr); gap:6px; }
}
.tp-task-list table { min-width:1280px; }
.tp-task-list :is(th,td)[data-col="request"] { min-width:220px; }
.tp-task-list :is(th,td)[data-col="equipment"] { min-width:140px; }
.tp-task-list :is(th,td)[data-col="reported"] { min-width:150px; }
.tp-task-list td[data-col="equipment"] strong,.tp-task-list td[data-col="reported"] strong { display:block; font-size:12px; font-weight:500; }
.tp-task-list td[data-col="equipment"] small,.tp-task-list td[data-col="reported"] small { display:block; color:var(--tp-muted); font-size:10px; margin-top:5px; }
.tp-record-details-link { display:block; margin:14px; padding:8px 0; background:none; border:0; color:var(--tp-text); font:500 11px "DM Sans",Arial,sans-serif; cursor:pointer; }
.tp-record-details-link:hover { color:var(--tp-action); }

/* Shared column edge with the request identity and Service information. */
.tp-communication-workspace { --tp-list-width:max(var(--tp-context-column),var(--tp-email-column,0px)); grid-template-columns:var(--tp-list-width) minmax(0,1fr); }
.tp-email-splitter { left:var(--tp-list-width); }
.tp-documents-workspace { grid-template-columns:var(--tp-context-column) minmax(0,1fr); }

.task-prototype .tp-activity-toggle-icon { display:block; width:16px; height:16px; flex:0 0 16px; }
.tp-case-screen > .tp-case-actions { justify-content:space-between; gap:16px; }
.tp-request-secondary-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-right:auto; }
.tp-request-secondary-actions small { color:var(--tp-muted); font:10px/1.4 "DM Sans",Arial,sans-serif; }
.tp-case-screen > .tp-case-actions > .tp-case-action-group { margin-left:auto; }
.tp-save-announcement { position:absolute!important; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(max-width:760px) { .tp-case-screen > .tp-case-actions { flex-wrap:wrap; }.tp-request-secondary-actions { width:100%; }.tp-case-screen > .tp-case-actions > .tp-case-action-group { flex-wrap:wrap; justify-content:flex-end; } }
/* Prominent request controls, with completion as the primary action. */
.task-prototype .tp-case-actions button { min-height:48px; padding:12px 20px; font:500 13px/1.3 "DM Sans",Arial,sans-serif; }
.tp-case-screen > .tp-case-actions { min-height:76px; padding:12px 20px; }
.tp-case-screen > .tp-case-actions .tp-request-completion .tp-primary { background:var(--tp-text); color:var(--tp-surface); border-color:var(--tp-text); }
.tp-case-screen > .tp-case-actions [data-request-save] { background:transparent; color:var(--tp-text); border-color:var(--tp-line); }
.tp-case-screen > .tp-case-actions [data-request-cancel] { background:transparent; border-color:transparent; box-shadow:none; }
.tp-case-action-group > #request-completion-note { max-width:100px; font:10px/1.4 "DM Sans",Arial,sans-serif; color:var(--tp-muted); }
@media(max-width:1000px) { .tp-case-screen > .tp-case-actions { flex-wrap:wrap; }.tp-case-screen > .tp-case-actions > .tp-case-action-group { flex-wrap:wrap; } }

.tp-case-action-group > #request-completion-note { max-width:240px; flex:0 1 240px; white-space:normal; overflow:visible; text-overflow:clip; font-size:11px; line-height:1.45; }

.tp-completion-help { position:relative; display:inline-flex; align-items:center; }
.task-prototype .tp-case-actions .tp-completion-help-button { display:grid; place-items:center; min-height:32px; width:32px; padding:6px; border:0; background:transparent; color:var(--tp-muted); }
.tp-completion-help-button:hover { color:var(--tp-text); }
.tp-completion-help #request-completion-note { position:absolute; z-index:50; bottom:calc(100% + 12px); left:0; width:220px; max-width:calc(100vw - 40px); padding:10px 12px; border:1px solid var(--tp-line); background:var(--tp-surface); color:var(--tp-text); box-shadow:0 4px 16px #00000014; font:12px/1.45 "DM Sans",Arial,sans-serif; white-space:normal; }
.tp-completion-help #request-completion-note[hidden] { display:none; }
.tp-file-details { flex-shrink:0; border-bottom:1px solid var(--tp-line); background:var(--tp-surface); }
.tp-file-details > summary { display:flex; align-items:center; justify-content:space-between; padding:14px 20px; list-style:none; font:500 12px/1.4 "DM Sans",Arial,sans-serif; cursor:pointer; }
.tp-file-details > summary::-webkit-details-marker { display:none; }
.tp-file-details[open] > summary > span { transform:rotate(180deg); }
.tp-file-details .tp-file-metadata { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); padding:0 20px 16px; gap:16px 24px; border:0; }
.tp-file-details .tp-file-metadata > div { padding:0; border:0; min-width:0; }
.tp-file-details .tp-file-metadata strong { white-space:normal; overflow:visible; text-overflow:clip; }
/* File details read as label–value rows. */
.tp-file-details .tp-file-metadata { grid-template-columns:minmax(0,1fr); gap:0; }
.tp-file-details .tp-file-metadata > div { display:grid; grid-template-columns:minmax(110px,160px) minmax(0,1fr); align-items:baseline; gap:20px; padding:12px 0; border-top:1px solid var(--tp-line); }
.tp-file-details .tp-file-metadata small,.tp-file-details .tp-file-metadata strong { margin:0; }
@media(max-width:650px) { .tp-file-details .tp-file-metadata > div { grid-template-columns:100px minmax(0,1fr); gap:12px; } }

/* Readable, dismissible feedback aligned to the workspace's left inset. */
.task-prototype .tp-toast { left:20px; right:auto; bottom:16px; z-index:60; display:grid; grid-template-columns:18px minmax(0,1fr) 32px; align-items:center; gap:10px; width:max-content; min-width:0; max-width:min(360px,calc(100% - 40px)); min-height:48px; padding:7px 8px 7px 12px; border:1px solid var(--tp-line); border-radius:3px; background:var(--tp-surface-soft); color:var(--tp-text-soft); box-shadow:none; font:500 12px/1.4 "DM Sans",Arial,sans-serif; letter-spacing:0; visibility:hidden; opacity:0; pointer-events:none; transform:translateY(8px); transition:opacity .18s ease,transform .18s ease,visibility .18s; }
.task-prototype .tp-toast.is-visible { visibility:visible; opacity:1; pointer-events:auto; transform:none; }
.tp-toast-icon { display:flex; color:inherit; }
.tp-toast-icon svg { width:18px; height:18px; }
.tp-toast-message { overflow-wrap:anywhere; }
.task-prototype .tp-toast-close { display:grid; place-items:center; width:32px; height:32px; min-height:32px; padding:6px; border:0; border-radius:3px; background:transparent; color:inherit; cursor:pointer; }
.tp-toast-close svg { width:20px; height:20px; }
.task-prototype .tp-toast-close:hover { background:color-mix(in srgb,var(--tp-text) 8%,transparent); }
.task-prototype .tp-toast-close:focus-visible { outline:2px solid currentColor; outline-offset:2px; }
@media(max-width:650px) { .task-prototype .tp-toast { left:12px; bottom:12px; max-width:calc(100% - 24px); } }
@media(prefers-reduced-motion:reduce) { .task-prototype .tp-toast { transition:none; transform:none; } }

.task-prototype .tp-toast[data-tone="success"] { border-color:color-mix(in srgb,var(--tp-green) 28%,transparent); background:linear-gradient(color-mix(in srgb,var(--tp-green) 10%,transparent),color-mix(in srgb,var(--tp-green) 10%,transparent)),var(--tp-surface); color:var(--tp-green); }
.task-prototype .tp-toast[data-tone="failed"] { border-color:rgba(164,81,58,.28); background:linear-gradient(rgba(164,81,58,.10),rgba(164,81,58,.10)),var(--tp-surface); color:#a4513a; }

/* File review follows the shared request workspace surfaces and dividers. */
.tp-documents-workspace { grid-template-columns:246px minmax(240px,1fr) 330px; grid-template-rows:minmax(0,1fr); overflow:auto; }
.tp-documents-workspace.is-files-collapsed { grid-template-columns:58px minmax(240px,1fr) 330px; }
.tp-files-heading { display:flex; align-items:center; gap:8px; min-height:48px; padding:10px 12px; border-bottom:1px solid var(--tp-line); }
.tp-files-heading strong { font-size:12px; margin-right:auto; white-space:nowrap; }
.tp-files-heading button { display:flex; align-items:center; justify-content:center; gap:4px; min-height:28px; padding:5px; border:1px solid var(--tp-line); background:var(--tp-surface); color:var(--tp-text); font:10px 'DM Sans',sans-serif; cursor:pointer; }
.tp-files-heading button .material-symbols-outlined { font-size:16px; }
.tp-file-list { background:var(--tp-surface); }
.tp-documents-workspace .tp-document-row { position:relative; min-height:80px; padding:12px; }
.tp-file-status { align-self:flex-start; font:10px/1.3 'DM Sans',sans-serif; color:var(--tp-muted); margin-top:7px; display:flex; align-items:center; gap:5px; }
.tp-file-status.has-issues { color:#b44b37; }
.tp-file-status.has-issues::before { content:''; width:5px; height:5px; border-radius:50%; background:currentColor; }
.tp-documents-workspace > .tp-validation-sidebar { min-width:0; height:100%; overflow:auto; overscroll-behavior:contain; border-right:0; border-left:1px solid var(--tp-line); background:var(--tp-surface); }
.tp-file-info,.tp-validation { padding:16px; border-bottom:1px solid var(--tp-line); }
.tp-file-info h4,.tp-validation h4 { display:flex; align-items:center; justify-content:space-between; margin:0 0 12px; font:600 12px/1.4 'DM Sans',sans-serif; }
.tp-validation-count { font-size:10px; font-weight:400; color:var(--tp-muted); }
.tp-file-info dl { margin:0; }
.tp-file-info dl > div { display:grid; grid-template-columns:96px minmax(0,1fr); gap:12px; padding:8px 0; border-top:1px solid var(--tp-line); font-size:10px; line-height:1.5; }
.tp-file-info dt { color:var(--tp-muted); }
.tp-file-info dd { margin:0; overflow-wrap:anywhere; }
.tp-validation p { color:var(--tp-muted); font:10px/1.5 'DM Sans',sans-serif; }
.task-prototype .tp-validation label { display:grid; grid-template-columns:112px minmax(0,1fr); align-items:center; column-gap:10px; padding:8px 0; margin:0; border-top:1px solid var(--tp-line); font:400 11px/1.5 'DM Sans',sans-serif; letter-spacing:normal; text-transform:none; }
.tp-validation label > span { color:var(--tp-muted); }
.task-prototype .tp-validation :is(input,select) { box-sizing:border-box; min-width:0; width:100%; min-height:30px; margin:0; padding:6px 8px; border:0; border-radius:0; outline:0; background:transparent; color:var(--tp-text); font:11px 'DM Sans',sans-serif; letter-spacing:normal; transition:background .12s ease; }
.task-prototype .tp-validation :is(input,select):hover { background:var(--tp-hover); }
.task-prototype .tp-validation :is(input,select):focus { background:var(--tp-surface-raised); }
.task-prototype .tp-validation :is(input,select):focus-visible { outline:1px solid var(--tp-text); outline-offset:1px; }


.tp-validation label small { grid-column:2; color:#b44b37; font:10px/1.4 'DM Sans',sans-serif; padding:4px 0 0; }
.tp-validation label small:empty { display:none; }
.tp-validate-button { margin-top:14px; padding:8px 12px; min-height:32px; border:1px solid var(--tp-line); background:var(--tp-surface); color:var(--tp-text); font:11px 'DM Sans',sans-serif; cursor:pointer; }
.tp-valid-evidence { font-size:12px; line-height:1.8; }
.tp-valid-evidence small { color:var(--tp-muted); }
.tp-documents-workspace .tp-document-preview { display:flex; flex-direction:column; min-width:0; overflow:hidden; }
.tp-preview-title { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:48px; padding:8px 14px; border-bottom:1px solid var(--tp-line); background:var(--tp-surface); }
.tp-preview-title strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; }
.tp-preview-title button,.tp-preview-tools button,.tp-preview-pager button { display:grid; place-items:center; flex-shrink:0; width:28px; height:28px; padding:0; border:0; background:transparent; color:inherit; cursor:pointer; font-size:18px; }
.tp-preview-title .material-symbols-outlined,.tp-preview-tools .material-symbols-outlined { font-size:17px; }
.tp-preview-tools { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:6px; min-height:40px; padding:5px 10px; border-bottom:1px solid var(--tp-line); background:var(--tp-surface); font-size:10px; }
.tp-preview-tools button:disabled,.tp-preview-pager button:disabled { opacity:.3; cursor:default; }
.tp-preview-tools button:hover:not(:disabled),.tp-preview-title button:hover { background:var(--tp-hover); }
.tp-documents-workspace .tp-document-preview-canvas { flex:1; height:auto; min-height:0; overflow:auto; padding:24px 20px; background:#e7e9e8; }
.tp-documents-workspace .tp-document-preview-page { box-sizing:border-box; width:560px; max-width:100%; min-height:600px; margin:0 auto; padding:36px 30px; border:1px solid #d3d7d4; box-shadow:0 2px 5px #00000010; }
.tp-evidence-table { width:100%; border-collapse:collapse; font-size:10px; }
.tp-evidence-table :is(td,th) { padding:9px 6px; border:1px solid #d9ddd9; text-align:left; }
.tp-preview-pager { display:flex; align-items:center; justify-content:center; gap:10px; min-height:66px; padding:8px 12px; background:#3e4548; color:#fff; font:10px 'DM Sans',sans-serif; }
.tp-preview-thumbnails { display:flex; gap:6px; overflow:auto; }
.tp-preview-thumbnails[hidden] { display:none; }
.tp-preview-thumbnails button { width:30px; height:44px; padding:3px; border:1px solid transparent; }
.tp-preview-thumbnails button[aria-current="true"] { border-color:#fff; background:#ffffff25; }
.tp-mini-page { display:block; width:22px; height:34px; padding:4px 3px; background:#eee; color:#535a5a; }
.tp-mini-page i { display:block; height:1px; margin:3px 0; background:#bbb; }
.tp-mini-page b { display:block; font-size:8px; font-weight:400; }
.is-files-collapsed .tp-file-list :is(.tp-files-heading strong,[data-upload-files] span:last-child,.tp-document-filters,.tp-document-row > span:nth-child(2)) { display:none; }
.is-files-collapsed .tp-file-list .tp-files-heading { flex-direction:column; padding:8px; }
.is-files-collapsed .tp-document-row { grid-template-columns:1fr; padding:12px; min-height:64px; }
.is-files-collapsed .tp-document-row.has-issues::after { content:''; position:absolute; top:12px; right:7px; width:6px; height:6px; border-radius:50%; background:#b44b37; }
.tp-documents-workspace.is-preview-wide { grid-template-columns:minmax(0,1fr); }
.tp-documents-workspace.is-preview-wide > :is(.tp-file-list,.tp-validation-sidebar) { display:none; }
@media(max-width:1000px) { .tp-documents-workspace { grid-template-columns:220px minmax(220px,1fr) 300px; } .tp-documents-workspace.is-files-collapsed { grid-template-columns:58px minmax(220px,1fr) 300px; } }
@media(max-width:700px) { .tp-documents-workspace,.tp-documents-workspace.is-files-collapsed { grid-template-columns:58px minmax(230px,1fr); grid-template-rows:560px auto; } .tp-documents-workspace > .tp-file-list { grid-row:1 / 3; } .tp-documents-workspace > .tp-validation-sidebar { grid-column:2; height:auto; border-left:0; border-top:1px solid var(--tp-line); } .tp-documents-workspace:not(.is-files-collapsed) > .tp-file-list { width:246px; z-index:5; box-shadow:4px 0 12px #0001; } .tp-preview-pager { gap:3px; padding:8px 4px; } .tp-preview-thumbnails { max-width:150px; } .tp-documents-workspace.is-preview-wide { grid-template-columns:1fr; grid-template-rows: minmax(560px,1fr); } }

/* Shared required-field error treatment in Request record and Files. */
.task-prototype :is(.tp-structured-data .tp-required-field.is-missing,.tp-validation label:has([aria-invalid="true"])) { margin-inline:-8px; padding-inline:8px; background:rgba(164,81,58,.06); }
.task-prototype :is(.tp-structured-data .tp-required-field.is-missing dt,.tp-validation label:has([aria-invalid="true"]) > span) { color:#a4513a; font-weight:600; }
.task-prototype :is(.tp-structured-data .tp-required-field.is-missing,.tp-validation label:has([aria-invalid="true"])) :is(input,select,textarea) { background:rgba(164,81,58,.07); color:var(--tp-text); border-color:transparent; }
.tp-validation label small { color:#a4513a; }
/* Contextual inspector: validation drives selection defaults, never editing state. */
.tp-documents-workspace { position:relative; }
.tp-documents-workspace.is-inspector-collapsed { grid-template-columns:246px minmax(240px,1fr); }
.tp-documents-workspace.is-files-collapsed.is-inspector-collapsed { grid-template-columns:58px minmax(240px,1fr); }
.tp-documents-workspace > .tp-validation-sidebar[hidden] { display:none; }
.tp-document-row > .tp-validation-dot { position:absolute; top:12px; right:8px; width:6px; height:6px; border-radius:50%; background:#a4513a; }
.tp-document-row[data-validation-status="passed"] > .tp-validation-dot { background:var(--tp-green,#398254); }
.tp-file-metadata-disclosure > h4 { margin:0; padding:16px; border-bottom:1px solid var(--tp-line); font:600 12px/1.4 'DM Sans',sans-serif; }
.tp-file-metadata-disclosure .tp-file-info { padding-top:0; }
.tp-preview-title > strong { margin-right:auto; }
.tp-documents-workspace.is-preview-wide { grid-template-columns:minmax(0,1fr); }
@media(max-width:1200px) {
  .tp-documents-workspace,.tp-documents-workspace.is-inspector-collapsed { grid-template-columns:246px minmax(240px,1fr); }
  .tp-documents-workspace.is-files-collapsed,.tp-documents-workspace.is-files-collapsed.is-inspector-collapsed { grid-template-columns:58px minmax(240px,1fr); }
  .tp-documents-workspace > .tp-validation-sidebar { position:absolute; z-index:6; right:0; top:0; width:min(330px,calc(100% - 58px)); height:100%; max-height:100%; box-shadow:-4px 0 12px #00000010; }
  .tp-documents-workspace.is-preview-wide { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:700px) {
  .tp-documents-workspace,.tp-documents-workspace.is-files-collapsed,.tp-documents-workspace.is-inspector-collapsed,.tp-documents-workspace.is-files-collapsed.is-inspector-collapsed { grid-template-columns:58px minmax(230px,1fr); grid-template-rows:560px; }
  .tp-documents-workspace > .tp-file-list { grid-row:1; }
  .tp-documents-workspace > .tp-validation-sidebar { height:100%; border-left:1px solid var(--tp-line); border-top:0; }
  .tp-documents-workspace.is-preview-wide { grid-template-columns:1fr; }
}

.tp-document-preview .tp-document-preview-canvas[hidden],.tp-document-preview .tp-preview-pager[hidden] { display:none; }
.tp-document-preview.is-document-preview-hidden { background:var(--tp-surface); }

/* Full document mode must override every collapsed-list/inspector combination. */
.tp-documents-workspace.is-preview-wide:is(.is-files-collapsed,.is-inspector-collapsed,:not(.is-files-collapsed)) { grid-template-columns:minmax(0,1fr); }
.tp-documents-workspace.is-preview-wide > .tp-document-preview { grid-column:1; min-width:0; }

.tp-preview-tools [hidden] { display:none; }

/* The file inspector is a collapsible part of the workspace. */
.tp-documents-workspace > .tp-validation-sidebar { border-radius:0; box-shadow:none; }

/* Inspector participates in layout: opening it gives the viewer the remaining width. */
.tp-documents-workspace:not(.is-preview-wide) { grid-template-columns:minmax(58px,246px) minmax(0,1fr) minmax(260px,330px); }
.tp-documents-workspace.is-files-collapsed:not(.is-preview-wide) { grid-template-columns:58px minmax(0,1fr) minmax(260px,330px); }
.tp-documents-workspace.is-inspector-collapsed:not(.is-preview-wide) { grid-template-columns:minmax(58px,246px) minmax(0,1fr); }
.tp-documents-workspace.is-files-collapsed.is-inspector-collapsed:not(.is-preview-wide) { grid-template-columns:58px minmax(0,1fr); }
.tp-documents-workspace > .tp-validation-sidebar { position:relative; top:auto; right:auto; width:auto; height:100%; grid-column:3; grid-row:1; border:0; border-left:1px solid var(--tp-line); box-shadow:none; }
.tp-preview-title > [data-toggle-inspector] { display:flex; gap:6px; width:auto; padding:6px; font:11px 'DM Sans',sans-serif; white-space:nowrap; }
.tp-preview-title > [data-toggle-inspector] svg { flex-shrink:0; }
@media(max-width:700px) {
  .tp-documents-workspace:not(.is-preview-wide):not(.is-inspector-collapsed) { grid-template-columns:58px minmax(90px,1fr) minmax(220px,45%); }
  .tp-preview-title > [data-toggle-inspector] span { display:none; }
  .tp-documents-workspace > .tp-validation-sidebar { height:100%; }
}

/* Collapsed inspector remains an explicit vertical rail, matching the file list. */
.tp-documents-workspace.is-inspector-collapsed:not(.is-preview-wide) { grid-template-columns:minmax(58px,246px) minmax(0,1fr) 48px; }
.tp-documents-workspace.is-files-collapsed.is-inspector-collapsed:not(.is-preview-wide) { grid-template-columns:58px minmax(0,1fr) 48px; }
.tp-inspector-rail { grid-column:3; grid-row:1; display:flex; align-items:center; flex-direction:column; gap:18px; width:48px; padding:14px 8px; border:0; border-left:1px solid var(--tp-line); background:var(--tp-surface); color:var(--tp-text); cursor:pointer; }
.tp-inspector-rail > span:first-child { display:grid; place-items:center; width:28px; height:28px; border:1px solid var(--tp-line); font-size:16px; }
.tp-inspector-rail > span:last-child { writing-mode:vertical-rl; font:500 12px 'DM Sans',sans-serif; }
.tp-inspector-rail:hover { background:var(--tp-hover); }
.tp-inspector-rail[hidden] { display:none; }
@media(max-width:700px) { .tp-documents-workspace.is-inspector-collapsed:not(.is-preview-wide) { grid-template-columns:58px minmax(0,1fr) 48px; } }

.is-files-collapsed .tp-file-list [data-upload-files] { display:none; }
.tp-file-list [data-collapse-files] { width:28px; height:28px; padding:5px; }
/* One shared header baseline across all file workspace columns. */
.tp-documents-workspace { --tp-file-header-height:52px; }
.tp-documents-workspace .tp-files-heading,
.tp-documents-workspace .tp-preview-title {
  box-sizing:border-box;
  height:var(--tp-file-header-height);
  min-height:var(--tp-file-header-height);
  flex-shrink:0;
  padding-block:10px;
  border-bottom:1px solid var(--tp-line);
}
.is-files-collapsed .tp-file-list .tp-files-heading { padding-block:10px; justify-content:center; }

.tp-validate-button[hidden] { display:none; }
.task-prototype .tp-validation .is-validated-readonly :is(input,select):is(:hover,:focus,:disabled) { background:transparent; color:var(--tp-text); opacity:1; -webkit-text-fill-color:var(--tp-text); cursor:default; outline:0; }
.task-prototype .tp-validation .is-validated-readonly select { appearance:none; }

/* The workspace has neutral interaction states, separate from portfolio forms. */
.task-prototype :is(button,a,summary,[tabindex]):not(:where(.tp-tour-card,.tp-tour-card *)):focus-visible { outline:1px solid var(--tp-control-focus) !important; outline-offset:2px !important; }
.task-prototype :is(input,select,textarea):not(:autofill):focus { box-shadow:none !important; }
.task-prototype .tp-email-composer label:focus-within { box-shadow:none; }
.task-prototype[data-theme] .tp-green { background:var(--tp-accent-soft); color:var(--tp-text-soft); }
.task-prototype select option { background:var(--tp-surface); color:var(--tp-text); }
.task-prototype select option:checked { background:var(--tp-option-selected); color:var(--tp-text); }
.task-prototype select option:is(:hover,:focus-visible) { background:var(--tp-option-hover); color:var(--tp-text); outline:0; }
.task-prototype select option:disabled { background:var(--tp-surface); color:var(--tp-muted); }

/* Style the actual native picker while retaining form values and keyboard controls. */
@supports (appearance:base-select) {
  .task-prototype select:not([multiple]):not([size]),
  .task-prototype select:not([multiple]):not([size])::picker(select) { appearance:base-select; }
  .task-prototype select:not([multiple]):not([size]) {
    background-image:var(--tp-select-arrow);
    background-repeat:no-repeat;
    background-size:12px 12px;
    background-position:right 10px center;
    padding-inline-end:30px;
    cursor:pointer;
  }
  .task-prototype select:not([multiple]):not([size]):is(:hover,:open) { background-color:var(--tp-control-focus-bg) !important; }
  .task-prototype select:not([multiple]):not([size]):open { outline:1px solid var(--tp-control-focus) !important; outline-offset:-1px !important; box-shadow:none !important; }
  .task-prototype select::picker-icon { display:none; }
  .task-prototype .tp-record-form dd:has(> select)::after,
  .task-prototype .tp-related-select::after,
  .task-prototype .tp-bulk-select > .tp-icon { display:none; }
  .task-prototype select:not([multiple]):not([size])::picker(select) {
    box-sizing:border-box;
    min-inline-size:anchor-size(width);
    max-inline-size:calc(100vw - 24px);
    max-block-size:min(280px,50dvh);
    margin-block:4px;
    padding:4px;
    overflow:auto;
    border:1px solid var(--tp-line);
    border-radius:3px;
    background:var(--tp-surface);
    color:var(--tp-text);
    box-shadow:0 6px 20px #0002;
    font:400 12px/1.4 "DM Sans",Arial,sans-serif;
  }
  .task-prototype select option {
    display:flex;
    align-items:center;
    min-height:32px;
    padding:7px 10px;
    border:0;
    border-radius:2px;
    font:inherit;
    white-space:normal;
    cursor:pointer;
  }
  .task-prototype select option::checkmark { display:none; }
  .task-prototype .tp-validation .is-validated-readonly select { background-image:none; cursor:default; }
}

@media (forced-colors:active) {
  .task-prototype select option:checked { background:Highlight; color:HighlightText; }
  .task-prototype :is(button,a,summary,[tabindex]):focus-visible { outline-color:Highlight !important; }
}

/* Keep remaining-character guidance directly below the field in both themes. */
.task-prototype .tp-character-counter {
  display:block;
  flex:0 0 auto;
  margin:6px 0 0;
  color:var(--tp-muted);
  font:400 11px/1.4 "DM Sans",Arial,sans-serif;
  font-variant-numeric:tabular-nums;
  letter-spacing:0;
  text-align:right;
}
.task-prototype .tp-record-form .tp-character-counter { font-size:10px; }
.task-prototype .tp-email-composer .tp-character-counter { margin:6px 14px 12px; }

/* Workspace refinement: quiet structure, readable type, square controls. */
.task-prototype {
  --tp-line:#e8e8e8;
  --tp-muted:#737373;
  --tp-text:#202020;
  --tp-text-soft:#545454;
  --tp-hover:#f4f4f4;
  --tp-accent-soft:#efefef;
  --tp-action-soft:#f1f1f1;
  --tp-control-focus:#737373;
  --tp-control-focus-bg:#f5f5f5;
  --tp-control-border:#d6d6d6;
  --tp-ui-font:"DM Sans",Arial,sans-serif;
}
.task-prototype[data-theme="dark"] {
  --tp-line:#303030;
  --tp-muted:#aaa;
  --tp-text:#ededed;
  --tp-text-soft:#c4c4c4;
  --tp-hover:#242424;
  --tp-accent-soft:#292929;
  --tp-action-soft:#262626;
  --tp-control-focus:#a3a3a3;
  --tp-control-focus-bg:#252525;
  --tp-control-border:#505050;
}
.task-prototype .tp-screen { font:400 13px/1.45 var(--tp-ui-font); }
.task-prototype .tp-screen :is(button,input,select,textarea,label,legend) { font-family:var(--tp-ui-font); letter-spacing:normal; }
.task-prototype .tp-screen :is(strong,b) { font-weight:600; }
.task-prototype .tp-screen :is(h2,h3,h4) { font-family:var(--tp-ui-font); font-weight:600; letter-spacing:-.015em; word-spacing:normal; }
.task-prototype .tp-screen :is(button,input,select,textarea),
.task-prototype .tp-screen :is(.tp-status-chip,.tp-priority-chip,.tp-pill,.tp-related-search-results,[role="option"]) { border-radius:0 !important; }
/* Status dots, people avatars, radio inputs and the theme switch retain their meaning. */
.task-prototype .tp-screen input[type="radio"] { border-radius:50% !important; }
.task-prototype .tp-screen .tp-theme-toggle { border-radius:999px !important; }
.task-prototype .tp-screen :is(.tp-primary,.tp-secondary,.tp-grid-tool) { min-height:36px; padding:8px 14px; font-size:12px; font-weight:500; line-height:1.4; }
.task-prototype .tp-screen .tp-secondary { border-color:var(--tp-control-border); }
.task-prototype .tp-screen .tp-primary { background:var(--tp-text); border-color:var(--tp-text); color:var(--tp-surface); }
.task-prototype .tp-screen .tp-primary:hover:not(:disabled) { opacity:.85; }
.task-prototype .tp-screen :is(.tp-primary,.tp-secondary):disabled { background:var(--tp-hover); border-color:var(--tp-line); color:var(--tp-muted); opacity:1; }
.task-prototype .tp-screen :is(.tp-status-chip,.tp-priority-chip,.tp-pill) { min-height:22px; padding:3px 7px; border-color:transparent; background:var(--tp-hover); color:var(--tp-text-soft); font:500 11px/1.3 var(--tp-ui-font); }
.task-prototype .tp-screen .tp-priority-chip { background:transparent; border-color:var(--tp-control-border); }
.task-prototype .tp-screen :is(.tp-channel-icon,.tp-document-row > .tp-icon) { border:0; background:transparent; }
.task-prototype .tp-screen :is(.tp-grid-column-panel,.tp-table-filter-panel,.tp-activity-filter-popover) { border-color:var(--tp-line); box-shadow:0 6px 24px #00000012; }

/* Requests list: a clear heading and quiet, scan-friendly rows. */
.tp-topbar { gap:24px; }
.tp-search { border-color:transparent; background:var(--tp-hover); }
.tp-search input { font-size:13px; }
.tp-filters { padding:24px 12px; }
.tp-filters > p { margin:24px 12px 10px; font-size:11px; letter-spacing:.04em; font-weight:500; }
.tp-filters > button { min-height:38px; padding:10px 12px; font-size:13px; }
.tp-filters button b { font-size:11px; font-weight:400; }
.tp-task-list { padding:28px; }
.tp-page-title { margin-bottom:28px; }
.task-prototype .tp-page-title h3 { font-size:26px; line-height:1.25; }
.tp-table-wrap { border:0; border-top:1px solid var(--tp-line); }
.tp-bulk-bar { padding:8px 0 16px; border:0; background:transparent; }
.tp-bulk-bar.is-inactive { background:transparent; }
.tp-bulk-bar :is(label,select) { font-size:12px; }
.tp-task-list th { font-size:12px; font-weight:500; text-transform:none; letter-spacing:0; background:var(--tp-surface); }
.tp-task-list td { padding-block:18px; font-size:13px; border-bottom-color:var(--tp-line); }
.tp-task-list td strong { font-size:13px; }
.tp-task-list td small { font-size:11px; line-height:1.4; }
.tp-list-footer { font-size:11px; }

/* Request context and its main action share a restrained hierarchy. */
.tp-case-context .tp-identity-block { padding:20px; gap:8px; }
.tp-request-id strong { font-size:24px; letter-spacing:-.025em; }
.tp-request-id:hover { background:var(--tp-hover); color:var(--tp-text); transform:none; }
.tp-identity-context-trigger > span:not(.tp-case-kicker):not(.tp-identity-status) { font-size:13px; line-height:1.45; }
.tp-case-context header { padding-inline:20px; border-bottom-color:transparent; }
.tp-case-context header strong { font-size:13px; font-weight:600; }
.tp-case-context dl { padding:8px 20px 16px; }
.tp-case-context dl div { grid-template-columns:86px minmax(0,1fr); gap:12px; padding:9px 0; }
.tp-case-context dt { font-size:11px; line-height:1.5; }
.tp-case-context dd { font-size:12px; line-height:1.5; }
.tp-record-details-link { margin:8px 20px 24px; padding:8px 0; font-size:12px; }
.tp-operational-context .tp-next-action { padding:20px 24px; gap:20px; border-right:0; }
.tp-next-action div > span { font-size:10px; letter-spacing:.06em; }
.tp-next-action .tp-next-action-title { margin:7px 0 4px; gap:10px; }
.tp-next-action h3 { font-size:17px; line-height:1.35; }
.tp-next-action :is(p,small),.tp-next-action .tp-next-action-reason { font-size:11px; line-height:1.5; }
.tp-next-action .tp-next-action-title > .tp-status-chip { font-size:10px; }
.tp-operational-signals { align-self:center; border-left:1px solid var(--tp-line); }
.tp-operational-signals dt { font-size:10px; letter-spacing:.04em; }
.tp-operational-signals dd { margin:6px 0 4px; font-size:16px; font-weight:500; }
.tp-operational-signals small { font-size:11px; }
.tp-workspace-tabs { min-height:48px; padding:0 10px; flex-shrink:0; overflow-x:auto; }
.tp-workspace-tabs > button { padding:0 12px; white-space:nowrap; font-size:12px; }
.tp-workspace-tabs button b { margin-left:3px; color:var(--tp-muted); font-weight:400; }
.tp-workspace-tabs button.is-current::after { left:12px; right:12px; height:2px; }
.tp-workspace-tab-actions { border-left:0; }
.tp-workspace-tabs .tp-workspace-tab-actions button { min-height:48px; font-size:11px; white-space:nowrap; }

/* Communication is a list and reading surface, without nested icon boxes. */
.tp-message-filters { padding:12px; }
.tp-source-filters { gap:2px; flex-wrap:wrap; }
.tp-message-filters button { min-height:30px; padding:5px 7px; font-size:11px; background:transparent; }
.tp-message-filters button.is-current { border-color:transparent; background:var(--tp-accent-soft); }
.tp-message-filter-secondary { margin-top:10px; gap:4px; flex-wrap:wrap; }
.tp-message-filter-secondary .tp-new-email { min-height:32px; padding:6px 8px; border-color:transparent; background:var(--tp-hover); color:var(--tp-text); font-size:11px; font-weight:500; }
.tp-message-row { grid-template-columns:20px minmax(0,1fr); padding:16px; gap:8px 10px; border-bottom-color:transparent; }
.tp-message-row > .tp-channel-icon { width:20px; height:20px; }
.tp-message-row strong { font-size:12px; }
.tp-message-row b { font-size:13px; font-weight:500; line-height:1.4; }
.tp-message-row small { font-size:11px; line-height:1.4; }
.tp-message-row time { grid-column:2; margin-top:0; font-size:10px; }
.tp-message-row.is-current { box-shadow:inset 2px 0 var(--tp-text-soft); background:var(--tp-hover); }
.tp-communication-workspace > article { padding:24px 28px; }
.tp-communication-workspace > article > header { padding-bottom:18px; }
.tp-communication-workspace article header span { font-size:10px; letter-spacing:.04em; }
.tp-communication-workspace article h4 { margin-top:7px; font-size:18px; line-height:1.35; }
.tp-message-author { padding:20px 0; }
.tp-message-author p { font-size:12px; }
.tp-message-author small { font-size:11px; }
.tp-communication-workspace .tp-message-copy { max-width:64ch; font-size:14px; line-height:1.7; }
.tp-email-composer label { font-size:12px; }
.tp-email-composer textarea { font-size:14px; }

/* File chrome stays subordinate to the source and validation. */
.tp-document-row { padding:16px 12px; border-bottom-color:transparent; }
.tp-document-row strong { font-size:12px; font-weight:500; }
.tp-document-row small { font-size:11px; }
.tp-document-preview-canvas { background:#f3f3f3; }
.task-prototype[data-theme="dark"] .tp-document-preview-canvas { background:#232323; }
.tp-files-heading strong { font-size:13px; font-weight:600; }
.tp-document-metadata strong,.tp-file-info-header strong { font-size:13px; font-weight:600; }
.tp-file-details .tp-file-metadata > div { border-top:0; padding:10px 0; }
.tp-file-details .tp-file-metadata small { font-size:11px; text-transform:none; letter-spacing:0; }
.tp-file-details .tp-file-metadata strong { font-size:12px; font-weight:400; }
.tp-validation p,.tp-validation-count { font-size:11px; }
.tp-validation label { font-size:12px; }
.tp-validation label small { font-size:11px; line-height:1.5; }

/* Request record: grouping carries the structure; every field need not be boxed. */
.tp-structured-data-meta { min-height:40px; padding-inline:24px; font-size:11px; }
.tp-record-form > section { padding:24px; }
.tp-record-form > section + section { border-left-color:var(--tp-line); }
.tp-structured-data h4 { margin-bottom:20px; font-size:14px; font-weight:600; }
.tp-structured-data .tp-record-form dl > div { padding:9px 0; gap:10px; border-bottom-color:transparent; }
.tp-structured-data dt { font-size:11px; line-height:1.5; }
.tp-structured-data dd { font-size:12px; font-weight:400; line-height:1.5; }
.tp-record-form { --tp-record-editable-bg:var(--tp-hover); }
.tp-structured-data .tp-record-form :is(input,select,textarea) { padding:8px; }
.tp-structured-data .tp-record-form dd { padding:8px; }
.tp-structured-data .tp-record-form dd:has(> :is(input,select,textarea)) { padding:0; }

/* Footer and activity use the same control scale as the rest of the workspace. */
.task-prototype .tp-case-actions button { min-height:36px; padding:8px 14px; font:500 12px/1.4 var(--tp-ui-font); }
.task-prototype .tp-case-actions [data-reassign-coordinator] { border-color:transparent; }
.task-prototype .tp-case-actions .tp-primary:disabled { opacity:1; background:var(--tp-hover); color:var(--tp-muted); border-color:var(--tp-line); }
.tp-activity-toolbar h4 { font-size:16px; }
.tp-activity-toolbar p,.tp-activity-toolbar input,.tp-activity-toolbar > button { font-size:12px; }
.tp-activity-timeline button { padding:14px 10px; border-bottom-color:transparent; }
.tp-activity-timeline strong { font-size:13px; font-weight:500; }
.tp-activity-timeline small,.tp-activity-timeline time { font-size:11px; }
.tp-activity-inline :is(p,dt,dd) { font-size:12px; }

@media(max-width:1100px) {
  .tp-operational-context .tp-next-action { padding:18px; gap:12px; }
  .tp-next-action h3 { font-size:16px; }
  .tp-workspace-tabs > button { padding-inline:10px; }
  .tp-communication-workspace > article { padding:20px; }
  .tp-record-form > section { padding:20px 16px; }
}
@media(max-width:650px) {
  .tp-task-list { padding:20px 16px; }
  .tp-case-context dl { padding-inline:16px; }
  .tp-operational-signals { border-left:0; }
  .tp-workspace-tabs > button { min-height:44px; }
  .tp-communication-workspace > article { padding:20px 16px; }
  .tp-source-filters { gap:4px; }
}

/* Save state belongs to the request; validation remains a separate signal. */
.task-prototype .tp-record-save-state { margin-left:auto; color:var(--tp-muted); }
.task-prototype :is(.tp-record-save-state,.tp-request-save-status)[data-state="unsaved"] { color:var(--tp-text); font-weight:600; }
.task-prototype :is(.tp-record-save-state,.tp-request-save-status)[data-state="error"] { color:var(--tp-danger,#a74d37); }
.task-prototype .tp-request-save-status { max-width:320px; font:400 12px/1.4 var(--tp-ui-font); color:var(--tp-muted); }
.task-prototype .tp-case-screen > .tp-case-actions { display:flex; flex-wrap:wrap; gap:8px 16px; }
.task-prototype .tp-case-screen > .tp-case-actions [data-request-save]:not(:disabled) { border-color:var(--tp-text); background:var(--tp-text); color:var(--tp-surface); }
.task-prototype .tp-case-screen > .tp-case-actions [data-request-save]:not(:disabled):hover { background:#333; }
.task-prototype .tp-request-completion-help { display:flex; flex:1 0 100%; align-items:baseline; justify-content:flex-end; gap:10px; color:var(--tp-muted); font:400 11px/1.4 var(--tp-ui-font); }
.task-prototype .tp-case-actions .tp-request-review { min-height:24px; padding:0; border:0; color:var(--tp-text); font:500 11px/1.4 var(--tp-ui-font); text-decoration:underline; text-underline-offset:3px; }
.task-prototype .tp-case-actions .tp-request-review:hover { text-decoration-thickness:2px; }
.task-prototype :is(.tp-request-save-status,.tp-request-completion-help,.tp-request-review,.tp-structured-data-meta > span)[hidden] { display:none; }
.task-prototype .tp-save-dialog { box-sizing:border-box; width:min(520px,calc(100vw - 32px)); max-width:none; max-height:calc(100dvh - 32px); margin:auto; padding:28px; border:1px solid var(--tp-line,#ddd); border-radius:0; background:var(--tp-surface,#fff); color:var(--tp-text,#191919); font:400 14px/1.55 "DM Sans",Arial,sans-serif; box-shadow:0 16px 60px #0002; }
.task-prototype .tp-save-dialog::backdrop { background:#0006; }
.task-prototype .tp-save-dialog h2 { margin:0 0 12px; padding:0; font:600 22px/1.3 "DM Sans",Arial,sans-serif; letter-spacing:-.02em !important; word-spacing:normal; text-transform:none; color:inherit; }
.task-prototype .tp-save-dialog p { margin:0; max-width:none; font:inherit; color:var(--tp-muted,#666); }
.task-prototype .tp-save-dialog .tp-save-dialog-error { margin-top:16px; color:var(--tp-danger,#a74d37); }
.task-prototype .tp-save-dialog-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; margin-top:24px; }
.task-prototype .tp-save-dialog-actions button { min-height:38px; padding:8px 12px; border:1px solid var(--tp-line,#ddd); border-radius:0; background:transparent; color:var(--tp-text,#191919); font:500 12px/1.4 "DM Sans",Arial,sans-serif; letter-spacing:normal; text-transform:none; cursor:pointer; }
.task-prototype .tp-save-dialog-actions button:hover { background:var(--tp-hover,#f4f4f4); }
.task-prototype .tp-save-dialog-actions .tp-primary { background:var(--tp-text,#191919); color:var(--tp-surface,#fff); border-color:var(--tp-text,#191919); }
.task-prototype .tp-save-dialog-actions .tp-primary:hover { background:#333; }
.task-prototype .tp-save-dialog-actions button:focus-visible { outline:1px solid var(--tp-text,#191919); outline-offset:2px; }
.task-prototype .tp-save-dialog-actions button:disabled { opacity:.45; cursor:wait; }
@media(max-width:650px) {
  .task-prototype .tp-request-completion-help { justify-content:flex-start; flex-wrap:wrap; gap:4px 10px; }
  .task-prototype .tp-save-dialog { padding:20px; }
  .task-prototype .tp-save-dialog-actions { flex-direction:column; }
}

.task-prototype .tp-structured-data-meta .tp-record-save-state { margin-left:auto; padding-left:0; border-left:0; }

/* AI extraction is pending human review, distinct from a validation error. */
.task-prototype .tp-validation label.tp-ai-needs-review { margin-inline:-8px; padding-inline:8px; background:#fbf5df; }
.task-prototype .tp-validation label.tp-ai-needs-review > span:first-child { color:#71591d; }
.task-prototype .tp-validation label.tp-ai-needs-review select { background:#f5ebc9; }
.task-prototype .tp-validation label > .tp-ai-review-note { grid-column:2; display:flex; flex-wrap:wrap; align-items:center; gap:5px 7px; padding-top:6px; color:var(--tp-muted); font:400 11px/1.4 "DM Sans",sans-serif; }
.task-prototype .tp-ai-needs-review .tp-ai-review-note { color:#71591d; }
.tp-ai-review-badge { font-weight:600; font-size:10px; }
.task-prototype[data-theme="dark"] .tp-validation label.tp-ai-needs-review { background:#332d1b; }
.task-prototype[data-theme="dark"] .tp-validation label.tp-ai-needs-review select { background:#44391e; }
.task-prototype[data-theme="dark"] .tp-validation label.tp-ai-needs-review :is(.tp-ai-review-note,span:first-child) { color:#e9d596; }

.task-prototype .tp-validation .tp-ai-required { color:#b44b37; font-weight:600; }

/* Base-select replaces native centering: align the selected value in every single-select.
   Scoped to the prototype, including dynamically inserted dialogs and ticket tools. */
@supports (appearance:base-select) {
  .task-prototype select:not([multiple]):not([size]) {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    text-align:left;
    box-sizing:border-box;
  }
}

/* Layout trial: file list, adjacent information panel, then document. */
.task-prototype .tp-documents-workspace:not(.is-preview-wide) { --files-column:minmax(58px,246px); --info-column:minmax(260px,330px); grid-template-columns:var(--files-column) var(--info-column) minmax(0,1fr); }
.task-prototype .tp-documents-workspace.is-files-collapsed { --files-column:58px; }
.task-prototype .tp-documents-workspace.is-inspector-collapsed { --info-column:0px; }
.task-prototype .tp-documents-workspace > .tp-file-list { grid-column:1; grid-row:1; }
.task-prototype .tp-documents-workspace > :is(.tp-validation-sidebar,.tp-inspector-rail) { grid-column:2; grid-row:1; border-left:0; border-right:1px solid var(--tp-line); }
.task-prototype .tp-documents-workspace:not(.is-preview-wide) > .tp-document-preview { grid-column:3; grid-row:1; }
@media(max-width:700px){.task-prototype .tp-documents-workspace:not(.is-preview-wide){--files-column:58px;--info-column:minmax(220px,45%)}.task-prototype .tp-documents-workspace.is-inspector-collapsed:not(.is-preview-wide){--info-column:0px}}

/* Override legacy combined-collapse tracks as well as single-panel states. */
.task-prototype .tp-documents-workspace:not(.is-preview-wide):is(.is-files-collapsed,.is-inspector-collapsed,:not(.is-files-collapsed)) {
  grid-template-columns:var(--files-column) var(--info-column) minmax(0,1fr);
}

/* Fixed file navigation with an information control in its header. */
.task-prototype .tp-files-heading .tp-files-info-toggle {
  display:inline-flex; align-items:center; justify-content:center; flex:0 0 30px;
  width:30px; height:30px; min-height:30px; padding:5px;
  border:1px solid var(--tp-line); background:var(--tp-surface); color:var(--tp-text);
  cursor:pointer;
}
.task-prototype .tp-files-info-toggle svg { width:18px; height:18px; }
.task-prototype .tp-files-info-toggle:hover,
.task-prototype .tp-files-info-toggle[aria-expanded="true"] { background:var(--tp-hover,#f4f4f4); }
.task-prototype .tp-files-info-toggle:focus-visible { outline:1px solid currentColor; outline-offset:-3px; }
.task-prototype .tp-documents-workspace:not(.is-preview-wide) { --files-column:246px; }
@media(max-width:700px) {
  .task-prototype .tp-documents-workspace:not(.is-preview-wide) { min-width:760px; }
}

/* Selected-file attention count shares the information button. */
.task-prototype .tp-file-list > .tp-files-heading { gap:6px; }
.task-prototype .tp-file-list [data-upload-files] span:last-child { display:none; }
.task-prototype .tp-files-heading .tp-files-info-toggle.has-attention {
  flex:0 0 auto; width:auto; gap:5px; padding:5px 6px;
  font:500 11px/18px 'DM Sans',sans-serif;
}
.task-prototype .tp-file-attention-count { white-space:nowrap; }

/* A contextual review action sits beneath the file metadata. */
.task-prototype .tp-file-entry { position:relative; }
.task-prototype .tp-file-entry > .tp-document-row { width:100%; }
.task-prototype .tp-file-entry:has(.tp-file-review-link) > .tp-document-row { min-height:64px; padding-bottom:4px; }
.task-prototype .tp-file-entry:has(.is-current) { background:var(--tp-hover); box-shadow:inset 2px 0 0 var(--tp-action); }
.task-prototype .tp-file-entry:has(.tp-file-review-link) > .tp-document-row.is-current { box-shadow:none; }
.task-prototype .tp-file-review-link {
  display:block; margin:0 12px 12px 56px; padding:2px 0; border:0;
  background:transparent; color:var(--tp-text); font:500 11px/18px 'DM Sans',sans-serif;
  text-align:left; text-decoration:underline; text-underline-offset:3px; cursor:pointer;
}
.task-prototype .tp-file-review-link:hover { color:var(--tp-muted); }
.task-prototype .tp-file-review-link:focus-visible { outline:1px solid var(--tp-text); outline-offset:3px; }

.task-prototype .tp-file-entry:has(.tp-file-review-link) { padding-bottom:12px; }
.task-prototype .tp-file-review-link { margin-bottom:0; }
.task-prototype .tp-file-entry:has(.is-current)::after { content:''; position:absolute; left:0; top:0; bottom:0; width:2px; background:var(--tp-action); pointer-events:none; }

.task-prototype .tp-files-heading .tp-files-info-toggle { flex:0 0 auto; width:auto; gap:5px; padding:5px 7px; font:500 12px/18px 'DM Sans',sans-serif; white-space:nowrap; }

.task-prototype .tp-coordinator-link { padding:0; border:0; background:none; color:var(--tp-text); font:inherit; text-align:left; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
.task-prototype .tp-coordinator-link:hover { color:var(--tp-muted); }
.task-prototype .tp-coordinator-link:focus-visible { outline:1px solid currentColor; outline-offset:4px; }
.task-prototype .tp-coordinator-dialog { width:min(440px,calc(100vw - 40px)); padding:24px; border:1px solid var(--tp-line); background:var(--tp-surface); color:var(--tp-text); }
.task-prototype .tp-coordinator-dialog::backdrop { background:#0006; }
.task-prototype .tp-coordinator-dialog header { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.task-prototype .tp-coordinator-dialog h3 { margin:0; font:600 20px/1.3 'DM Sans',sans-serif; }
.task-prototype .tp-coordinator-dialog p { color:var(--tp-muted); font-size:14px; line-height:1.5; }
.task-prototype .tp-coordinator-dialog label { display:block; margin:20px 0 8px; font-size:14px; }
.task-prototype .tp-coordinator-dialog select { width:100%; min-height:44px; padding:10px; border:1px solid var(--tp-line); background:var(--tp-surface); color:var(--tp-text); font:inherit; }
.task-prototype .tp-coordinator-dialog footer { display:flex; justify-content:flex-end; gap:12px; margin-top:24px; }
.task-prototype .tp-coordinator-dialog button { padding:10px 16px; border:1px solid var(--tp-line); background:var(--tp-surface); color:var(--tp-text); cursor:pointer; }
.task-prototype .tp-coordinator-dialog button[type="submit"] { background:var(--tp-text); color:var(--tp-surface); }
.task-prototype .tp-coordinator-dialog button:disabled { opacity:.4; cursor:default; }
.task-prototype .tp-coordinator-dialog footer { background:transparent; padding:0; border:0; color:var(--tp-text); }
.task-prototype .tp-coordinator-dialog select { border-radius:0; }
.task-prototype .tp-coordinator-dialog label { font-family:'DM Sans',sans-serif; letter-spacing:0; }

.task-prototype [data-col="source"] { min-width:130px; white-space:nowrap; }
.task-prototype [data-header-filter-menu="reported"] { max-height:280px; overflow-y:auto; }

/* Approved workspace design — 2026-10-04. */
/* Local visual direction; existing workflow and production styles stay intact. */
.task-prototype[data-theme="light"] { --tp-bg:#fff; --tp-surface:#fff; --tp-panel:#fff; --tp-line:#e2e7e3; --tp-text:#24312a; --tp-text-soft:#526158; --tp-muted:#727e76; --tp-hover:#fff; --tp-accent-soft:#eaf4ed; --tp-control-border:#d8e0da; --tp-control-focus:#49a85d; }
#main .task-prototype[data-theme="dark"] { --tp-bg:#000; --tp-surface:#111; --tp-panel:#111; --tp-surface-soft:#242424; --tp-surface-raised:#161616; --tp-line:#303030; --tp-hover:#242424; --tp-accent-soft:#292929; --tp-action-soft:#262626; --tp-action-line:#444; --tp-text:#ededed; --tp-text-soft:#c4c4c4; --tp-muted:#aaa; }
#main .task-prototype .tp-user-avatar { position:relative; overflow:visible; }
#main .task-prototype .tp-user-avatar .tp-status-dot { position:absolute; top:0; right:0; display:block; width:8px; height:8px; margin:0; border-radius:50%; background:#49a85d; box-shadow:0 0 0 2px var(--tp-surface),0 0 5px #49a85d55; }
#main .task-prototype[data-theme="dark"] .tp-avatar { background:#303030; color:#f2f2f2; }
.task-prototype .tp-screen { background:var(--tp-bg); font-size:14px; }
.task-prototype .tp-screen :is(button,input:not([type="radio"]):not([type="checkbox"]),select,textarea,.tp-status-chip,.tp-priority-chip,.tp-pill) { border-radius:5px !important; }
.task-prototype .tp-screen .tp-theme-toggle { border-radius:999px !important; }
.task-prototype .tp-case-context { background:var(--tp-bg); }
.task-prototype .tp-topbar { background:var(--tp-surface); }
.task-prototype .tp-case-context dl { padding-top:12px; }
.task-prototype .tp-case-context dl div { padding:11px 0; }
.task-prototype .tp-case-context dt { font-size:12px; }
.task-prototype .tp-case-context dd { font-size:13px; }
.task-prototype .tp-operational-context { background:var(--tp-surface); }
.task-prototype .tp-operational-context .tp-next-action { padding:16px 24px; }
.task-prototype .tp-next-action h3 { font-size:18px; }
.task-prototype .tp-next-action :is(p,small) { font-size:12px; }
.task-prototype .tp-screen .tp-next-action .tp-primary { background:#358549; border-color:#358549; color:#fff; }
.task-prototype .tp-screen :is(.tp-new-email,[data-new-message]) { background:var(--tp-surface); color:var(--tp-text); border:1px solid var(--tp-control-border); }
.task-prototype .tp-screen .tp-case-actions .tp-primary:not(:disabled) { background:var(--tp-surface); color:var(--tp-text); border-color:var(--tp-control-border); }
.task-prototype .tp-message-row.is-current { background:var(--tp-accent-soft); box-shadow:inset 3px 0 #49a85d; border-left-color:#49a85d; }
.task-prototype .tp-message-row { padding:17px 16px; }
.task-prototype .tp-message-row :is(strong,b) { font-size:13px; }
.task-prototype .tp-message-row small { font-size:12px; }
.task-prototype .tp-message-row time { font-size:11px; }
.task-prototype .tp-screen .tp-case-actions { background:var(--tp-surface); box-shadow:0 -4px 18px #182d2006; }
.task-prototype .tp-screen .tp-status-chip { background:var(--tp-accent-soft); color:#386947; }
.task-prototype .tp-screen .tp-priority-chip { background:#fff2e8; color:#92582c; border-color:transparent; }
.task-prototype .tp-documents-workspace:not(.is-preview-wide):not(.is-files-collapsed):not(.is-inspector-collapsed) { --files-column:minmax(180px,210px); --info-column:minmax(245px,285px); }
.task-prototype .tp-file-inspector { background:var(--tp-surface); }
.task-prototype .tp-document-row.is-current { background:var(--tp-accent-soft); }
.task-prototype .tp-screen :is(input,select,textarea):focus-visible { outline:2px solid #49a85d; outline-offset:2px; }
@media(max-width:900px) { .task-prototype .tp-documents-workspace:not(.is-preview-wide):not(.is-files-collapsed):not(.is-inspector-collapsed) { --files-column:minmax(58px,180px); --info-column:minmax(220px,260px); } }

/* Full-width view switch; keep the working surfaces white. */
.task-prototype .tp-communication-views { width:100%; padding:0; gap:0; }
.task-prototype .tp-screen .tp-communication-views button { flex:1 1 50%; border-radius:0 !important; min-height:40px; }
.task-prototype[data-theme="light"] .tp-communication-views button[aria-pressed="true"] { background:#fff; }
.task-prototype[data-theme="light"] .tp-case-context,
.task-prototype[data-theme="light"] .tp-screen { background:#fff; }
.task-prototype .tp-screen .tp-case-actions { box-shadow:none; }

/* Match dashboard and request chips without outlined borders. */
.task-prototype .tp-screen :is(.tp-status-chip,.tp-priority-chip,.tp-pill) { border:0 !important; }
.task-prototype .tp-screen .tp-pill { background:var(--tp-accent-soft); color:#386947; }

/* Neutral row states and an edge-to-edge rectangular view selector. */
.task-prototype .tp-communication-workspace .tp-communication-views { display:flex !important; width:100% !important; padding:0 !important; margin:0 !important; gap:0 !important; border-radius:0 !important; }
.task-prototype .tp-communication-workspace .tp-communication-views > button { flex:1 1 0 !important; width:50%; min-width:0; margin:0 !important; border-radius:0 !important; }
.task-prototype .tp-message-row { border-radius:0 !important; border-left:0 !important; box-shadow:none !important; }
.task-prototype[data-theme="light"] .tp-message-row.is-current { background:#eaeaea !important; box-shadow:none !important; }
.task-prototype[data-theme="light"] .tp-message-row:hover:not(.is-current) { background:#f5f5f5 !important; }
.task-prototype[data-theme="light"] .tp-task-list tbody tr:hover > td { background:#f5f5f5 !important; }
.task-prototype[data-theme="light"] .tp-task-list tbody tr.is-selected > td { background:#eaeaea !important; box-shadow:none !important; }
.task-prototype[data-theme="light"] .tp-task-list tbody tr:focus-visible > td { background:#eaeaea !important; }
.task-prototype[data-theme="dark"] .tp-message-row.is-current,
.task-prototype[data-theme="dark"] .tp-task-list tbody tr.is-selected > td { background:#343434 !important; box-shadow:none !important; }
.task-prototype[data-theme="dark"] .tp-message-row:hover:not(.is-current),
.task-prototype[data-theme="dark"] .tp-task-list tbody tr:hover:not(.is-selected) > td { background:#252525 !important; }

/* Dashboard attention chips use the same unoutlined treatment as request chips. */
.task-prototype .tp-list-screen .tp-attention-signal { border:0 !important; border-radius:5px !important; min-height:22px; padding:3px 7px; font-size:11px; line-height:1.3; background:var(--tp-accent-soft); color:#386947; box-shadow:none; }
.task-prototype .tp-list-screen .tp-attention-signal.is-urgent { background:#fff2e8; color:#92582c; }

/* Communication controls are structural tabs and rows, not rounded buttons. */
#main .task-prototype .tp-screen .tp-communication-workspace .tp-communication-views { padding:0 !important; margin:0 !important; width:100% !important; border:0 !important; border-top:1px solid var(--tp-line) !important; border-bottom:1px solid var(--tp-line) !important; border-radius:0 !important; }
#main .task-prototype .tp-screen .tp-communication-workspace .tp-communication-views > button { border:0 !important; border-radius:0 !important; flex:1 1 0 !important; margin:0 !important; box-shadow:none !important; }
#main .task-prototype .tp-screen .tp-communication-workspace .tp-communication-views > button + button { border-left:1px solid var(--tp-line) !important; }
#main .task-prototype .tp-screen .tp-communication-workspace .tp-communication-views > button[aria-pressed="true"] { box-shadow:inset 0 -1px var(--tp-text) !important; }
#main .task-prototype .tp-screen .tp-communication-workspace .tp-message-row { border-radius:0 !important; border:0 !important; box-shadow:none !important; }

/* Consistent structural rows across the request workspace. */
#main .task-prototype { --draft-row-hover:#f5f5f5; --draft-row-selected:#eaeaea; }
#main .task-prototype[data-theme="dark"] { --draft-row-hover:#252525; --draft-row-selected:#343434; }
#main .task-prototype .tp-communication-toolbar { border-bottom:0 !important; }
#main .task-prototype .tp-communication-workspace .tp-communication-views { border-top:0 !important; }
#main .task-prototype :is(.tp-ticket-navigation > button,.tp-document-row,.tp-file-entry) { border-radius:0 !important; box-shadow:none !important; border-left:0 !important; }
#main .task-prototype :is(.tp-ticket-navigation > button,.tp-document-row):hover { background:var(--draft-row-hover) !important; }
#main .task-prototype :is(.tp-ticket-navigation > button[aria-pressed="true"],.tp-ticket-navigation > button[aria-selected="true"],.tp-ticket-navigation > button.is-current,.tp-document-row.is-current,.tp-file-entry:has(.is-current)) { background:var(--draft-row-selected) !important; box-shadow:none !important; }
#main .task-prototype .tp-file-entry:has(.is-current)::after,
#main .task-prototype .tp-ticket-navigation > button::before { display:none !important; }
#main .task-prototype .tp-file-entry:has(.is-current) .tp-document-row { background:transparent !important; }
#main .task-prototype .tp-record-form { --tp-record-editable-bg:var(--draft-row-hover); }
#main .task-prototype .tp-structured-data .tp-record-form :is(input,select,textarea):not(:disabled):not([readonly]) { background-color:var(--draft-row-hover) !important; --field-surface:var(--draft-row-hover); }
#main .task-prototype .tp-structured-data .tp-record-form :is(input,select,textarea):not(:disabled):not([readonly]):hover { background-color:var(--draft-row-selected) !important; }
#main .task-prototype .tp-related-table tbody tr:hover > td { background:var(--draft-row-hover) !important; }
#main .task-prototype .tp-ticket-navigation > button[aria-current] { background:var(--draft-row-selected) !important; box-shadow:none !important; }

/* Softer neutral states: former hover becomes selected. */
#main .task-prototype[data-theme="light"] { --draft-row-selected:#f5f5f5; --draft-row-hover:rgba(245,245,245,.10); }
#main .task-prototype[data-theme="light"] .tp-message-row.is-current,
#main .task-prototype[data-theme="light"] .tp-task-list tbody tr.is-selected > td,
#main .task-prototype[data-theme="light"] .tp-task-list tbody tr:focus-visible > td { background:var(--draft-row-selected) !important; }
#main .task-prototype[data-theme="light"] .tp-message-row:hover:not(.is-current),
#main .task-prototype[data-theme="light"] .tp-task-list tbody tr:hover:not(.is-selected) > td { background:var(--draft-row-hover) !important; }

/* Editable fields retain their visible permanent surface. */
#main .task-prototype[data-theme="light"] .tp-structured-data .tp-record-form :is(input,select,textarea):not(:disabled):not([readonly]) { background-color:#f5f5f5 !important; --field-surface:#f5f5f5; }

/* Shared navigation geometry and quiet, visible hover. */
#main .task-prototype :is(.tp-validation-sidebar,.tp-file-details,.inv-file-information) { container-type:inline-size; }
#main .task-prototype :is(.tp-file-info dl > div,.tp-file-details .tp-file-metadata > div,.inv-file-information-body dl > div),
#main .task-prototype .tp-validation label { display:grid; grid-template-columns:100px minmax(0,1fr); gap:6px; align-items:center; }
#main .task-prototype .tp-validation label > :is(input,select,textarea) { min-width:0; width:100%; box-sizing:border-box; }
#main .task-prototype .tp-validation label > small { grid-column:2; }
@container (max-width:360px) {
  #main .task-prototype :is(.tp-file-info dl > div,.tp-file-details .tp-file-metadata > div,.inv-file-information-body dl > div),
  #main .task-prototype .tp-validation label { grid-template-columns:minmax(0,1fr); gap:4px; align-items:start; }
  #main .task-prototype .tp-validation label > small { grid-column:1; }
}
@media(min-width:1000px) {
  #main .task-prototype .is-communication-expanded .tp-documents-workspace:not(.is-preview-wide):not(.is-inspector-collapsed) { --info-column:clamp(330px,28vw,480px); }
}
#main .task-prototype .tp-record-details-link { display:none !important; }
#main .task-prototype .tp-structured-data > .tp-record-form { grid-template-columns:repeat(3,minmax(0,1fr)); }
#main .task-prototype .tp-record-form > section { container-type:inline-size; padding:20px 16px; }
#main .task-prototype .tp-record-form > section + section { border-top:0; border-left:1px solid var(--tp-line); }
#main .task-prototype .tp-record-form dl > div { grid-template-columns:100px minmax(0,1fr); align-items:center; gap:6px; }
#main .task-prototype .tp-record-form dl > div:has(textarea) { grid-template-columns:minmax(0,1fr); align-items:start; gap:4px; }
#main .task-prototype .tp-record-form textarea { min-height:110px; line-height:1.5; }
#main .task-prototype .tp-record-form dd { min-width:0; margin:0; }
#main .task-prototype .tp-record-form select { white-space:nowrap; }
@container (max-width:360px) {
  #main .task-prototype .tp-record-form dl > div { grid-template-columns:minmax(0,1fr); align-items:start; gap:4px; }
}
@media(max-width:900px) {
  #main .task-prototype .tp-record-form dl > div { grid-template-columns:minmax(0,1fr); align-items:start; gap:4px; }
}
#main .task-prototype[data-theme="light"] { --draft-row-hover:#f9f9f9; }
#main .task-prototype :is(.tp-ticket-navigation,.tp-file-list) { padding:0 !important; }
#main .task-prototype :is(.tp-ticket-navigation > button,.tp-file-entry,.tp-document-row,.tp-message-row) { margin:0 !important; width:100%; }
#main .task-prototype .tp-file-entry:hover:not(:has(.is-current)) { background:var(--draft-row-hover) !important; }
#main .task-prototype .tp-file-entry:hover > .tp-document-row { background:transparent !important; }
@media(min-width:701px) {
  #main .task-prototype .tp-communication-workspace { --tp-list-width:max(var(--tp-context-column),var(--tp-email-column,0px)); grid-template-columns:var(--tp-list-width) minmax(0,1fr) !important; }
  #main .task-prototype .tp-ticket-browser { grid-template-columns:var(--tp-context-column) minmax(0,1fr) !important; }
  #main .task-prototype .tp-documents-workspace:not(.is-preview-wide):not(.is-files-collapsed) { --files-column:var(--tp-context-column); }
}
#main .task-prototype .tp-email-splitter { left:var(--tp-list-width,var(--tp-context-column)) !important; }

/* Compact read-only facts retain a horizontal layout in narrow panels. */
@container (min-width:240px) and (max-width:360px) {
  #main .task-prototype .tp-file-info dl > div:not(:first-child),
  #main .task-prototype .tp-validation label:has(> :is(input,select,textarea):is([readonly],:disabled)),
  #main .task-prototype .tp-record-form dl > div:is([data-system-field="Request ID"],[data-system-field="Received"],[data-system-field="Related files"],[data-system-field="Time remaining"],[data-system-field="Last updated"]) {
    grid-template-columns:90px minmax(0,1fr); gap:6px; align-items:baseline;
  }
}

/* Editable surfaces consistently reflect the actual control state. */
#main .task-prototype { --draft-editable-surface:#f5f5f5; }
#main .task-prototype[data-theme="dark"] { --draft-editable-surface:#242424; }
#main .task-prototype :is(.tp-validation,.tp-record-form) :is(input,select,textarea):not(:disabled):not([readonly]):not([aria-readonly="true"]) {
  background-color:var(--draft-field-state,var(--draft-editable-surface)) !important;
  --field-surface:var(--draft-field-state,var(--draft-editable-surface));
}
#main .task-prototype :is(.tp-validation,.tp-record-form) :is(input,select,textarea):is(:disabled,[readonly],[aria-readonly="true"]) {
  background-color:transparent !important; --field-surface:transparent; cursor:default;
}

/* Read-only extracted values have no interactive visual states. */
#main .task-prototype .tp-validation :is(input,select,textarea):is([readonly],:disabled,[aria-readonly="true"]),
#main .task-prototype .tp-validation :is(input,select,textarea):is([readonly],:disabled,[aria-readonly="true"]):is(:hover,:focus,:focus-visible,:active) {
  background:transparent !important; outline:0 !important; border-color:transparent !important; box-shadow:none !important; cursor:default !important;
}
#main .task-prototype .tp-validation label:has(> :is(input,select,textarea):is([readonly],:disabled,[aria-readonly="true"])):is(:hover,:focus-within) { background:transparent !important; box-shadow:none !important; }

/* Keep only the full-width divider below File details. */
#main .task-prototype .tp-file-metadata-disclosure .tp-file-info dl > div:first-child { border-top:0; }

/* Review notes must not create an implicit second track in narrow panels. */
@container (max-width:360px) {
  #main .task-prototype .tp-validation label > .tp-ai-review-note { grid-column:1; }
}
#main .task-prototype .tp-validation label.tp-ai-needs-review :is(input,select,textarea) { --draft-field-state:#f5ebc9; }
#main .task-prototype :is(.tp-validation,.tp-record-form) :is(input,select,textarea)[aria-invalid="true"],
#main .task-prototype .tp-record-form .is-missing :is(input,select,textarea) { --draft-field-state:#f7e5df; }
#main .task-prototype[data-theme="dark"] .tp-validation label.tp-ai-needs-review :is(input,select,textarea) { --draft-field-state:#44391e; }
#main .task-prototype[data-theme="dark"] :is(.tp-validation,.tp-record-form) :is(input,select,textarea)[aria-invalid="true"],
#main .task-prototype[data-theme="dark"] .tp-record-form .is-missing :is(input,select,textarea) { --draft-field-state:#482a26; }

#main .task-prototype .tp-file-filter-toolbar { position:relative; display:flex; padding:12px; border-bottom:1px solid var(--tp-line); }
#main .task-prototype .tp-file-filter-toolbar > .tp-communication-filter-toggle { display:inline-flex; align-items:center; gap:6px; padding:8px; border:1px solid var(--tp-line); background:var(--tp-surface); color:var(--tp-text); font:500 12px/18px 'DM Sans',sans-serif; }
#main .task-prototype .tp-file-filter-menu > p { margin:0 0 8px; font:600 12px/20px 'DM Sans',sans-serif; }
#main .task-prototype .tp-file-filter-menu > button { display:flex; justify-content:space-between; align-items:center; width:100%; padding:8px; border:0; border-radius:0 !important; font:400 12px/18px 'DM Sans',sans-serif; background:transparent; }
#main .task-prototype .tp-file-filter-menu > button:hover { background:var(--draft-row-hover); }
#main .task-prototype .tp-file-filter-menu > button[aria-pressed="true"] { background:var(--draft-row-selected); font-weight:600; }
#main .task-prototype .tp-file-filter-menu[hidden] { display:none; }

#main .task-prototype [data-activity-filter-toggle] { display:inline-flex; align-items:center; gap:6px; padding:8px; border:1px solid var(--tp-line); border-radius:6px; background:var(--tp-surface); color:var(--tp-text); font:500 12px/18px 'DM Sans',sans-serif; }
#main .task-prototype .tp-file-filter-menu > label { display:grid; gap:6px; margin-top:16px; font-size:12px; }
#main .task-prototype .tp-file-filter-menu :is(select,input[type="date"]) { width:100%; min-width:0; box-sizing:border-box; padding:8px; border:1px solid var(--tp-line); background:var(--tp-surface); color:var(--tp-text); font:12px 'DM Sans',sans-serif; }
#main .task-prototype .tp-file-date-range { display:grid; gap:10px; margin-top:10px; }
#main .task-prototype .tp-file-date-range[hidden] { display:none; }
#main .task-prototype .tp-file-filter-menu > .tp-file-clear-filters { margin-top:12px; text-decoration:underline; }

/* Reference-inspired empty states: quiet line art on the workspace square. */
#main [data-task-prototype] .tp-message-empty,#main [data-task-prototype] .tp-communication-empty {text-align:center;padding:24px 16px;color:var(--tp-muted);font-size:13px;line-height:1.6;}
#main [data-task-prototype] .tp-message-empty::before,#main [data-task-prototype] .tp-communication-empty::before {content:"";display:block;width:104px;height:98px;margin:0 auto 14px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%20112%22%20fill%3D%22none%22%3E%3Crect%20x%3D%2219%22%20y%3D%2212%22%20width%3D%2280%22%20height%3D%2280%22%20rx%3D%2212%22%20fill%3D%22%23F1F0F4%22%20transform%3D%22rotate%28-8%2059%2052%29%22%2F%3E%3Cg%20stroke%3D%22%23A5A2AE%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%2228%22%20y%3D%2231%22%20width%3D%2262%22%20height%3D%2245%22%20rx%3D%224%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22m29%2035%2030%2023%2030-23M29%2073l19-17M89%2073%2070%2056%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2288%22%20cy%3D%2281%22%20r%3D%2210%22%20fill%3D%22%23EDE9FE%22%2F%3E%3Cpath%20d%3D%22M84%2081h8%22%20stroke%3D%22%236D43BC%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;}
#main [data-task-prototype] .tp-document-empty {text-align:center;padding:24px 16px;color:var(--tp-muted);font-size:13px;line-height:1.6;}
#main [data-task-prototype] .tp-document-empty::before {content:"";display:block;width:104px;height:98px;margin:0 auto 14px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%20112%22%20fill%3D%22none%22%3E%3Crect%20x%3D%2219%22%20y%3D%2212%22%20width%3D%2280%22%20height%3D%2280%22%20rx%3D%2212%22%20fill%3D%22%23F1F0F4%22%20transform%3D%22rotate%28-8%2059%2052%29%22%2F%3E%3Cg%20stroke%3D%22%23A5A2AE%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M37%2024h30l15%2015v43H37z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M67%2024v15h15M47%2050h25M47%2059h25M47%2068h17%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2288%22%20cy%3D%2281%22%20r%3D%2210%22%20fill%3D%22%23EDE9FE%22%2F%3E%3Cpath%20d%3D%22M84%2081h8%22%20stroke%3D%22%236D43BC%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;}
#main [data-task-prototype] .tp-activity-empty {text-align:center;padding:24px 16px;color:var(--tp-muted);font-size:13px;line-height:1.6;}
#main [data-task-prototype] .tp-activity-empty::before {content:"";display:block;width:104px;height:98px;margin:0 auto 14px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%20112%22%20fill%3D%22none%22%3E%3Crect%20x%3D%2219%22%20y%3D%2212%22%20width%3D%2280%22%20height%3D%2280%22%20rx%3D%2212%22%20fill%3D%22%23F1F0F4%22%20transform%3D%22rotate%28-8%2059%2052%29%22%2F%3E%3Cg%20stroke%3D%22%23A5A2AE%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%2229%22%20y%3D%2228%22%20width%3D%2260%22%20height%3D%2253%22%20rx%3D%224%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M29%2041h60M40%2023v10M77%2023v10M41%2053h6M56%2053h6M71%2053h6M41%2065h6M56%2065h6%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2288%22%20cy%3D%2281%22%20r%3D%2210%22%20fill%3D%22%23EDE9FE%22%2F%3E%3Cpath%20d%3D%22M84%2081h8%22%20stroke%3D%22%236D43BC%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;}
#main#main [data-task-prototype] .tp-request-empty-visual {width:120px;height:112px;margin:0 auto 16px;filter:none;}