/* Pelengkap kepada gunatanah-semasa.css — togol sempadan khusus modul Tanah Lapang. */
.layer-switches{display:flex;flex-direction:column;gap:6px;}
.layer-switch{
  display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:var(--radius);
  border:1px solid var(--border);background:var(--surface-2);cursor:pointer;
}
.layer-switch:hover{border-color:var(--border-2);}
.layer-switch input{accent-color:var(--gold);margin:0;flex-shrink:0;}
.layer-switch-text{font-size:12.5px;font-weight:600;color:var(--text);flex:1;}
.layer-switch-swatch{width:22px;height:0;border-top:2px dashed;flex-shrink:0;}
.swatch-daerah{border-top-color:#111111;}
.swatch-jssez{border-top-color:#C2185B;}
.swatch-konteks{border-top:2px solid #000;}
.layer-switch-zoom{padding:3px 10px;}

/* Togol mod warna peta (Kelas / Status Warta) */
.seg{display:flex;padding:3px;gap:3px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);}
.seg-btn{
  flex:1;padding:6px 8px;border:0;border-radius:calc(var(--radius) - 2px);background:transparent;cursor:pointer;
  font:600 11.5px 'DM Sans',sans-serif;color:var(--text-sec);transition:background 0.15s,color 0.15s;
}
.seg-btn:hover{color:var(--text);}
.seg-btn.active{background:var(--gold);color:#fff;}
.seg-btn:focus-visible{outline:2px solid var(--gold);outline-offset:1px;}

/* Legenda Status Warta */
.legend-scroll[hidden],.kelas-only[hidden]{display:none !important;}
.warta-legend{padding:6px 0 10px;}
.warta-legend-title{padding:8px 16px 6px;font-size:10px;text-transform:uppercase;letter-spacing:0.6px;color:var(--text-muted);font-family:'IBM Plex Mono',monospace;}
.warta-row{padding:9px 16px;}
.warta-row:focus-visible{outline:2px solid var(--gold);outline-offset:-2px;}
.warta-swatch{width:16px;height:16px;border-radius:4px;}
.warta-row .lg-class-name{font-size:12.5px;font-weight:600;color:var(--text);display:flex;flex-direction:column;gap:1px;}
.warta-luas{font-family:'IBM Plex Mono',monospace;font-size:9.5px;font-weight:400;color:var(--text-muted);}
.warta-row .lg-class-count{font-size:11px;}
.warta-legend-note{padding:8px 16px 0;font-size:10.5px;line-height:1.4;color:var(--text-muted);}
.warta-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:baseline;border:1px solid rgba(0,0,0,0.15);}