:root{--brand:#00ADEF;--brand-600:#0096CB;--brand-400:#19BDF3;--brand-200:#A9E9FB;--brand-100:#E6F8FF;--ink:#0B1220;--muted:#6B778D;--line:#E7EEF6;}
.sisc-wrap{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,'Noto Sans',sans-serif;color:var(--ink);}
.sisc-container{max-width:1100px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 24px rgba(11,18,32,.05);overflow:visible}
.sisc-header{background:linear-gradient(180deg,var(--brand-100),#fff);padding:20px 24px;border-bottom:1px solid var(--line)}
.sisc-title{font-size:24px;font-weight:800;margin:0}
.sisc-sub{color:var(--muted);margin-top:6px}
.sisc-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;padding:24px}
@media (max-width:900px){.sisc-grid{grid-template-columns:1fr}}
.sisc-card{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff}
.sisc-card h3{margin:0 0 8px;font-size:18px}
.sisc-row{margin-bottom:12px}
.sisc-label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}
.sisc-input,.sisc-number{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px}
.sisc-input:focus,.sisc-number:focus{outline:none;border-color:var(--brand-400);box-shadow:0 0 0 3px var(--brand-200)}
/* Segmented Yes/No */
.sisc-seg{display:inline-flex;align-items:center;border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden;max-width:220px;user-select:none}
.sisc-seg-btn{appearance:none;-webkit-appearance:none;border:none;margin:0;padding:6px 12px;min-width:48px;cursor:pointer;background:#f3f4f6;color:var(--muted);font-weight:600;line-height:1;border-right:1px solid var(--line)}
.sisc-seg-btn:last-child{border-right:none}
.sisc-seg-btn:is(:focus,:active){outline:none;box-shadow:0 0 0 3px var(--brand-200);z-index:1}
.sisc-seg-btn.is-active{background:var(--brand);color:#fff}
.sisc-seg-btn.is-inactive{background:#f3f4f6;color:#6b7280}
/* Stats & sticky */
.sisc-stat{display:flex;align-items:center;justify-content:space-between;background:var(--brand-100);border:1px solid var(--brand-200);padding:12px 14px;border-radius:14px;margin-bottom:10px}
.sisc-total{font-size:20px;font-weight:800;color:var(--brand-600)}
.sisc-error{background:#fff2f2;border:1px solid #ffd7d7;color:#8a1f1f;padding:12px;border-radius:10px;margin:16px}
.sisc-sticky{position:sticky; top:20px}
/* Read-only defaults */
.sisc-info{display:flex;align-items:center;justify-content:space-between;border:1px dashed var(--line);border-radius:10px;padding:10px 12px;background:#fafcff}
.sisc-badges{display:flex;gap:6px;flex-wrap:wrap}
.sisc-badge{border-radius:9999px;padding:4px 8px;font-size:12px;background:var(--brand-100);border:1px solid var(--brand-200)}
/* Floating total bar for mobile */
@media (max-width:900px){
  .sisc-floatbar{position:fixed;left:16px;right:16px;bottom:16px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 28px rgba(0,0,0,.12);border-radius:12px;padding:10px 14px;z-index:9999;display:flex;align-items:center;justify-content:space-between}
  .sisc-floatbar strong{color:var(--brand-600);font-size:18px}
}