/* YCS - Session summary and Your connector. Own prefix ycs-; colours from the portal's tokens, so dark mode follows. */
:root{--ycs-accent:#c8553d;--ycs-accent-soft:#f6e3dd}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--ycs-accent:#e7785f;--ycs-accent-soft:#3a2420}}
:root[data-theme="dark"]{--ycs-accent:#e7785f;--ycs-accent-soft:#3a2420}

.ycs-grid{display:grid;grid-template-columns:380px minmax(0,1fr);gap:18px;align-items:start}
@media (min-width:1101px){.ycs-side{position:sticky;top:12px}}
@media (max-width:1100px){.ycs-grid{grid-template-columns:minmax(0,1fr)}}
.ycs-side>.card+.card,.ycs-main>.card+.card,.ycs-main>.card+section{margin-top:16px}
.ycs-grid .card h2{margin:2px 0 4px;font-size:18px}
.ycs-note{font-size:12.5px;color:var(--muted);margin:10px 0 0}
.ycs-foot{color:var(--muted);font-size:12px;text-align:center;margin:24px 0 8px}
.ycs-sk{background:linear-gradient(90deg,var(--bg-2),var(--panel-2),var(--bg-2));background-size:200% 100%;animation:ycs-sh 1.4s infinite;border-radius:8px}
.ycs-skr{width:116px;height:116px;border-radius:50%;margin:8px auto}
@keyframes ycs-sh{to{background-position:-200% 0}}
.ycs-linkbtn{border:0;background:none;box-shadow:none;color:var(--brand);padding:0;min-height:0;font-size:12.5px;cursor:pointer}
/* a link that does a button's job (a download, a screen to open) looks like one - core styles only <button> */
.ycs-btnlink{display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;font-size:13.5px;font-weight:620;border-radius:var(--radius-sm);padding:8px 14px;min-height:36px;border:1px solid var(--edge);background:var(--panel);color:var(--ink);box-shadow:var(--shadow-1)}
.ycs-btnlink:hover{background:var(--panel-2);border-color:var(--ink-2)}
.ycs-btnlink.primary{background:linear-gradient(180deg,var(--brand-2),var(--brand));border-color:transparent;color:var(--brand-ink);box-shadow:0 1px 2px rgba(91,91,214,.35),0 4px 14px rgba(91,91,214,.22)}
.ycs-btnlink.primary:hover{filter:brightness(1.06)}
.ycs-go{width:100%;justify-content:center;margin-top:6px}

/* connector card */
.ycs-conn{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;align-items:center;margin-bottom:16px}
.ycs-conn h2{margin:2px 0 4px}
@media (max-width:700px){.ycs-conn{grid-template-columns:minmax(0,1fr)}.ycs-conn .ycs-art{max-width:200px;margin:0 auto}}
.ycs-art{width:100%;height:auto;display:block}
.ycs-f1{fill:var(--panel);stroke:var(--line-2)}
.ycs-f2{fill:var(--bg-2);stroke:var(--line)}
.ycs-track{fill:var(--bg-2)}
.ycs-flow{animation:ycs-dash 1.2s linear infinite}
@keyframes ycs-dash{to{stroke-dashoffset:-22}}
@media (prefers-reduced-motion:reduce){.ycs-flow,.ycs-sk{animation:none}}
.ycs-steps{margin:10px 0 14px;padding-left:20px;color:var(--ink-2)}
.ycs-steps li{margin:4px 0}
.ycs-sample{margin:0 0 16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ycs-checking{margin:0 0 12px}

/* gauges */
.ycs-gauges{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ycs-gauge{text-align:center;padding:10px 6px 6px;border-radius:14px;background:var(--panel-2);border:1px solid var(--line)}
.ycs-gauge svg{width:124px;height:124px;display:block;margin:0 auto}
.ycs-gname{font-weight:600;font-size:13.5px}
.ycs-gmeta{font-size:12px;color:var(--muted)}
.ycs-ringbg{stroke:var(--bg-2)}
.ycs-ring{transition:stroke-dashoffset 1.1s cubic-bezier(.2,.8,.2,1)}
.ycs-t1{fill:var(--ink);font-variant-numeric:tabular-nums}
.ycs-t3{fill:var(--muted)}

/* scope */
.ycs-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.ycs-chip{border:1px solid var(--line-2);background:var(--panel);padding:5px 12px;border-radius:999px;min-height:30px;font-size:13px;color:var(--ink-2);box-shadow:none}
.ycs-chip:hover{border-color:var(--edge);color:var(--ink)}
.ycs-chip[aria-pressed="true"]{background:var(--ink);color:var(--panel);border-color:var(--ink)}
.ycs-row2{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 10px}
.ycs-row2 input{min-width:0;width:100%}
.ycs-hint{font-size:12.5px;color:var(--ink-2);background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:8px 12px;margin:4px 0 12px}
.ycs-counter{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:var(--muted);margin:8px 0}
.ycs-list{max-height:420px;overflow:auto;margin:0 -6px 10px;padding:0 6px}
.ycs-s{border-radius:12px}
.ycs-s:hover{background:var(--panel-2)}
.ycs-srow,.ycs-crow{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:10px;align-items:start;padding:9px 8px;cursor:pointer}
.ycs-box{width:18px;height:18px;border-radius:6px;border:1.5px solid var(--edge);margin-top:2px;display:grid;place-items:center}
.ycs-box svg{width:12px;height:12px;opacity:0}
.ycs-s.on>.ycs-srow .ycs-box,.ycs-sub.on .ycs-box,.ycs-crow.on .ycs-box{background:var(--ycs-accent);border-color:var(--ycs-accent)}
.ycs-s.on>.ycs-srow .ycs-box svg,.ycs-sub.on .ycs-box svg,.ycs-crow.on .ycs-box svg{opacity:1}
.ycs-stitle{font-weight:550;font-size:14px;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ycs-smeta{font-size:12px;color:var(--muted);margin-top:2px}
.ycs-subs{display:none;padding:0 8px 8px 40px}
.ycs-s.on>.ycs-subs{display:block}
.ycs-sub{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;padding:6px;border-radius:9px;cursor:pointer;font-size:13px;color:var(--ink-2)}
.ycs-sub:hover{background:var(--panel)}
.ycs-sub .ycs-box{width:15px;height:15px;border-radius:5px}
a.ycs-slink{color:inherit;text-decoration:none;border-bottom:1px dashed var(--faint)}
a.ycs-slink:hover{color:var(--brand);border-bottom-color:var(--brand)}
a.ycs-slink svg{vertical-align:-1px;opacity:.6}

/* briefing */
.ycs-empty{text-align:center;padding:44px 24px}
.ycs-empty .ycs-art{width:210px;margin:0 auto}
.ycs-empty h2{margin:16px 0 6px}
.ycs-empty p{max-width:520px;margin:0 auto}
.ycs-brief{background:radial-gradient(1000px 260px at 100% 0%,var(--ycs-accent-soft),transparent 60%),var(--panel)}
.ycs-headline{font-size:20px;line-height:1.45;margin:8px 0 0;font-weight:500;letter-spacing:-.005em}
.ycs-kpis{margin-top:14px;grid-template-columns:repeat(4,minmax(0,1fr))}
.ycs-kpis3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:760px){.ycs-kpis{grid-template-columns:1fr 1fr}.ycs-kpis3{grid-template-columns:minmax(0,1fr)}}
.ycs-sech{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:26px 0 10px}
.ycs-sech h3{margin:0;font-size:17px}
.ycs-sech span{color:var(--muted);font-size:13px}
.ycs-owners{display:grid;gap:12px}
.ycs-lane{border-radius:14px;padding:14px 16px;border:1px solid var(--line);background:var(--panel)}
.ycs-laneh{display:flex;align-items:center;gap:10px;font-weight:600;margin-bottom:6px}
.ycs-av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center}
.ycs-n{margin-left:auto;font-size:12px;padding:2px 9px;border-radius:999px}
.ycs-lane.you .ycs-av,.ycs-lane.you .ycs-n{background:var(--warn-soft);color:var(--warn)}
.ycs-lane.claude .ycs-av,.ycs-lane.claude .ycs-n{background:var(--brand-soft);color:var(--brand)}
.ycs-lanesub{margin:-2px 0 6px}
.ycs-olist{margin:0;padding-left:22px}
.ycs-olist li{padding:9px 0 9px 4px;border-top:1px dashed var(--line)}
.ycs-olist li:first-child{border-top:0}
.ycs-olist li.none{list-style:none;margin-left:-22px;color:var(--muted)}
.ycs-what{font-size:14px;overflow-wrap:anywhere}
.ycs-from{font-size:12px;color:var(--muted);margin-top:3px}
.ycs-done{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px}
.ycs-work{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px;box-shadow:var(--shadow-1)}
.ycs-workh{display:flex;gap:10px;align-items:start;justify-content:space-between}
.ycs-workh b{font-size:14.5px;line-height:1.35}
.ycs-work ul{margin:8px 0 0;padding-left:18px;color:var(--ink-2);font-size:13.5px;overflow-wrap:anywhere}
.ycs-work li{margin:4px 0}
.ycs-work code,.ycs-what code{font:12px ui-monospace,Consolas,monospace;background:var(--panel-2);padding:1px 5px;border-radius:5px}

/* charts */
.ycs-chart{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;overflow:hidden}
.ycs-chart svg{width:100%;height:auto;display:block}
.ycs-chart text{fill:var(--ink-2);font-size:13px}
.ycs-chart .ycs-lbl{fill:var(--ink);font-weight:550}
.ycs-num{font-variant-numeric:tabular-nums}
.ycs-grid line.ycs-grid,.ycs-chart .ycs-grid{stroke:var(--line)}
.ycs-chart .ycs-now{stroke:var(--faint)}
.ycs-chart .ycs-dot{stroke:var(--panel);stroke-width:2}
.ycs-chart .ycs-bad{fill:var(--bad)}
.ycs-chart .ycs-halo{fill:var(--ink);font-weight:600;paint-order:stroke;stroke:var(--panel);stroke-width:4px}
.ycs-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--ink-2);margin-bottom:8px}
.ycs-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}

