/* DW Guardian V9 — additive design layer. Keeps the approved Guardian/Kidzio visual baseline. */
:root{--g9-compact-gap:10px}
.g9-grid{display:grid;gap:var(--g9-compact-gap)}
.g9-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g9-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g9-status-dot{width:8px;height:8px;border-radius:999px;display:inline-block;background:#9CA3AF}
.g9-status-dot.online{background:#28C76F}
.g9-segment{display:flex;gap:6px;flex-wrap:wrap}
.g9-segment a,.g9-segment button{border:1px solid rgba(124,92,255,.16);border-radius:12px;padding:8px 10px;font-weight:700;font-size:12px;background:var(--color-surface,#fff)}
.g9-segment .active{background:rgba(124,92,255,.12);color:var(--color-k-primary-ink,#4B2FD6)}
.g9-policy-state{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 8px;font-weight:800;font-size:10px}
.g9-policy-state.allow{background:#E8FFF7;color:#137A5A}.g9-policy-state.block{background:#FFF0F1;color:#B52637}.g9-policy-state.ask_parent{background:#FFF8E6;color:#865A00}.g9-policy-state.schedule{background:#F1EDFF;color:#5B42D0}
@media(max-width:720px){.g9-grid-3{grid-template-columns:1fr 1fr}.g9-grid-2{grid-template-columns:1fr}}