.syn-back{color:inherit;text-decoration:none;border:1px solid #7794b4;padding:12px 18px;border-radius:12px}.syn-intro,.syn-heading{display:flex;align-items:center;gap:24px;justify-content:space-between;flex-wrap:wrap}.syn-intro label,.syn-heading label{display:flex;align-items:center;gap:10px}.syn-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0}.syn-metrics article{display:flex;flex-direction:column;gap:10px;margin:0;border-top:3px solid #4385ce}.syn-metrics strong{font-size:38px;line-height:1.2}.syn-metrics small,.syn-note{opacity:.75}.syn-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:16px 12px;border-bottom:1px solid #7890aa40}th{font-size:12px;text-transform:uppercase;letter-spacing:.04em}td small{opacity:.7}.syn-bar{height:5px;background:#7890aa22;border-radius:9px;max-width:320px;margin-top:8px}.syn-bar i{display:block;height:100%;background:#5088db;border-radius:9px}.syn-heading small{letter-spacing:.15em;color:#568dd4}#status{opacity:.8}@media(max-width:700px){.syn-metrics{grid-template-columns:repeat(2,1fr)}header{flex-wrap:wrap;gap:20px}.syn-intro select{max-width:210px}}[hidden]{display:none!important}

.syn-state-panel{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:32px}.syn-donut-wrap{display:flex;align-items:center;gap:36px;justify-content:center}.syn-donut{width:190px;height:190px;border-radius:50%;padding:24px;flex-shrink:0}.syn-donut>div{background:var(--surface,#fff);width:100%;height:100%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.syn-donut strong{font-size:36px;line-height:1.2}.syn-donut span{color:#6b7c90}.syn-key{min-width:160px}.syn-key>div{display:flex;align-items:center;gap:9px;padding:7px 0}.syn-key i{width:10px;height:10px;border-radius:3px}.syn-key b{margin-left:auto}.syn-bars{display:grid;gap:18px;padding:15px 0 24px}.syn-bar-label{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:6px}.syn-bar-label>span{overflow-wrap:anywhere;font-weight:600}.syn-bar-label b{white-space:nowrap}.syn-bar-label small{font-weight:400;font-size:11px;letter-spacing:0;color:#64788e}.syn-track{height:22px;background:#edf2f8;border-radius:6px;overflow:hidden}.syn-track>div{height:100%;background:var(--bar-color);border-radius:6px;min-width:2px;transition:width .3s}.syn-details{border-top:1px solid #dfe7ef;padding-top:18px}.syn-details>summary{color:#3176ba;min-height:32px}.syn-empty{padding:36px;border:1px dashed #cdd9e7;border-radius:12px;background:#f7f9fc;text-align:center;color:#687b91;margin:18px 0}.syn-chart-title{margin-top:22px}table small{letter-spacing:0}.syn-metrics small{letter-spacing:0;font-size:11px;color:#657b91}@media(max-width:800px){.syn-state-panel{grid-template-columns:1fr}.syn-donut-wrap{flex-wrap:wrap;gap:22px}.syn-bar-label{font-size:12px;gap:10px}.syn-track{height:18px}}