/* Temporal intelligence */
.ti{padding:18px 24px 28px;display:flex;flex-direction:column;gap:16px;min-height:100%}
.ti-head{display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap}
.ti-head h1{margin:2px 0 4px;font-size:22px;font-weight:700;letter-spacing:-0.01em}
.ti-head .sub{font-size:12px;color:var(--fg-muted)}
.ti-range{margin-left:auto;display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-card);border:1px solid var(--border-base);border-radius:10px}
.ti-range-track{display:flex;align-items:center}
.ti-range-link{width:18px;height:2px;background:var(--border-base)}
.ti-range-link.on{background:var(--accent-primary)}
.ti-range-node{padding:5px 10px;border-radius:99px;border:1px solid var(--border-base);background:var(--bg-inset);color:var(--fg-muted);font-size:11px;cursor:pointer}
.ti-range-node.on{color:var(--fg-primary);border-color:color-mix(in oklab,var(--accent-primary) 50%,var(--border-base))}
.ti-range-node.end{background:color-mix(in oklab,var(--accent-primary) 18%,transparent);border-color:var(--accent-primary)}
.ti-range-n{font-size:11px;color:var(--fg-secondary)}

.ti-body{display:grid;grid-template-columns:minmax(360px,440px) minmax(0,1fr);gap:16px;align-items:start}

/* Brief */
.ti-brief{display:flex;flex-direction:column;gap:12px;position:sticky;top:0}
.ti-sum{background:linear-gradient(180deg,color-mix(in oklab,var(--accent-primary) 9%,var(--bg-card)),var(--bg-card));border:1px solid color-mix(in oklab,var(--accent-primary) 35%,var(--border-base));border-radius:12px;padding:14px 16px}
.ti-sum-hd{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;margin-bottom:8px}
.ti-sum-ic{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;background:color-mix(in oklab,var(--accent-primary) 22%,transparent);color:var(--accent-primary)}
.ti-sum-p{margin:0;font-size:13.5px;line-height:1.62;color:var(--fg-primary);text-wrap:pretty}
.ti-sum-foot{display:flex;gap:14px;margin-top:12px;padding-top:10px;border-top:1px solid var(--border-base);font-size:11px;color:var(--fg-secondary);flex-wrap:wrap}
.ti-skel{display:flex;flex-direction:column;gap:8px}
.ti-skel span{height:11px;border-radius:4px;background:linear-gradient(90deg,var(--bg-inset),var(--bg-hover),var(--bg-inset));background-size:200% 100%;animation:ti-sh 1.3s infinite linear}
@keyframes ti-sh{to{background-position:-200% 0}}
.ti-cite{display:inline-flex;align-items:center;padding:0 5px;margin:0 1px;border-radius:4px;border:1px solid color-mix(in oklab,var(--accent-primary) 40%,transparent);background:color-mix(in oklab,var(--accent-primary) 14%,transparent);color:var(--accent-primary);font-family:var(--font-mono);font-size:10.5px;line-height:16px;cursor:pointer;vertical-align:1px}
.ti-cite:hover{background:color-mix(in oklab,var(--accent-primary) 28%,transparent)}

.ti-findings{display:flex;flex-direction:column;gap:8px}
.ti-f{background:var(--bg-card);border:1px solid var(--border-base);border-left:3px solid var(--k);border-radius:10px;padding:11px 13px;cursor:pointer;transition:border-color .15s,background .15s}
.ti-f:hover{background:var(--bg-hover)}
.ti-f.on{border-color:var(--k);background:color-mix(in oklab,var(--k) 8%,var(--bg-card))}
.ti-f-hd{display:flex;align-items:center;gap:8px;margin-bottom:5px}
.ti-f-id{font-size:10px;color:var(--fg-muted)}
.ti-f-kind{display:inline-flex;align-items:center;gap:4px;font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--k)}
.ti-f-imp{font-size:11px;color:var(--fg-primary);font-weight:600}
.ti-f-t{margin:0 0 4px;font-size:13px;font-weight:600;line-height:1.35;color:var(--fg-primary)}
.ti-f-b{margin:0;font-size:11.5px;line-height:1.55;color:var(--fg-secondary);text-wrap:pretty}
.ti-f-spark{display:flex;gap:6px;height:48px;margin-top:8px;align-items:flex-end}
.ti-f-spark-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;height:100%;justify-content:flex-end}
.ti-f-spark-col span{width:100%;border-radius:2px 2px 0 0}
.ti-f-spark-col em{font-style:normal;font-size:9px;color:var(--fg-muted)}
.ti-f-ft{display:flex;align-items:center;gap:8px;margin-top:9px;font-size:10px}
.ti-f-conf{width:54px;height:4px;border-radius:99px;background:var(--bg-inset);overflow:hidden}
.ti-f-conf span{display:block;height:100%;background:var(--k)}
.ti-f-ev{display:inline-flex;align-items:center;gap:4px;color:var(--accent-primary);font-weight:500}

