/**
 * TrustLens Command Center — dense dashboard body (system fonts).
 * Scoped under .tlcc. Ported from the v2 design; no webfont dependency.
 */
.tlcc{
	--tlcc-blue:#3377EE; --tlcc-blue-soft:#eaf1ff; --tlcc-purple:#635bff;
	--tlcc-pnl:#fff; --tlcc-line:#e6ebf2; --tlcc-line2:#eef2f7; --tlcc-ink:#15233a; --tlcc-muted:#64748b; --tlcc-faint:#9aa7b8;
	--tlcc-good:#1E7A46; --tlcc-good-soft:#e7f3ec; --tlcc-warn:#B88318; --tlcc-warn-soft:#f9f0db; --tlcc-danger:#B23A48; --tlcc-danger-soft:#fbe9eb;
	--vip:#1E7A46; --trusted:#2B6FE8; --normal:#607080; --caution:#B88318; --risk:#C4652B; --critical:#B23A48;
	--tlcc-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
	--tlcc-shadow:0 1px 2px rgba(20,40,67,.05),0 2px 8px rgba(20,40,67,.04);
	--tlcc-shadow-h:0 6px 22px rgba(20,40,67,.10);
	color:var(--tlcc-ink);font-variant-numeric:tabular-nums;margin-top:16px;
}
.tlcc .tlcc-mono{font-family:var(--tlcc-mono)}

