/* =========================================================
   AIDEP V11 CBS MAP CORE + RESPONSIVE POLISH
   ========================================================= */

:root{
  --cbs-panel-width:318px;
  --cbs-detail-width:344px;
}

.topbar{
  padding-right:10px;
}
.v10-top-icons{
  min-width:0;
}
.v10-avatar{
  flex:0 0 auto;
  margin-right:4px;
}
.role-select{
  min-width:128px;
  max-width:150px;
}
.sidebar-bottom{
  margin-bottom:2px;
}
.shell.sidebar-is-collapsed .sidebar-bottom{
  margin-bottom:2px;
}
@media (max-height:760px){
  .sidebar{overflow-y:auto}
  .sidebar-bottom{position:static;margin-top:12px}
}

.cbs-shell{
  display:grid;
  grid-template-columns:var(--cbs-panel-width) minmax(0,1fr) var(--cbs-detail-width);
  gap:14px;
  margin-top:18px;
  min-height:calc(100vh - 124px);
}
.cbs-panel,.cbs-detail,.cbs-map-card{
  background:var(--aidep-surface);
  border:1px solid var(--aidep-border);
  border-radius:var(--aidep-radius);
  box-shadow:var(--aidep-shadow);
}
.cbs-panel,.cbs-detail{
  padding:14px;
  overflow:auto;
}
.cbs-panel-head,.cbs-detail-head,.cbs-map-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px
}
.cbs-panel h2,.cbs-detail h2,.cbs-map-head h2{
  margin:0;font-size:16px;letter-spacing:-.2px
}
.cbs-subtitle{font-size:11px;color:var(--aidep-muted);margin-top:4px}
.cbs-section{margin-top:15px;padding-top:14px;border-top:1px solid var(--aidep-border)}
.cbs-section-title{font-size:12px;font-weight:850;margin-bottom:9px}
.cbs-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cbs-form-grid .wide{grid-column:1/-1}
.cbs-input,.cbs-select{
  width:100%;height:38px;border:1px solid var(--aidep-border);border-radius:8px;padding:0 10px;
  background:#fff;color:var(--aidep-text);font-size:12px
}
.cbs-search-btn{
  width:100%;height:39px;border:0;border-radius:8px;background:var(--aidep-primary);color:#fff;font-weight:800;font-size:12px;cursor:pointer
}
.cbs-search-btn:hover{background:var(--aidep-primary-strong)}
.cbs-layer-list{display:flex;flex-direction:column;gap:8px}
.cbs-layer-row{
  display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px;border:1px solid var(--aidep-border);border-radius:8px;background:#fbfdff;font-size:12px
}
.cbs-layer-meta{font-size:10px;color:var(--aidep-muted);margin-top:3px}
.cbs-switch{
  width:34px;height:19px;border-radius:999px;background:#d8e1ee;position:relative;cursor:pointer;flex:0 0 auto
}
.cbs-switch:after{
  content:"";position:absolute;left:3px;top:3px;width:13px;height:13px;border-radius:50%;background:#fff;transition:.2s
}
.cbs-switch.on{background:var(--aidep-primary)}
.cbs-switch.on:after{left:18px}

.cbs-quality{
  display:grid;grid-template-columns:1fr 1fr;gap:8px
}
.cbs-quality-card{
  padding:10px;border:1px solid var(--aidep-border);border-radius:9px;background:#fbfdff
}
.cbs-quality-card strong{display:block;font-size:17px}
.cbs-quality-card span{font-size:10px;color:var(--aidep-muted)}

