/* SFA V25 — simulare eveniment sportiv. Foloseste tokenurile site-ului; respecta zero-motion / calm / contrast. */
.sfa-demo{--d-bg:#fff;--d-ink:var(--ink,#11152f);--d-muted:var(--muted,#596184);--d-line:var(--line-strong,#d9d5e8);--d-accent:var(--purple,#7557ff);--d-ok:#0b7a5a;--d-warn:#8a5a00;--d-panel:var(--paper-2,#f7f3ff)}
html[data-sfa-theme="dark"] .sfa-demo,body.v16-dark .sfa-demo{--d-bg:#171a24;--d-ink:#f6f7ff;--d-muted:#c5c9d8;--d-line:#43495e;--d-accent:#b2a4ff;--d-ok:#8ef0cc;--d-warn:#ffe597;--d-panel:#11131b}
.sfa-demo-banner{display:flex;gap:12px;align-items:flex-start;padding:16px 20px;border:2px solid var(--d-warn);border-radius:var(--r-md,22px);background:var(--d-bg);color:var(--d-ink);margin-bottom:24px}
.sfa-demo-banner b{white-space:nowrap}
.sfa-demo-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:start}
.sfa-demo-card{background:var(--d-bg);color:var(--d-ink);border:1px solid var(--d-line);border-radius:var(--r-md,22px);padding:24px}
.sfa-demo-card h3{margin:0 0 14px;font-size:1.05rem}
.sfa-score{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;text-align:center}
.sfa-score .team{font-weight:800;font-size:1.05rem}
.sfa-score .digits{font-size:clamp(3.4rem,10vw,6rem);font-weight:900;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.sfa-clock{margin:10px 0 0;text-align:center;color:var(--d-muted);font-size:1.05rem}
.sfa-now{margin-top:18px;padding:18px;border-radius:var(--r-sm,14px);background:var(--d-panel);min-height:92px;border-left:8px solid var(--d-accent)}
.sfa-now .kind{font-size:1.5rem;font-weight:900;margin:0}
.sfa-now .detail{margin:4px 0 0;color:var(--d-muted);font-size:1.05rem}
.sfa-now[data-kind="goal"]{border-left-color:var(--d-ok)}
.sfa-now[data-kind="yellow"]{border-left-color:#e0a800}
.sfa-now[data-kind="red"]{border-left-color:var(--danger,#be3750)}
.sfa-controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.sfa-controls .btn{min-height:48px}
.sfa-opts{display:grid;gap:12px;margin:0;padding:0;border:0}
.sfa-opts legend{font-weight:800;margin-bottom:8px;padding:0}
.sfa-opt{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--d-line);border-radius:var(--r-sm,14px)}
.sfa-opt input{width:24px;height:24px;margin-top:2px;flex:none}
.sfa-opt small{display:block;color:var(--d-muted);margin-top:2px}
.sfa-opt input:disabled+span{opacity:.75}
.sfa-channels{display:grid;gap:10px;margin-top:16px}
.sfa-ch{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--d-line);border-radius:var(--r-sm,14px)}
.sfa-ch b{font-size:.95rem}
.sfa-ch .st{color:var(--d-muted);font-size:.95rem}
.sfa-pat{display:flex;align-items:flex-end;gap:3px;height:26px;margin-top:6px}
.sfa-pat i{display:block;height:100%;background:var(--d-accent);border-radius:3px;min-width:6px}
.sfa-pat i.gap{background:transparent;min-width:4px}
.sfa-path{list-style:none;margin:0;padding:0;display:flex;gap:28px;align-items:stretch}
.sfa-path .n{position:relative;flex:1;padding:16px 10px;text-align:center;font-weight:800;border:2px solid var(--d-line);border-radius:var(--r-sm,14px);background:var(--d-panel);color:var(--d-ink)}
.sfa-path .n+.n:before{content:"";position:absolute;left:-28px;top:50%;width:28px;border-top:3px dashed var(--d-line)}
.sfa-path .n.on{border-color:var(--d-accent);box-shadow:0 0 0 3px var(--d-accent)}
.sfa-path .n.on+.n:before,.sfa-path .n.on:before{border-top-style:solid;border-top-color:var(--d-accent)}
@media(max-width:600px){.sfa-path{flex-direction:column;gap:22px}.sfa-path .n+.n:before{left:50%;top:-22px;width:0;height:22px;border-top:0;border-left:3px dashed var(--d-line)}.sfa-path .n.on+.n:before,.sfa-path .n.on:before{border-left-style:solid;border-left-color:var(--d-accent)}}
.sfa-log{list-style:none;margin:0;padding:0;max-height:260px;overflow:auto;display:grid;gap:8px}
.sfa-log li{padding:10px 12px;border:1px solid var(--d-line);border-radius:var(--r-sm,14px);display:flex;gap:10px}
.sfa-log time{color:var(--d-muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.sfa-tag{display:inline-block;padding:2px 10px;border:1px solid var(--d-warn);border-radius:99px;font-weight:800;font-size:.85rem;color:var(--d-warn)}
.sfa-demo :focus-visible{outline:3px solid var(--d-accent);outline-offset:3px}
@media(max-width:900px){.sfa-demo-grid{grid-template-columns:1fr}.sfa-ch{grid-template-columns:1fr}}
@media(forced-colors:active){.sfa-demo-card,.sfa-now,.sfa-opt,.sfa-ch,.sfa-log li,.sfa-path .n{border:1px solid CanvasText}.sfa-now{border-left-width:8px}.sfa-pat i{background:CanvasText}.sfa-path .n.on{border-color:Highlight}}
body.sfa-contrast .sfa-demo-card,body.sfa-contrast .sfa-opt,body.sfa-contrast .sfa-ch{border-color:#000;border-width:2px}