/* status bar */
.tlcc-statusbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 18px;background:var(--tlcc-pnl);border:1px solid var(--tlcc-line);border-radius:12px;box-shadow:var(--tlcc-shadow)}
.tlcc-name{font-size:17px;font-weight:600;letter-spacing:-.01em;line-height:1.2;color:var(--tlcc-ink);padding-right:16px;border-right:1px solid var(--tlcc-line2)}
.tlcc-threat{display:flex;align-items:center;gap:11px;font-weight:700;font-size:15px}
.tlcc-lvl{display:inline-flex;align-items:center;gap:7px;border-radius:8px;padding:5px 12px;font-size:12.5px;letter-spacing:.05em}
.tlcc-lvl.tlcc-warn{color:var(--tlcc-warn);background:var(--tlcc-warn-soft);border:1px solid #ecd9a8}
.tlcc-lvl.tlcc-ok{color:var(--tlcc-good);background:var(--tlcc-good-soft);border:1px solid #bfe3cd}
.tlcc-meta{font-family:var(--tlcc-mono);font-size:11.5px;color:var(--tlcc-muted);display:flex;align-items:center;gap:8px}
.tlcc-livedot{width:8px;height:8px;border-radius:50%;background:var(--tlcc-good);box-shadow:0 0 0 0 rgba(30,122,70,.5);animation:tlcc-pulse 1.9s infinite;flex:none}
@keyframes tlcc-pulse{0%{box-shadow:0 0 0 0 rgba(30,122,70,.45)}70%{box-shadow:0 0 0 7px rgba(30,122,70,0)}100%{box-shadow:0 0 0 0 rgba(30,122,70,0)}}
.tlcc-sp{flex:1}
.tlcc-panic{text-decoration:none;font-weight:600;font-size:12.5px;color:var(--tlcc-danger);background:#fff;border:1px solid #eccdd1;border-radius:9px;padding:8px 14px;transition:.15s}
.tlcc-panic:hover{background:var(--tlcc-danger);color:#fff;box-shadow:0 6px 16px rgba(178,58,72,.3)}
/* Status-bar actionable items. */
.tlcc-threatlink{display:inline-flex;align-items:center;gap:11px;color:inherit;text-decoration:none;cursor:pointer}
.tlcc-threatlink:hover .tlcc-lvl{filter:brightness(.96)}
.tlcc-meta-link{text-decoration:none;cursor:pointer;transition:color .15s}
.tlcc-meta-link:hover{color:var(--tlcc-ink)}
.tlcc-refresh{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex:none;border-radius:7px;color:var(--tlcc-muted);text-decoration:none;transition:.15s}
.tlcc-refresh:hover{color:var(--tlcc-blue);background:var(--tlcc-blue-soft)}
.tlcc-refresh svg{display:block}

/* grid + panels */
.tlcc-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;margin-top:16px}
.tlcc-pnl{position:relative;background:var(--tlcc-pnl);border:1px solid var(--tlcc-line);border-radius:12px;box-shadow:var(--tlcc-shadow);padding:15px;opacity:0;transform:translateY(14px);transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}
.tlcc-booted .tlcc-pnl{animation:tlcc-boot .55s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes tlcc-boot{to{opacity:1;transform:none}}
.tlcc-pnl:hover{box-shadow:var(--tlcc-shadow-h);border-color:#d4ddea}
.tlcc-grid .tlcc-pnl:nth-child(1){animation-delay:.04s}.tlcc-grid .tlcc-pnl:nth-child(2){animation-delay:.10s}.tlcc-grid .tlcc-pnl:nth-child(3){animation-delay:.16s}
.tlcc-grid .tlcc-pnl:nth-child(4){animation-delay:.22s}.tlcc-grid .tlcc-pnl:nth-child(5){animation-delay:.28s}.tlcc-grid .tlcc-pnl:nth-child(6){animation-delay:.34s}
.tlcc-grid .tlcc-pnl:nth-child(7){animation-delay:.40s}.tlcc-grid .tlcc-pnl:nth-child(8){animation-delay:.46s}.tlcc-grid .tlcc-pnl:nth-child(9){animation-delay:.52s}
.tlcc-grid .tlcc-pnl:nth-child(10){animation-delay:.58s}.tlcc-grid .tlcc-pnl:nth-child(11){animation-delay:.64s}
.tlcc-c3{grid-column:span 3}.tlcc-c4{grid-column:span 4}.tlcc-c5{grid-column:span 5}.tlcc-c6{grid-column:span 6}.tlcc-c7{grid-column:span 7}
.tlcc-ph{display:flex;align-items:center;gap:8px;margin-bottom:13px}
.tlcc-l{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--tlcc-muted);font-weight:600;flex:1 1 auto;min-width:0}
.tlcc-headlink{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:none;border-radius:6px;color:var(--tlcc-faint);text-decoration:none;transition:.15s}
.tlcc-headlink:hover{color:var(--tlcc-blue);background:var(--tlcc-blue-soft)}
.tlcc-headlink svg{display:block}
.tlcc-m{font-family:var(--tlcc-mono);font-size:10.5px;color:var(--tlcc-faint)}
.tlcc-m.ok{color:var(--tlcc-good)}.tlcc-m.warn{color:var(--tlcc-warn)}.tlcc-m.bad{color:var(--tlcc-danger)}
.tlcc-focal{border-color:#d9e3f3;box-shadow:0 1px 2px rgba(20,40,67,.05),0 10px 26px rgba(51,119,238,.07)}
.tlcc-focal::before{content:'';position:absolute;left:14px;right:14px;top:0;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--tlcc-blue),var(--tlcc-purple))}
.tlcc-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#7a8aa0;font-size:12.5px;text-align:center;padding:26px 12px;min-height:110px;margin:0;line-height:1.5}
.tlcc-empty::before{content:"";width:28px;height:28px;flex:none;background:#aab6c6;-webkit-mask:var(--wstl-empty-icon) center/contain no-repeat;mask:var(--wstl-empty-icon) center/contain no-repeat}

/* gauge */
.tlcc-gauge{display:flex;flex-direction:column;align-items:center}
.tlcc-gwrap{position:relative;width:150px;height:150px;margin:2px 0 14px}
.tlcc-gwrap svg{transform:rotate(-90deg)}
.tlcc-gtrack{fill:none;stroke:#e9eef5;stroke-width:11}
.tlcc-gprog{fill:none;stroke:var(--caution);stroke-width:11;stroke-linecap:round;stroke-dashoffset:326.7}
.tlcc-booted .tlcc-gprog{animation:tlcc-draw 1.3s .35s cubic-bezier(.3,.8,.3,1) forwards}
@keyframes tlcc-draw{to{stroke-dashoffset:var(--tlcc-off,156.8)}}
.tlcc-seg-vip .tlcc-gprog{stroke:var(--vip)}.tlcc-seg-trusted .tlcc-gprog{stroke:var(--trusted)}.tlcc-seg-normal .tlcc-gprog{stroke:var(--normal)}
.tlcc-seg-caution .tlcc-gprog{stroke:var(--caution)}.tlcc-seg-risk .tlcc-gprog{stroke:var(--risk)}.tlcc-seg-critical .tlcc-gprog{stroke:var(--critical)}
.tlcc-gtxt{position:absolute;inset:0;display:grid;place-items:center;text-align:center}
.tlcc-gtxt b{font-weight:800;font-size:46px;line-height:1;display:block}
.tlcc-gtxt small{font-family:var(--tlcc-mono);font-size:10px;letter-spacing:.14em;color:var(--tlcc-muted);text-transform:uppercase}
.tlcc-tier{font-weight:600;font-size:12px;border-radius:7px;padding:4px 13px;color:var(--tlcc-muted);background:#f1f5f9;border:1px solid var(--tlcc-line)}
.tlcc-seg-vip .tlcc-tier{color:var(--vip);background:var(--tlcc-good-soft);border-color:#bfe3cd}
.tlcc-seg-caution .tlcc-tier{color:var(--caution);background:var(--tlcc-warn-soft);border-color:#ecd9a8}
.tlcc-seg-risk .tlcc-tier,.tlcc-seg-critical .tlcc-tier{color:var(--tlcc-danger);background:var(--tlcc-danger-soft);border-color:#eccdd1}

/* telemetry */
.tlcc-telem{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.tlcc-telem .tlcc-k{min-width:0}
.tlcc-telem .tlcc-k b{font-weight:700;font-size:22px;line-height:1;display:block}
.tlcc-telem .tlcc-k small{color:var(--tlcc-muted);font-size:11px;display:block;margin-bottom:5px}
.tlcc-telem .tlcc-k.tlcc-flag b{color:var(--tlcc-danger)}
.tlcc-win{color:var(--tlcc-faint);font-weight:600;font-size:9px;text-transform:uppercase;letter-spacing:.04em}
.tlcc-delta{display:inline-block;margin-top:4px;font-size:10.5px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1}
.tlcc-delta.tlcc-good{color:var(--tlcc-good)}
.tlcc-delta.tlcc-bad{color:var(--tlcc-danger)}
.tlcc-delta.tlcc-flat{color:var(--tlcc-faint)}
/* Per-card 24h mini strips — each self-scaled to its own card's data, so a
   high-volume signal can't flatten a low-volume one (no shared axis). */
.tlcc-strip{margin-top:13px;border-top:1px solid var(--tlcc-line2);padding-top:11px}
.tlcc-strip-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px;font-size:11px;font-weight:600;color:var(--tlcc-muted)}
.tlcc-stripwrap{position:relative;height:84px}
.tlcc-stripchart{display:block}

/* Live Telemetry: let the events chart grow to fill the card so a stretched
   grid row never leaves dead space below it. */
.tlcc-livetelem{display:flex;flex-direction:column}
.tlcc-livetelem .tlcc-strip{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}
.tlcc-livetelem .tlcc-stripwrap{flex:1 1 auto;height:auto;min-height:72px}

/* Trust Index inline score trend (merged from the old Trust Trend card). */
.tlcc-titrend{margin-top:14px;border-top:1px solid var(--tlcc-line2);padding-top:11px}
.tlcc-titrend-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px;font-size:11px;font-weight:600;color:var(--tlcc-muted)}
.tlcc-titrendwrap{position:relative;height:60px}
.tlcc-cbtrendwrap{position:relative;height:62px}
.tlcc-cbtrend{display:block}

/* Automation card: flex column so the CTA anchors to the bottom and the
   summary/rule-list fill the space above it (no dangling gap). */
.tlcc-autocard{display:flex;flex-direction:column}
.tlcc-autobtn{align-self:flex-start;margin-top:auto}
.tlcc-autometa{margin:10px 0 0;font-size:11.5px;color:var(--tlcc-muted)}
.tlcc-autometa span:first-child{color:var(--tlcc-ink);font-weight:700}
.tlcc-err-chip{margin-left:8px;color:var(--tlcc-danger);background:var(--tlcc-danger-soft);border-radius:6px;padding:2px 7px;font-weight:600}
.tlcc-rulelist{margin-top:12px;display:flex;flex-direction:column;gap:7px}
.tlcc-rulerow{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12.5px}
.tlcc-rulerow .nm{color:var(--tlcc-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tlcc-rulerow .ct{flex:none;color:var(--tlcc-muted);font-family:var(--tlcc-mono);font-size:11px}
.tlcc-rulemore{color:var(--tlcc-faint);font-size:11px}
.tlcc-autoempty{margin-top:14px}
.tlcc-autoempty p{margin:0 0 6px;font-size:13px;font-weight:600;color:var(--tlcc-ink)}
.tlcc-autoempty .sub{font-weight:400;font-size:12px;line-height:1.5;color:var(--tlcc-muted)}

/* Chart.js Trust Trend canvas. Chart.js runs maintainAspectRatio:false, so the
   wrapper supplies the fixed height. */
.tlcc-chartwrap{position:relative;width:100%}
.tlcc-chartwrap-full{height:90px}
.tlcc-chart{display:block}

/* mini stat tiles */
.tlcc-mini{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:12px}
.tlcc-mini .tlcc-t{background:#f7f9fc;border:1px solid var(--tlcc-line2);border-radius:9px;padding:9px 11px}
.tlcc-mini .tlcc-t b{font-weight:700;font-size:19px;display:block;line-height:1}
.tlcc-mini .tlcc-t small{color:var(--tlcc-muted);font-size:10.5px}
.tlcc-mini .tlcc-t.bad b{color:var(--tlcc-danger)}.tlcc-mini .tlcc-t.warn b{color:var(--tlcc-warn)}
.tlcc-state{font-weight:600;font-size:11px;padding:3px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:6px}
.tlcc-state.ok{background:var(--tlcc-good-soft);color:var(--tlcc-good)}.tlcc-state.ok .tlcc-livedot{width:6px;height:6px}
.tlcc-state.bad{background:var(--tlcc-danger-soft);color:var(--tlcc-danger)}.tlcc-state.bad .tlcc-livedot{background:var(--tlcc-danger);width:6px;height:6px;animation:none}
.tlcc-codes div{display:flex;align-items:center;gap:8px;margin:6px 0;font-size:12px}
.tlcc-codes .nm{width:106px;color:#455;font-family:var(--tlcc-mono);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tlcc-codes .bar{flex:1;height:7px;background:#eef2f6;border-radius:4px;overflow:hidden}
.tlcc-codes .bar span{display:block;height:100%;background:linear-gradient(90deg,#d98b4a,var(--risk));border-radius:4px;transform-origin:left;transform:scaleX(0)}
.tlcc-booted .tlcc-codes .bar span{animation:tlcc-grow 1s .5s cubic-bezier(.3,.8,.3,1) forwards}
@keyframes tlcc-grow{to{transform:scaleX(1)}}
.tlcc-codes b{width:26px;text-align:right;font-family:var(--tlcc-mono);font-size:11.5px}

/* segments */
.tlcc-stack{height:15px;border-radius:6px;overflow:hidden;display:flex;margin-bottom:13px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.03)}
.tlcc-leg{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}
.tlcc-leg i{width:9px;height:9px;border-radius:3px;flex:none}.tlcc-leg b{margin-left:auto}

/* chargeback */
.tlcc-cbnum{font-weight:800;font-size:33px;line-height:1}
.tlcc-cbnum small{font-size:13px;color:var(--tlcc-good);font-family:var(--tlcc-mono);font-weight:400}
.tlcc-net{margin-top:13px}.tlcc-net .tlcc-row{margin:11px 0}
.tlcc-net .top{display:flex;justify-content:space-between;font-size:12px;margin-bottom:5px}
.tlcc-net .top .nm{font-weight:600}.tlcc-net .top .val{font-family:var(--tlcc-mono);color:var(--tlcc-muted)}
.tlcc-net .track{height:9px;background:#eef2f6;border-radius:5px;position:relative}
.tlcc-net .track .fill{height:100%;border-radius:5px;transform-origin:left;transform:scaleX(0)}
.tlcc-booted .tlcc-net .track .fill{animation:tlcc-grow 1.1s .5s cubic-bezier(.3,.8,.3,1) forwards}
.tlcc-net .track .thr{position:absolute;top:-4px;bottom:-4px;width:2px;background:#334155;border-radius:2px}
.tlcc-net .ok .fill{background:var(--tlcc-good)}.tlcc-net .warn .fill{background:linear-gradient(90deg,#d9a93a,var(--tlcc-warn))}

/* modules */
.tlcc-mods div{display:flex;align-items:center;gap:9px;padding:7px 0;border-bottom:1px solid var(--tlcc-line2);font-size:12.5px}
.tlcc-mods div:last-child{border:0}
.tlcc-mods .dot{width:7px;height:7px;border-radius:50%;background:var(--tlcc-good);flex:none;box-shadow:0 0 0 3px var(--tlcc-good-soft)}
.tlcc-mods .dot.off{background:#cbd5e1;box-shadow:0 0 0 3px #f1f5f9}
.tlcc-mods .nm{flex:1;color:#334}
.tlcc-mods .st{font-family:var(--tlcc-mono);font-size:10.5px;color:var(--tlcc-muted)}

/* tables */
.tlcc-att{width:100%;border-collapse:collapse;font-size:12.5px}
.tlcc-att th{text-align:left;color:var(--tlcc-muted);font-size:10px;letter-spacing:.05em;text-transform:uppercase;padding:6px 7px;border-bottom:1px solid var(--tlcc-line)}
.tlcc-att td{padding:9px 7px;border-bottom:1px solid var(--tlcc-line2)}
.tlcc-att tbody tr{transition:background .12s}.tlcc-att tbody tr:hover{background:#f7f9fd}
.tlcc-att .em{font-weight:600}
.tlcc-badge{font-size:10.5px;font-weight:600;color:#fff;border-radius:5px;padding:2px 8px}
.tlcc-sc{font-weight:700}
.tlcc-btn{font-size:11px;border-radius:7px;padding:5px 10px;border:1px solid var(--tlcc-line);background:#fff;color:#33415a;cursor:pointer;font-weight:500;transition:.13s;text-decoration:none;display:inline-block}
.tlcc-btn:hover{border-color:#c4d0e0;background:#f7f9fc}
.tlcc-btn.pri{background:var(--tlcc-blue);border-color:var(--tlcc-blue);color:#fff}.tlcc-btn.pri:hover{background:#2766db;color:#fff}

/* feed */
.tlcc-feed .e{display:flex;gap:11px;padding:9px 0;border-bottom:1px solid var(--tlcc-line2);transition:.12s;align-items:center}
.tlcc-feed .e:last-child{border:0}
.tlcc-feed .e:hover{background:#f8fafd;margin:0 -8px;padding-left:8px;padding-right:8px;border-radius:8px}
.tlcc-feed .ic-tile{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;flex:none}
.t-shield{background:var(--tlcc-danger-soft);color:var(--tlcc-danger)}
.t-block{background:#fde7e9;color:var(--critical)}
.t-allow{background:var(--tlcc-good-soft);color:var(--tlcc-good)}
.t-score{background:var(--tlcc-blue-soft);color:var(--tlcc-blue)}
.t-cb{background:var(--tlcc-warn-soft);color:var(--tlcc-warn)}
.tlcc-feed .tx{flex:1;font-size:12.5px;line-height:1.45}.tlcc-feed .tx b{font-weight:600}
.tlcc-feed .ago{font-family:var(--tlcc-mono);font-size:10.5px;color:var(--tlcc-faint);white-space:nowrap}

/* masked line icons */
.tlcc-ic{display:inline-block;width:15px;height:15px;background:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.tlcc-ic-ban{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M5.6 5.6l12.8 12.8'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M5.6 5.6l12.8 12.8'/%3E%3C/svg%3E")}
.tlcc-ic-check{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E")}
.tlcc-ic-refresh{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11a8 8 0 10-1.8 6'/%3E%3Cpath d='M20 5v6h-6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11a8 8 0 10-1.8 6'/%3E%3Cpath d='M20 5v6h-6'/%3E%3C/svg%3E")}
.tlcc-ic-card{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E")}
.tlcc-ic-shield{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v5c0 4.5-3 8.4-7 10-4-1.6-7-5.5-7-10V6z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v5c0 4.5-3 8.4-7 10-4-1.6-7-5.5-7-10V6z'/%3E%3C/svg%3E")}

/* fingerprints */
.tlcc-fps div{display:flex;align-items:center;gap:9px;padding:7px 0;border-bottom:1px solid var(--tlcc-line2);font-size:12px}
.tlcc-fps div:last-child{border:0}
.tlcc-fps .hash{color:#334;flex:1}
.tlcc-fps .cnt{font-weight:700;color:var(--tlcc-danger)}

/* promo (Pro upsell — promotional UI only) */
.tlcc-promo{text-align:center;padding:14px 12px}
.tlcc-promo-badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,var(--tlcc-purple),var(--tlcc-blue));border-radius:5px;padding:2px 8px;margin-bottom:8px}
.tlcc-promo-title{font-weight:600;font-size:14px;margin:0 0 6px}
.tlcc-promo-blurb{color:var(--tlcc-muted);font-size:12.5px;line-height:1.5;margin:0 0 14px}
.tlcc-promo-btn{display:inline-block;font-size:12px;font-weight:600;text-decoration:none;color:#fff;background:linear-gradient(135deg,var(--tlcc-blue),var(--tlcc-purple));border-radius:8px;padding:8px 16px;box-shadow:0 4px 12px rgba(51,119,238,.2);transition:.13s}
.tlcc-promo-btn:hover{filter:brightness(1.05);color:#fff;box-shadow:0 6px 16px rgba(51,119,238,.28)}
.tlcc-promo-inline{display:flex;align-items:center;gap:8px;text-align:left;padding:9px 11px;background:#f7f9fc;border:1px solid var(--tlcc-line2);border-radius:9px;font-size:11.5px;color:var(--tlcc-muted)}
.tlcc-promo-inline .tlcc-promo-badge{margin:0}
.tlcc-promo-inline a{margin-left:auto;color:var(--tlcc-blue);font-weight:600;text-decoration:none;white-space:nowrap}

@media(max-width:1100px){.tlcc-c3,.tlcc-c4,.tlcc-c5,.tlcc-c6,.tlcc-c7{grid-column:span 12}.tlcc-telem{grid-template-columns:repeat(3,1fr)}}
@media(max-width:782px){.tlcc-name{padding-right:0;border-right:0}.tlcc-sp{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){
	.tlcc *{animation:none!important}
	.tlcc-pnl{opacity:1;transform:none}
	.tlcc-gprog{stroke-dashoffset:var(--tlcc-off,156.8)}
	.tlcc-codes .bar span,.tlcc-net .track .fill{transform:none}
}

/* Historical Data Sync — Command Center styled (reuses old IDs for the JS). */
.tlcc-sync{background:var(--tlcc-pnl);border:1px solid var(--tlcc-line);border-radius:12px;box-shadow:var(--tlcc-shadow);padding:16px 18px;margin-top:16px}
.tlcc-sync-run{border-color:#cdd9f3;box-shadow:0 1px 2px rgba(20,40,67,.05),0 8px 22px rgba(51,119,238,.08)}
.tlcc-sync-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.tlcc-sync-badge{font-size:11px;font-weight:600;border-radius:999px;padding:3px 11px}
.tlcc-sync-badge-ok{background:var(--tlcc-good-soft);color:var(--tlcc-good)}
.tlcc-sync-badge-run{background:var(--tlcc-blue-soft);color:var(--tlcc-blue)}
.tlcc-sync-badge-idle{background:#f1f5f9;color:var(--tlcc-muted)}
.tlcc-syncing{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--tlcc-blue);background:var(--tlcc-blue-soft);border-radius:999px;padding:5px 12px}
.tlcc-spin{width:12px;height:12px;border:2px solid var(--tlcc-blue);border-top-color:transparent;border-radius:50%;animation:tlcc-spin .8s linear infinite;flex:none}
@keyframes tlcc-spin{to{transform:rotate(360deg)}}

/* --- Card detail polish: header icons, ranked queue, clickable segments --- */
.tlcc-l{display:inline-flex;align-items:center;gap:7px}
.tlcc-l .tlcc-ic{width:13px;height:13px;color:var(--tlcc-faint);transition:color .18s;flex:none}
.tlcc-pnl:hover .tlcc-l .tlcc-ic{color:var(--tlcc-blue)}
.tlcc-ic-up{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19V5'/%3E%3Cpath d='M6 11l6-6 6 6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19V5'/%3E%3Cpath d='M6 11l6-6 6 6'/%3E%3C/svg%3E")}
.tlcc-ic-bolt{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M13 2L5 13h5l-1 9 9-12h-5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M13 2L5 13h5l-1 9 9-12h-5z'/%3E%3C/svg%3E")}
.tlcc-ic-users{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.2'/%3E%3Cpath d='M3 20a6 6 0 0 1 12 0'/%3E%3Cpath d='M16 6a3 3 0 0 1 0 6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.2'/%3E%3Cpath d='M3 20a6 6 0 0 1 12 0'/%3E%3Cpath d='M16 6a3 3 0 0 1 0 6'/%3E%3C/svg%3E")}
.tlcc-ic-grid{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E")}
.tlcc-ic-alert{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l9 16H3z'/%3E%3Cpath d='M12 10v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l9 16H3z'/%3E%3Cpath d='M12 10v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E")}
.tlcc-ic-clock{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
.tlcc-ic-fingerprint{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 11v3'/%3E%3Cpath d='M8.5 9a4 4 0 0 1 7 0v3a8 8 0 0 1-1 4'/%3E%3Cpath d='M6 12a6 6 0 0 1 12 0v2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 11v3'/%3E%3Cpath d='M8.5 9a4 4 0 0 1 7 0v3a8 8 0 0 1-1 4'/%3E%3Cpath d='M6 12a6 6 0 0 1 12 0v2'/%3E%3C/svg%3E")}
.tlcc-att .tlcc-rank-h{width:26px}
.tlcc-att td.tlcc-rank{width:26px;text-align:center;font-weight:700;color:var(--tlcc-faint)}
.tlcc-att tr.tlcc-clickable{cursor:pointer}
.tlcc-att tr.tlcc-clickable:hover td.tlcc-rank{color:var(--tlcc-blue)}
.tlcc-stack a{display:block;height:100%;transition:filter .15s}
.tlcc-stack a:hover{filter:brightness(1.12)}
.tlcc-leg a{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#445;text-decoration:none;transition:color .12s}
.tlcc-leg a:hover{color:var(--tlcc-blue)}
.tlcc-leg a b{margin-left:auto}

/* Keyboard focus for clickable rows + segment links (a11y). */
.tlcc-att tr.tlcc-clickable:focus-visible{outline:2px solid var(--tlcc-blue);outline-offset:-2px}
.tlcc-stack a:focus-visible{outline:2px solid var(--tlcc-blue);outline-offset:2px}
.tlcc-leg a:focus-visible{outline:2px solid var(--tlcc-blue);outline-offset:2px;border-radius:3px}