
/* Base */
.sgt-lite{--bg:#0b1220;--surface:#0f172a;--panel:#0b1220;--muted:#1f2937;--muted-2:#273449;--text:#e5e7eb;--sub:#93a3b8;--green:#22c55e;--danger:#ef4444;--accent:#86efac;--chip:#0d1423;--chip-border:#243449; color:var(--text); max-width:1280px; margin:20px auto;}
.sgt-lite .card{background:var(--surface); border:1px solid var(--muted); border-radius:18px; padding:18px 18px 20px; box-shadow:0 10px 30px rgba(0,0,0,.35);}
.sgt-lite .hdr{display:flex; align-items:center; justify-content:space-between; margin-bottom:12px;}
.sgt-lite .title{font-weight:900; letter-spacing:.5px; font-size:22px; display:flex; align-items:center; gap:10px;}
.sgt-lite .badge{font-size:12px; padding:6px 10px; border-radius:999px; background:#0b2e26; border:1px solid #134e4a; color:#bfffe3; margin-left:8px;}
.sgt-lite .right-tools{display:flex; gap:10px; align-items:center;}
.sgt-lite .btn{background:var(--green); border:0; color:#062810; border-radius:12px; padding:10px 14px; font-weight:800; cursor:pointer;}
.sgt-lite .btn.secondary{background:#334155; color:#e5e7eb;}
.sgt-lite .dot{width:10px; height:10px; border-radius:50%; display:inline-block; margin-right:6px; background:#ef4444; box-shadow:0 0 0 2px rgba(0,0,0,.3) inset;}
.sgt-lite .state{font-size:12px; color:var(--sub);}
.sgt-lite .row{display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin:10px 0;}
.sgt-lite input[type=text], .sgt-lite input[type=number]{border:1px solid var(--muted); background:#0b1220; color:#e5e7eb; padding:12px 14px; border-radius:12px; outline:none; min-width:180px;}
.sgt-lite input[type=checkbox]{transform:translateY(1px)}
.sgt-lite label{color:var(--sub); font-size:13px; display:flex; align-items:center; gap:8px;}
.sgt-lite .chipbox{display:flex; flex-wrap:wrap; gap:8px; background:#0b1220; border:1px solid var(--muted); border-radius:14px; padding:10px;}
.sgt-lite .chip{display:flex; gap:8px; align-items:center; background:var(--chip); border:1px solid var(--chip-border); border-radius:999px; padding:6px 10px;}
.sgt-lite .chip button{border:0; background:transparent; color:#9fb0c9; font-weight:800; cursor:pointer;}
.sgt-lite .chip-input{min-width:200px; background:transparent; border:0; color:#e5e7eb; outline:none; padding:6px;}
.sgt-lite .count{font-size:13px; color:var(--sub); margin-left:4px;}

/* Bracket */
.sgt-lite .grid{display:grid; grid-auto-flow:column; grid-auto-columns:1fr; gap:22px; margin-top:18px;}
.sgt-lite .round{display:flex; flex-direction:column; gap:14px;}
.sgt-lite .round h4{margin:0; background:#0b2e26; border:1px solid #134e4a; color:#bfffe3; padding:6px 10px; border-radius:8px; display:flex; align-items:center; justify-content:space-between; gap:8px;}
.sgt-lite .match{background:#0b1220; border:1px solid var(--muted-2); border-radius:12px; padding:8px; position:relative;}
.sgt-lite .rowm{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px;}
.sgt-lite .rowm+.rowm{border-top:1px dashed var(--muted);}
.sgt-lite .name{font-weight:600; flex:1;}
.sgt-lite .score{width:58px; text-align:center; border:1px solid var(--muted); border-radius:10px; padding:6px; background:transparent; color:inherit;}