/* forecast */
.ycs-fctop{display:flex;gap:14px;align-items:start;justify-content:space-between;flex-wrap:wrap}
.ycs-planpick{display:flex;gap:3px;background:var(--bg-2);border-radius:999px;padding:3px}
.ycs-planpick button{border:0;background:transparent;box-shadow:none;padding:5px 14px;min-height:30px;border-radius:999px;color:var(--ink-2);font-size:13px}
.ycs-planpick button[aria-pressed="true"]{background:var(--brand);color:var(--brand-ink)}
.ycs-verdict{font-size:19px;line-height:1.45;margin:12px 0 4px}
.ycs-verdict b{font-weight:700}
.ycs-verdict.ok b{color:var(--ok)}.ycs-verdict.warn b{color:var(--warn)}.ycs-verdict.bad b{color:var(--bad)}
.ycs-advice{color:var(--ink-2);font-size:14px;margin:0 0 14px}
.ycs-paces,.ycs-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px}
@media (max-width:760px){.ycs-paces,.ycs-plans{grid-template-columns:minmax(0,1fr)}}
.ycs-pace{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--panel-2)}
.ycs-sw{width:22px;height:4px;border-radius:2px;display:inline-block;vertical-align:middle;margin-right:8px}
.ycs-pl{font-size:12.5px;color:var(--ink-2);font-weight:600}
.ycs-pv{font-weight:650;font-size:15px;margin-top:6px}
.ycs-pm{font-size:12px;color:var(--muted);margin-top:3px}
.ycs-plan{border:1px solid var(--line);border-radius:12px;padding:13px 15px;background:var(--panel)}
.ycs-plan.mine{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.ycs-planh{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.ycs-planh b{font-size:16px}
.ycs-planh span{color:var(--muted);font-size:12.5px}
.ycs-planh .tag{margin-left:auto}
.ycs-meter{height:8px;border-radius:4px;background:var(--bg-2);margin:10px 0 8px;overflow:hidden}
.ycs-meter i{display:block;height:100%;border-radius:4px}
.ycs-src{font-size:11.5px;color:var(--muted);margin:12px 0 0}

/* clean-up */
.ycs-crows{max-height:360px;overflow:auto;border:1px solid var(--line);border-radius:12px}
.ycs-crow{border-top:1px solid var(--line)}
.ycs-crow:first-child{border-top:0}
.ycs-crow:hover{background:var(--panel-2)}
.ycs-crow.kept{cursor:default}
.ycs-cname{font-weight:550;font-size:14px}
.ycs-path{font:12px/1.4 ui-monospace,Consolas,monospace;color:var(--muted);word-break:break-all}
.ycs-size{font-variant-numeric:tabular-nums;font-weight:600;font-size:13px;white-space:nowrap}
.ycs-why{font-size:12px;color:var(--ok);font-weight:600}
.ycs-kept{margin-top:12px}
.ycs-kept summary{cursor:pointer;color:var(--ink-2);font-weight:600;font-size:14px;padding:6px 0}

/* Your connector */
.ycs-cgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
@media (max-width:900px){.ycs-cgrid{grid-template-columns:minmax(0,1fr)}}
.ycs-st{margin:8px 0 4px;line-height:1.5}
.ycs-dotlive{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--bad);margin-right:8px;vertical-align:0}
.ycs-dotlive.on{background:var(--ok);box-shadow:0 0 0 4px var(--ok-soft)}
.ycs-dtable{display:grid;gap:0}
.ycs-drow{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 2px;border-top:1px solid var(--line);font-size:13.5px}
.ycs-drow.head{border-top:0;font-size:12px;color:var(--muted);font-weight:600}
@media (max-width:560px){.ycs-drow{grid-template-columns:minmax(0,1fr) auto}.ycs-drow>span:nth-child(2),.ycs-drow>span:nth-child(3){display:none}}
.ycs-cmd{display:flex;gap:8px;align-items:start;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:10px;margin-top:8px}
.ycs-cmd code{flex:1;min-width:0;font:12px/1.5 ui-monospace,Consolas,monospace;word-break:break-all}
a.ghostlink{color:var(--ink-2)}
/* Your connector: are you good to go - one line per real check */
.ycs-dotlive.on.warn{background:var(--warn);box-shadow:0 0 0 4px var(--warn-soft, transparent)}
.ycs-rdhead{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;margin:4px 0 12px;background:var(--ok-soft)}
.ycs-rdhead.warn{background:var(--warn-soft, var(--panel-2))}
.ycs-rdhead .ycs-dotlive{margin-top:5px;flex:none}
.ycs-rdhead b{font-size:1.05rem;color:var(--ink)}
.ycs-rdlist{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:10px}
.ycs-rd{display:flex;gap:10px;align-items:flex-start}
.ycs-rdi{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--ok)}
.ycs-rd.warn .ycs-rdi{background:var(--warn)}
.ycs-rd.bad .ycs-rdi{background:var(--bad)}
.ycs-rd b{color:var(--ink)}
.ycs-another{margin-top:14px;border-top:1px solid var(--line);padding-top:10px}
.ycs-another summary{cursor:pointer;color:var(--ink-2);font-weight:600}
.ycs-rd.wait .ycs-rdi{background:var(--ink-3)}
.ycs-rd.wait .ycs-rdi svg{animation:ycs-spin 1.2s linear infinite}
@keyframes ycs-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.ycs-rd.wait .ycs-rdi svg{animation:none}}