.ti-thread{display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--bg-inset);border:1px solid var(--border-base);border-radius:10px}
.ti-msg{display:flex;gap:8px;font-size:12.5px;line-height:1.55}
.ti-msg-u{justify-content:flex-end}
.ti-msg-u .ti-msg-b{background:color-mix(in oklab,var(--accent-primary) 16%,transparent);border:1px solid color-mix(in oklab,var(--accent-primary) 30%,transparent);padding:7px 11px;border-radius:10px 10px 3px 10px;max-width:85%}
.ti-msg-ic{width:20px;height:20px;border-radius:99px;flex-shrink:0;display:grid;place-items:center;background:color-mix(in oklab,var(--accent-primary) 18%,transparent);color:var(--accent-primary)}
.ti-dots{display:flex;gap:4px;padding:6px 0}
.ti-dots span{width:5px;height:5px;border-radius:99px;background:var(--accent-primary);animation:ask-bounce 1.2s infinite}
.ti-dots span:nth-child(2){animation-delay:.2s}.ti-dots span:nth-child(3){animation-delay:.4s}

.ti-ask{display:flex;flex-direction:column;gap:8px}
.ti-ask-sugg{display:flex;flex-wrap:wrap;gap:6px}
.ti-ask-sugg button{font-size:11px;padding:5px 9px;border-radius:99px;border:1px solid var(--border-base);background:var(--bg-card);color:var(--fg-secondary);cursor:pointer}
.ti-ask-sugg button:hover{border-color:var(--accent-primary);color:var(--fg-primary)}
.ti-ask-box{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 12px;background:var(--bg-card);border:1px solid var(--border-elevated);border-radius:10px;color:var(--accent-primary)}
.ti-ask-box:focus-within{border-color:var(--accent-primary)}
.ti-ask-box input{flex:1;background:transparent;border:0;outline:0;color:var(--fg-primary);font-size:12.5px;font-family:var(--font-sans)}
.ti-ask-send{width:28px;height:28px;border-radius:7px;border:0;background:var(--accent-primary);color:#04101f;display:grid;place-items:center;cursor:pointer}
.ti-ask-send:disabled{background:var(--bg-inset);color:var(--fg-disabled)}

/* Evidence */
.ti-ev{background:var(--bg-card);border:1px solid var(--border-base);border-radius:12px;display:flex;flex-direction:column;min-width:0;overflow:hidden}
.ti-ev-tabs{display:flex;align-items:center;gap:2px;padding:6px;border-bottom:1px solid var(--border-base);background:var(--bg-inset)}
.ti-ev-tabs button{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:7px;border:0;background:transparent;color:var(--fg-secondary);font-size:12px;cursor:pointer;font-weight:500}
.ti-ev-tabs button.on{background:var(--bg-elevated);color:var(--fg-primary);box-shadow:inset 0 0 0 1px var(--border-elevated)}
.ti-ev-ctx{font-size:11px;color:var(--fg-muted);padding-right:8px}
.ti-ev-canvas{padding:14px 16px}

.ti-map-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.ti-chk{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--fg-secondary);cursor:pointer}
.ti-legend{display:flex;gap:10px;font-size:10.5px;color:var(--fg-secondary);flex-wrap:wrap}
.ti-legend span{display:inline-flex;align-items:center;gap:5px}
.ti-legend i{width:10px;height:10px;border-radius:2px;display:inline-block}
.ti-legend-grad i{width:90px;height:8px;background:linear-gradient(90deg,#2a2f3a,#ef4444)}
.ti-legend-grad em{font-style:normal;font-family:var(--font-mono);font-size:10px}
.ti-map-stage{background:#0b1018;border:1px solid var(--border-base);border-radius:8px;padding:10px}
.ti-map-svg{width:100%;height:auto;display:block}
.ti-cell{transition:fill .45s ease}
.ti-cell:hover{filter:brightness(1.4)}
.ti-ring-cur{animation:ti-ring 1.8s ease-in-out infinite}
@keyframes ti-ring{50%{stroke-opacity:.45}}
.ti-focus{stroke-width:2.4;animation:ti-foc 1s ease-in-out 3}
@keyframes ti-foc{50%{stroke-opacity:.2}}

.ti-scrub{display:grid;grid-template-columns:auto 1fr;gap:10px 12px;align-items:center;margin-top:12px}
.ti-play{width:32px;height:32px;border-radius:99px;border:1px solid var(--border-elevated);background:var(--bg-elevated);color:var(--fg-primary);display:grid;place-items:center;cursor:pointer}
.ti-scrub-track{display:flex;align-items:center}
.ti-scrub-gap{flex:1;height:2px;background:var(--border-base);display:flex;justify-content:center;gap:5px;align-items:center}
.ti-scrub-ev{width:9px;height:9px;border-radius:2px;transform:rotate(45deg)}
.ti-scrub-ev-weather{background:#f97316}
.ti-scrub-ev-om{background:#22c55e}
.ti-scrub-ev-equipment{background:#eab308}
.ti-scrub-n{display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 10px;border-radius:8px;border:1px solid var(--border-base);background:var(--bg-inset);color:var(--fg-secondary);cursor:pointer;font-size:11px}
.ti-scrub-n em{font-style:normal;font-size:9px;color:var(--fg-muted)}
.ti-scrub-n.on{border-color:var(--accent-primary);background:color-mix(in oklab,var(--accent-primary) 16%,transparent);color:var(--fg-primary)}
.ti-scrub-n:disabled{opacity:.35;cursor:not-allowed}
.ti-scrub-info{grid-column:2;display:flex;gap:14px;flex-wrap:wrap;font-size:11px;color:var(--fg-secondary)}
.ti-scrub-info b{color:var(--fg-primary)}

.ti-flow-hd{display:flex;gap:10px;font-size:12px;color:var(--fg-secondary);margin-bottom:8px}
.ti-flow-svg{width:100%;height:auto;display:block}
.ti-flow-link{transition:opacity .15s;cursor:pointer}
.ti-flow-note,.ti-fc-note{font-size:11px;color:var(--fg-muted);line-height:1.5;margin-top:8px}

.ti-fc-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}
.ti-fc-kpis>div{background:var(--bg-inset);border:1px solid var(--border-base);border-radius:8px;padding:9px 11px;display:flex;flex-direction:column;gap:2px}
.ti-fc-kpis b{font-size:17px}
.ti-fc-kpis em{font-style:normal;font-size:10px;color:var(--fg-muted)}
.ti-fc-svg{width:100%;height:auto;display:block}

.ti-act-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ti-act-card{background:var(--bg-inset);border:1px solid var(--border-base);border-radius:10px;padding:12px 14px}
.ti-act-card p{margin:8px 0 0;font-size:11px;color:var(--fg-secondary);line-height:1.5}
.ti-act-hd{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--fg-muted)}
.ti-verdict{font-size:9.5px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;padding:2px 7px;border-radius:99px}
.ti-verdict.effective{color:var(--sev-low);background:color-mix(in oklab,var(--sev-low) 15%,transparent)}
.ti-verdict.partial{color:var(--sev-medium);background:color-mix(in oklab,var(--sev-medium) 15%,transparent)}
.ti-act-t{font-size:13px;font-weight:600;margin:4px 0 10px}
.ti-act-ba{display:flex;align-items:center;gap:12px;color:var(--fg-muted)}
.ti-act-ba>div{display:flex;flex-direction:column}
.ti-act-ba b{font-size:20px;color:var(--fg-primary)}
.ti-act-roi{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px;padding-top:8px;border-top:1px dashed var(--border-base);font-size:11px;color:var(--fg-secondary)}
.ti-act-roi b{color:var(--fg-primary)}
.ti-cf{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px;padding:14px;border-radius:10px;border:1px solid color-mix(in oklab,var(--sev-critical) 35%,var(--border-base));background:color-mix(in oklab,var(--sev-critical) 6%,var(--bg-inset))}
.ti-cf-big{font-size:30px;font-weight:700;color:var(--sev-critical);margin:4px 0 6px}
.ti-cf-big em{font-style:normal;font-size:13px;color:var(--fg-muted)}
.ti-cf-l p{margin:0 0 10px;font-size:11.5px;color:var(--fg-secondary);line-height:1.5}
.ti-cf-r{display:flex;flex-direction:column;gap:4px}
.ti-cf-row{display:flex;align-items:center;gap:10px;font-size:11px;padding:5px 8px;background:var(--bg-card);border-radius:6px}
.ti-cf-strip{display:flex;gap:2px}
.ti-cf-strip i{width:12px;height:12px;border-radius:2px}

/* Film strip */
.ti-film{border-top:1px solid var(--border-base);padding:12px 16px 14px;background:var(--bg-inset)}
.ti-film-hd{display:flex;align-items:center;gap:10px;font-size:12px;margin-bottom:10px}
.ti-film-row{display:flex;align-items:center}
.ti-film-gap{flex:1;min-width:20px;height:2px;background:var(--border-base);display:flex;justify-content:center;gap:4px;align-items:center}
.ti-film-ev{width:18px;height:18px;border-radius:5px;display:grid;place-items:center;color:#0a0e1a;transform:none}
.ti-film-f{display:flex;flex-direction:column;gap:5px;width:110px}
.ti-film-f.out{opacity:.35}
.ti-film-img{height:64px;border-radius:6px;position:relative;overflow:hidden;background:repeating-linear-gradient(90deg,#1c2a44 0 18px,#0f1a2e 18px 20px),repeating-linear-gradient(0deg,transparent 0 20px,#0f1a2e 20px 22px);box-shadow:inset 0 0 0 2px var(--st)}
.ti-film-hot{position:absolute;inset:0}
.ti-film-hot-hot_cell{background:radial-gradient(circle at 62% 40%,#ef4444 0,#ef4444aa 10%,transparent 28%)}
.ti-film-hot-pid{background:linear-gradient(180deg,transparent 40%,#8b5cf699 100%)}
.ti-film-hot-bypass{background:linear-gradient(90deg,transparent 0 33%,#f9731699 33% 66%,transparent 66%)}
.ti-film-hot-soiling{background:linear-gradient(0deg,#a3a33a99 0,transparent 55%)}
.ti-film-lbl{display:flex;justify-content:space-between;font-size:10.5px}
.ti-film-story{display:flex;gap:7px;align-items:flex-start;margin-top:10px;font-size:12px;color:var(--fg-primary);line-height:1.5}
.ti-film-story .ico{color:var(--accent-primary);margin-top:3px;flex-shrink:0}

@media (max-width:1200px){.ti-body{grid-template-columns:1fr}.ti-brief{position:static}.ti-fc-kpis{grid-template-columns:repeat(2,1fr)}.ti-cf{grid-template-columns:1fr}}

.ti-headline{display:block;margin:0 0 12px;font-size:15px;line-height:1.45;font-weight:600;color:var(--fg-primary);text-wrap:pretty}
.ti-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--border-base);border:1px solid var(--border-base);border-radius:8px;overflow:hidden;margin-bottom:12px}
.ti-kpis>div{background:var(--bg-inset);padding:8px 10px;display:flex;flex-direction:column;gap:2px;min-width:0}
.ti-kpis span{font-size:10px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.06em}
.ti-kpis b{font-size:16px;font-weight:600;white-space:nowrap}
.ti-kpis em{font-style:normal;font-size:10.5px;color:var(--fg-muted)}
.ti-do{display:flex;flex-direction:column;gap:4px}
.ti-do-h{font-size:10px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}
.ti-do-r{display:grid;grid-template-columns:18px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:7px 8px;border:1px solid var(--border-base);border-radius:8px;background:var(--bg-card);color:inherit;text-align:left;cursor:pointer;font:inherit}
.ti-do-r:hover{border-color:var(--border-strong);background:var(--bg-hover)}
.ti-do-n{width:18px;height:18px;border-radius:99px;display:grid;place-items:center;background:color-mix(in oklab,var(--accent-mission) 20%,transparent);color:var(--accent-mission);font-size:10px;font-weight:700}
.ti-do-t{display:flex;flex-direction:column;gap:1px;min-width:0}
.ti-do-t b{font-size:12px;font-weight:600;line-height:1.3}
.ti-do-t em{font-style:normal;font-size:10.5px;color:var(--fg-muted)}
.ti-do-v{font-size:12px;font-weight:600;white-space:nowrap}
.ti-do-v em{font-style:normal;color:var(--fg-muted);font-weight:400}
.ti-f{padding:9px 12px}
.ti-f-t{margin:0;font-size:12.5px}
.ti-f.on .ti-f-t{margin-bottom:6px}
.ti-f-ft{margin-top:6px}
.ti-f-act{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:11.5px;padding:6px 8px;border-radius:6px;background:var(--bg-inset)}
.ti-f-act .ico{color:var(--accent-mission)}
.ti-f-act em{font-style:normal;color:var(--fg-muted);margin-left:auto;font-size:10.5px}
.ti-do-r{grid-template-columns:18px minmax(0,1fr) auto auto}.ti-cite-i{font-family:var(--font-mono);color:var(--accent-primary)}.ti-do-st{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-family:var(--font-mono);background:none;border:0;padding:0;color:inherit;cursor:pointer}.ti-do-st.ok{color:var(--sev-low)}