.cbs-map-card{overflow:hidden;display:flex;flex-direction:column;min-width:0}
.cbs-map-head{padding:12px 14px;border-bottom:1px solid var(--aidep-border);background:#fff}
.cbs-map-toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.cbs-map-btn{
  display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px;border:1px solid var(--aidep-border);border-radius:8px;
  background:#fff;color:var(--aidep-text);font-size:11px;font-weight:750;cursor:pointer
}
.cbs-map-btn:hover{background:#f4f8ff;border-color:#bfd2ff}
.cbs-map-btn.active{background:var(--aidep-primary-soft);border-color:#b6ccff;color:var(--aidep-primary)}
.cbs-map-stage{position:relative;flex:1;min-height:650px;background:#eef4fa}
#cbsMap{position:absolute;inset:0}
.cbs-map-overlay{
  position:absolute;left:12px;bottom:12px;z-index:4;display:flex;gap:8px;flex-wrap:wrap
}
.cbs-map-badge{
  padding:7px 9px;border-radius:8px;background:rgba(5,41,93,.9);color:#fff;font-size:10px;font-weight:750;
  box-shadow:0 4px 16px rgba(0,0,0,.12)
}
.cbs-empty{
  display:grid;place-items:center;min-height:280px;text-align:center;color:var(--aidep-muted);font-size:12px;padding:18px
}
.cbs-empty svg{width:42px;height:42px;color:#9db2d2;margin-bottom:10px}
.cbs-meta-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.cbs-meta{
  display:grid;grid-template-columns:118px 1fr;gap:8px;font-size:11px;padding:8px 0;border-bottom:1px solid var(--aidep-border)
}
.cbs-meta:last-child{border-bottom:0}
.cbs-meta span:first-child{color:var(--aidep-muted)}
.cbs-status{
  display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;font-size:10px;font-weight:800
}
.cbs-status.green{background:var(--aidep-green-soft);color:var(--aidep-green)}
.cbs-status.orange{background:var(--aidep-orange-soft);color:var(--aidep-orange)}
.cbs-status.blue{background:var(--aidep-primary-soft);color:var(--aidep-primary)}
.cbs-relation{
  border:1px solid var(--aidep-border);border-radius:8px;padding:9px;margin-top:8px;background:#fbfdff
}
.cbs-relation strong{display:block;font-size:11px}
.cbs-relation small{display:block;color:var(--aidep-muted);font-size:10px;margin-top:3px}
.cbs-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.cbs-action-btn{
  border:1px solid var(--aidep-border);background:#fff;border-radius:8px;padding:9px;font-size:11px;font-weight:750;cursor:pointer;color:var(--aidep-text)
}
.cbs-action-btn:hover{background:#f5f8ff;border-color:#b9cdf8}
.cbs-action-btn.primary{background:var(--aidep-primary);color:#fff;border-color:var(--aidep-primary)}

.cbs-search-results{display:flex;flex-direction:column;gap:7px;margin-top:9px}
.cbs-result{
  padding:9px;border:1px solid var(--aidep-border);border-radius:8px;background:#fff;cursor:pointer
}
.cbs-result:hover{background:#f6f9ff;border-color:#bdd0ff}
.cbs-result strong{font-size:12px}
.cbs-result small{display:block;font-size:10px;color:var(--aidep-muted);margin-top:3px}

.maplibregl-popup-content{
  border-radius:9px!important;
  padding:10px 12px!important;
  font:12px/1.35 Inter,"Segoe UI",Arial,sans-serif!important;
  box-shadow:0 12px 28px rgba(13,35,71,.14)!important
}
.maplibregl-ctrl-group{
  border-radius:9px!important;
  overflow:hidden;
  box-shadow:0 5px 18px rgba(13,35,71,.14)!important
}

@media (max-width:1480px){
  :root{--cbs-panel-width:290px;--cbs-detail-width:310px}
}
@media (max-width:1180px){
  .cbs-shell{grid-template-columns:270px minmax(0,1fr)}
  .cbs-detail{grid-column:1/-1;max-height:420px}
}
@media (max-width:820px){
  .cbs-shell{grid-template-columns:1fr}
  .cbs-panel,.cbs-detail{max-height:none}
  .cbs-map-stage{min-height:520px}
}