/* DCKS 1.1.28 — lớp theme cuối, nạp sau responsive để không bị ghi đè */
body[data-theme="light"]{
  --p-blue:#1d6fca;
  --p-blue2:#2d7fdb;
  --p-blue-deep:#1457a4;
  --p-blue-glass:rgba(35,105,185,.20);
  --p-blue-glass2:rgba(28,91,165,.28);
  --p-blue-soft:rgba(224,238,253,.86);
  --p-orange:#ef8b1f;
  --p-orange2:#f4a74a;
  --p-ink:#173a63;
  --p-ink2:#627b97;
  --p-line:rgba(117,160,207,.72);
}

/* HEADER: hòa cùng nền, bỏ các viên trắng thô */
body[data-theme="light"] #topbar{
  background:linear-gradient(110deg,#1767c4 0%,#2476d2 62%,#2d7fdc 100%)!important;
  border-bottom:1px solid rgba(8,66,137,.30)!important;
  box-shadow:0 5px 15px rgba(18,76,145,.16)!important;
}
body[data-theme="light"] #topbar::after{
  height:2px!important;
  background:linear-gradient(90deg,var(--p-orange) 0 30%,rgba(255,255,255,.20) 30% 100%)!important;
}
body[data-theme="light"] #topbar .logo-text,
body[data-theme="light"] #topbar .logo-ver{color:#fff!important;text-shadow:none!important}
body[data-theme="light"] #topbar .nav{
  gap:3px!important;
  padding:3px!important;
  border-radius:10px!important;
  background:rgba(10,63,129,.18)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:none!important;
}
body[data-theme="light"] #topbar .tb-right{
  gap:5px!important;
  padding-left:10px!important;
  border-left:1px solid rgba(255,255,255,.18)!important;
}
body[data-theme="light"] #topbar .nav-btn,
body[data-theme="light"] #topbar .tb-right>button,
body[data-theme="light"] #topbar .tb-search,
body[data-theme="light"] #topbar .tb-bell,
body[data-theme="light"] #topbar .user-pill{
  background:rgba(255,255,255,.13)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.17)!important;
  box-shadow:none!important;
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
}
body[data-theme="light"] #topbar .nav-btn,
body[data-theme="light"] #topbar .tb-right>button{border-radius:9px!important}
body[data-theme="light"] #topbar .tb-search,
body[data-theme="light"] #topbar .tb-bell{border-radius:10px!important}
body[data-theme="light"] #topbar .user-pill{border-radius:18px!important}
body[data-theme="light"] #topbar .nav-btn:hover,
body[data-theme="light"] #topbar .tb-right>button:hover,
body[data-theme="light"] #topbar .tb-search:hover,
body[data-theme="light"] #topbar .tb-bell:hover,
body[data-theme="light"] #topbar .user-pill:hover{
  background:rgba(255,255,255,.23)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.30)!important;
  transform:none!important;
}
body[data-theme="light"] #topbar .nav-btn.active{
  background:linear-gradient(135deg,var(--p-orange),var(--p-orange2))!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.25)!important;
  box-shadow:0 3px 9px rgba(153,82,7,.20)!important;
}
body[data-theme="light"] #topbar .nav-badge{
  background:#fff!important;
  color:#b86808!important;
}
body[data-theme="light"] #topbar .user-name,
body[data-theme="light"] #topbar .user-role,
body[data-theme="light"] #topbar .user-pill span,
body[data-theme="light"] #topbar svg{color:#fff!important;stroke:currentColor!important}
body[data-theme="light"] #topbar .user-role{opacity:.78!important}

/* KPI nổi: xanh mờ đúng vùng khoanh */
body[data-theme="light"] #stat-cards .stat-card{
  background:linear-gradient(180deg,rgba(50,116,190,.30),rgba(31,88,160,.24))!important;
  border:1px solid rgba(74,134,198,.42)!important;
  box-shadow:0 5px 14px rgba(21,76,143,.13)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
body[data-theme="light"] #stat-cards .stat-card .stat-ic{
  background:rgba(255,255,255,.18)!important;
  color:#1767bd!important;
  border:1px solid rgba(255,255,255,.22)!important;
}
body[data-theme="light"] #stat-cards .stat-card .stat-lbl{color:#315c87!important;opacity:1!important}
body[data-theme="light"] #stat-cards .stat-card .stat-val{color:#234d77!important}
body[data-theme="light"] #stat-cards .stat-card .stat-val b{color:#075aaa!important}
body[data-theme="light"] #stat-cards .stat-card:hover{
  background:linear-gradient(180deg,rgba(58,126,199,.38),rgba(34,97,174,.31))!important;
  border-color:rgba(58,122,190,.62)!important;
}
body[data-theme="light"] #stat-cards-toggle{
  background:rgba(31,101,181,.74)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.24)!important;
}

/* TOOLBAR DỌC: selector chính xác #maptool-bar .maptool */
body[data-theme="light"] #maptool-bar{
  background:rgba(26,87,158,.26)!important;
  border:1px solid rgba(65,126,191,.34)!important;
  border-radius:13px!important;
  padding:5px!important;
  box-shadow:0 7px 18px rgba(17,69,132,.13)!important;
  backdrop-filter:blur(9px)!important;
  -webkit-backdrop-filter:blur(9px)!important;
}
body[data-theme="light"] #maptool-bar .maptool{
  background:rgba(31,88,158,.58)!important;
  color:rgba(224,239,255,.90)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}
body[data-theme="light"] #maptool-bar .maptool:hover{
  background:rgba(43,117,198,.78)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.22)!important;
}
body[data-theme="light"] #maptool-bar .maptool.active{
  background:linear-gradient(135deg,#1870ce,#3188e4)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.28)!important;
  box-shadow:0 4px 10px rgba(18,91,168,.20)!important;
}
body[data-theme="light"] #maptool-bar .maptool-sep{background:rgba(255,255,255,.18)!important}
body[data-theme="light"] #maptool-bar .maptool-tip{
  background:#175fae!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.18)!important;
}

/* STATUS BAR: xanh mờ liền mạch, không ô xám */
body[data-theme="light"] #map-statusbar{
  background:linear-gradient(180deg,rgba(37,106,184,.27),rgba(23,78,148,.31))!important;
  border-top:1px solid rgba(56,119,188,.42)!important;
  box-shadow:0 -4px 14px rgba(18,70,132,.10)!important;
  backdrop-filter:blur(9px)!important;
  -webkit-backdrop-filter:blur(9px)!important;
}
body[data-theme="light"] #map-statusbar .msb-cell,
body[data-theme="light"] #map-statusbar .msb-btn,
body[data-theme="light"] #map-statusbar select,
body[data-theme="light"] #map-statusbar button{
  background:rgba(255,255,255,.14)!important;
  color:#214b76!important;
  border:1px solid rgba(72,130,190,.28)!important;
  box-shadow:none!important;
}
body[data-theme="light"] #map-statusbar .msb-cell:hover,
body[data-theme="light"] #map-statusbar .msb-btn:hover,
body[data-theme="light"] #map-statusbar select:hover,
body[data-theme="light"] #map-statusbar button:hover{
  background:rgba(255,255,255,.27)!important;
  color:#0c579f!important;
  border-color:rgba(55,116,181,.44)!important;
}
body[data-theme="light"] #map-statusbar .msb-k{color:#526f8d!important}
body[data-theme="light"] #map-statusbar b{color:#174d80!important}
body[data-theme="light"] #map-statusbar .msb-credit{color:#637d98!important}

/* Nút chú giải nổi hòa cùng */
body[data-theme="light"] #legend-pill{
  background:rgba(31,104,185,.84)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.25)!important;
  box-shadow:0 5px 14px rgba(18,82,151,.16)!important;
}
body[data-theme="light"] #legend-pill:hover{background:var(--p-orange)!important;color:#fff!important}

/* DCKS 1.1.28 — rà soát các vùng còn sót theo ảnh người dùng */

/* Nút nhỏ trong header panel trái/phải */
body[data-theme="light"] #left-panel .lpanel-top .btn,
body[data-theme="light"] #right-panel .rpanel-top .btn{
  background:rgba(255,255,255,.94)!important;
  color:#2a5787!important;
  border:1px solid #d6e4f3!important;
  box-shadow:0 2px 8px rgba(26,88,151,.08)!important;
}
body[data-theme="light"] #left-panel .lpanel-top .btn:hover,
body[data-theme="light"] #right-panel .rpanel-top .btn:hover{
  background:#fff7ef!important;
  color:#b96909!important;
  border-color:#efc48d!important;
}
body[data-theme="light"] #right-panel .rpanel-top .btn-ai{
  background:linear-gradient(135deg,#f1f5ff,#e3e8ff)!important;
  color:#6d57b3!important;
  border-color:#d9d1fb!important;
}

/* KPI trên bản đồ: nền xanh mờ nhạt hơn, giảm tối */
body[data-theme="light"] #stat-cards .stat-card{
  background:linear-gradient(180deg,rgba(226,239,252,.86),rgba(208,226,246,.80))!important;
  border:1px solid rgba(159,189,223,.92)!important;
  box-shadow:0 6px 14px rgba(19,80,147,.10)!important;
}
body[data-theme="light"] #stat-cards .stat-card .stat-ic{background:rgba(255,255,255,.55)!important;border-color:rgba(173,198,226,.95)!important}
body[data-theme="light"] #stat-cards .stat-card .stat-lbl{color:#647e9a!important}
body[data-theme="light"] #stat-cards .stat-card .stat-val{color:#2a567f!important}
body[data-theme="light"] #stat-cards .stat-card .stat-val b{color:#1561b7!important}

/* Toolbar dọc trái: bỏ đậm tối */
body[data-theme="light"] #maptool-bar{
  background:linear-gradient(180deg,rgba(224,238,252,.88),rgba(207,225,246,.82))!important;
  border:1px solid rgba(159,189,223,.94)!important;
  box-shadow:0 8px 18px rgba(18,76,144,.10)!important;
}
body[data-theme="light"] #maptool-bar .maptool{
  background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(232,241,251,.72))!important;
  color:#2c5e91!important;
  border:1px solid rgba(164,191,222,.9)!important;
}
body[data-theme="light"] #maptool-bar .maptool:hover{
  background:linear-gradient(180deg,#fff7ef,#ffefdd)!important;
  color:#bb6b0c!important;
  border-color:#efc38f!important;
}
body[data-theme="light"] #maptool-bar .maptool.active{
  background:linear-gradient(135deg,#2d7fdb,#4692e8)!important;
  color:#fff!important;
  border-color:#1d66bb!important;
}
body[data-theme="light"] #maptool-bar .maptool-tip{
  background:#f7fbff!important;color:#204d79!important;border:1px solid #d1e0ef!important;box-shadow:0 4px 12px rgba(17,81,151,.10)!important
}

/* Các ô tổng hợp trong panel phân tích */
body[data-theme="light"] #right-panel .ad-summary-band>div,
body[data-theme="light"] #right-panel .ad-kpis>div,
body[data-theme="light"] #right-panel .scope-box,
body[data-theme="light"] #right-panel .summary-card,
body[data-theme="light"] #right-panel .quick-stat{
  background:linear-gradient(180deg,#eaf3fe,#dbeafb)!important;
  border:1px solid #bfd4ea!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45)!important;
  color:#234c74!important;
}
body[data-theme="light"] #right-panel .ad-summary-band span,
body[data-theme="light"] #right-panel .ad-kpis span,
body[data-theme="light"] #right-panel .scope-box small,
body[data-theme="light"] #right-panel .summary-card small,
body[data-theme="light"] #right-panel .quick-stat small{color:#6b84a0!important}
body[data-theme="light"] #right-panel .ad-summary-band b,
body[data-theme="light"] #right-panel .ad-kpis b,
body[data-theme="light"] #right-panel .scope-box b,
body[data-theme="light"] #right-panel .summary-card b,
body[data-theme="light"] #right-panel .quick-stat b{color:#1a5daa!important}

/* Bộ lọc nhanh còn tối */
body[data-theme="light"] #quick-filter{
  background:linear-gradient(180deg,rgba(226,239,252,.94),rgba(208,226,246,.92))!important;
  border:1px solid rgba(159,189,223,.95)!important;
  box-shadow:0 8px 18px rgba(18,76,144,.10)!important;
}
body[data-theme="light"] #quick-filter .qf-lbl{color:#55708d!important}
body[data-theme="light"] #quick-filter select,
body[data-theme="light"] #quick-filter button{
  background:rgba(255,255,255,.82)!important;
  color:#234c74!important;
  border:1px solid #b8cfe7!important;
}
body[data-theme="light"] #quick-filter select:hover,
body[data-theme="light"] #quick-filter button:hover{background:#fff7ef!important;color:#b96909!important;border-color:#efc48d!important}

/* Popup/tooltip trên bản đồ */
body[data-theme="light"] .gm-tooltip,
body[data-theme="light"] .leaflet-tooltip.gm-tooltip,
body[data-theme="light"] #map.spotlight .leaflet-tooltip.hl-tooltip{
  background:linear-gradient(135deg,#1c5aa3,#2f7fd8)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:0 8px 20px rgba(17,74,140,.22)!important;
  text-shadow:none!important;
}
body[data-theme="light"] #map.spotlight .leaflet-tooltip.hl-tooltip{transform:scale(1.04)!important}

/* Panel tìm kiếm địa danh / dữ liệu */
body[data-theme="light"] #gsearch-panel{
  background:linear-gradient(180deg,rgba(236,244,253,.97),rgba(223,236,251,.95))!important;
  border-bottom:2px solid #4a8ddb!important;
  box-shadow:0 10px 26px rgba(16,73,140,.12)!important;
  text-shadow:none!important;
}
body[data-theme="light"] #gsearch-panel .gsp-inner,
body[data-theme="light"] #gsearch-panel .gsp-tabs,
body[data-theme="light"] #gsearch-panel .gsp-input-row,
body[data-theme="light"] #gsearch-panel .gsp-results,
body[data-theme="light"] #gsearch-panel .gsp-mode-card,
body[data-theme="light"] #gsearch-panel .gsp-panel,
body[data-theme="light"] #gsearch-panel .gsp-body{
  background:transparent!important;
  color:#244c75!important;
}
body[data-theme="light"] #gsearch-panel .gsp-mode-card{
  background:linear-gradient(180deg,#eef5ff,#e1eefc)!important;
  border:1px solid #c4d8ee!important;
}
body[data-theme="light"] #gsearch-panel .gsp-mode-card.active{background:linear-gradient(135deg,#2b76d0,#4b94ea)!important;color:#fff!important;border-color:#2366b7!important}
body[data-theme="light"] #gsearch-panel .gsp-input,
body[data-theme="light"] #gsearch-panel input,
body[data-theme="light"] #gsearch-panel select{
  background:#fff!important;color:#1f446c!important;border:1px solid #bfd3e8!important
}
body[data-theme="light"] #gsearch-panel .btn,
body[data-theme="light"] #gsearch-panel button{
  background:#ffffff!important;color:#25517e!important;border:1px solid #bfd3e8!important
}
body[data-theme="light"] #gsearch-panel .btn:hover,
body[data-theme="light"] #gsearch-panel button:hover{background:#fff7ef!important;color:#b96909!important;border-color:#efc48d!important}
body[data-theme="light"] #gsearch-panel .gsp-source-badge{background:#e7f0fb!important;color:#2d5f93!important;border:1px solid #c6d8ed!important}
body[data-theme="light"] #gsearch-panel .gsp-empty,
body[data-theme="light"] #gsearch-panel .gsp-results-empty,
body[data-theme="light"] #gsearch-panel .muted{color:#6b84a0!important}

/* Nắn ảnh / georef: vùng xem ảnh và thanh trên dưới bớt tối */
body[data-theme="light"] #dcks-gcp-modal .dcks-gcp-right{
  background:#f5f9fe!important;
  border-color:#d6e3f1!important;
}
body[data-theme="light"] #dcks-gcp-modal .dcks-gcp-viewbar,
body[data-theme="light"] #dcks-gcp-modal .dcks-gcp-viewhint{
  background:linear-gradient(180deg,#edf5ff,#dbeafb)!important;
  color:#25507e!important;
  border-color:#d2e2f1!important;
}
body[data-theme="light"] #dcks-gcp-modal .dcks-gcp-canvas{background:#eef4fb!important}
body[data-theme="light"] #dcks-gcp-modal .dcks-gcp-viewbar .btn,
body[data-theme="light"] #dcks-gcp-modal .dcks-gcp-viewbar button{
  background:#fff!important;color:#234c74!important;border:1px solid #bcd3e9!important
}

/* một số vùng còn tối trong right panel / inputs */
body[data-theme="light"] #right-panel .rpanel-body,
body[data-theme="light"] #right-panel .rp-section,
body[data-theme="light"] #right-panel .ad-section{ text-shadow:none!important }
body[data-theme="light"] #right-panel input,
body[data-theme="light"] #right-panel select,
body[data-theme="light"] #right-panel textarea{
  background:#fff!important;color:#21466d!important;border:1px solid #bfd3e8!important
}

/* DCKS 1.1.28 — quét cuối nền đen/chữ trắng trong giao diện sáng */
body[data-theme="light"]{
  --q-bg:#f7fbff;
  --q-bg2:#eaf3fd;
  --q-bg3:#dceaf9;
  --q-text:#173f69;
  --q-muted:#657f9c;
  --q-line:#bfd4e9;
  --q-blue:#1b66bb;
  --q-orange:#ef8b1f;
}

/* Nhãn/tooltip đối tượng trên bản đồ: nền sáng, chữ xanh đậm */
body[data-theme="light"] .leaflet-tooltip,
body[data-theme="light"] .gm-tooltip,
body[data-theme="light"] .leaflet-tooltip.gm-tooltip,
body[data-theme="light"] .leaflet-tooltip.hl-tooltip,
body[data-theme="light"] #map.spotlight .leaflet-tooltip.hl-tooltip,
body[data-theme="light"] .maplibregl-popup-content,
body[data-theme="light"] .maplibregl-popup-tip,
body[data-theme="light"] .mapboxgl-popup-content,
body[data-theme="light"] .mapboxgl-popup-tip,
body[data-theme="light"] [role="tooltip"],
body[data-theme="light"] .tooltip,
body[data-theme="light"] .tooltip-inner,
body[data-theme="light"] .tippy-box,
body[data-theme="light"] .layer-tooltip,
body[data-theme="light"] .feature-tooltip,
body[data-theme="light"] .map-label-popup{
  background:linear-gradient(180deg,#ffffff,#edf5ff)!important;
  background-color:#f7fbff!important;
  color:var(--q-text)!important;
  border:1px solid var(--q-line)!important;
  box-shadow:0 8px 20px rgba(19,79,147,.16)!important;
  text-shadow:none!important;
  opacity:1!important;
}
body[data-theme="light"] .leaflet-tooltip * ,
body[data-theme="light"] .gm-tooltip *,
body[data-theme="light"] .maplibregl-popup-content *,
body[data-theme="light"] .mapboxgl-popup-content *,
body[data-theme="light"] [role="tooltip"] * ,
body[data-theme="light"] .tooltip-inner * ,
body[data-theme="light"] .tippy-box *{
  color:inherit!important;
  text-shadow:none!important;
}
body[data-theme="light"] .leaflet-tooltip-top:before{border-top-color:#bfd4e9!important}
body[data-theme="light"] .leaflet-tooltip-bottom:before{border-bottom-color:#bfd4e9!important}
body[data-theme="light"] .leaflet-tooltip-left:before{border-left-color:#bfd4e9!important}
body[data-theme="light"] .leaflet-tooltip-right:before{border-right-color:#bfd4e9!important}
body[data-theme="light"] .leaflet-popup-content-wrapper,
body[data-theme="light"] .gm-intersect-popup .leaflet-popup-content-wrapper{
  background:linear-gradient(180deg,#fff,#eef6ff)!important;
  color:var(--q-text)!important;
  border:1px solid var(--q-line)!important;
  box-shadow:0 10px 28px rgba(19,79,147,.16)!important;
}
body[data-theme="light"] .leaflet-popup-tip,
body[data-theme="light"] .gm-intersect-popup .leaflet-popup-tip{
  background:#eef6ff!important;
  border-color:var(--q-line)!important;
}
body[data-theme="light"] .leaflet-popup-content-wrapper *,
body[data-theme="light"] .gm-intersect-popup .leaflet-popup-content-wrapper *{
  color:inherit!important;
  text-shadow:none!important;
}

/* Toàn bộ các thẻ thống kê còn dùng nền tối */
body[data-theme="light"] .ad-stat-summary>div,
body[data-theme="light"] .dcks-stat-summary-grid>div,
body[data-theme="light"] .stats-summary>div,
body[data-theme="light"] .stat-summary>div,
body[data-theme="light"] .stats-kpi,
body[data-theme="light"] .stats-kpi-card,
body[data-theme="light"] .stats-panel-card,
body[data-theme="light"] .chart-summary-card,
body[data-theme="light"] .analytics-card,
body[data-theme="light"] .analysis-summary-card,
body[data-theme="light"] .ad-summary-band>div,
body[data-theme="light"] .ad-kpis>div,
body[data-theme="light"] .dcks-fast-status{
  background:linear-gradient(180deg,var(--q-bg),var(--q-bg2))!important;
  color:var(--q-text)!important;
  border:1px solid var(--q-line)!important;
  box-shadow:0 5px 14px rgba(19,79,147,.08)!important;
  text-shadow:none!important;
}
body[data-theme="light"] .ad-stat-summary>div *,
body[data-theme="light"] .dcks-stat-summary-grid>div *,
body[data-theme="light"] .stats-summary>div *,
body[data-theme="light"] .stat-summary>div *,
body[data-theme="light"] .stats-kpi *,
body[data-theme="light"] .stats-kpi-card *,
body[data-theme="light"] .stats-panel-card *,
body[data-theme="light"] .chart-summary-card *,
body[data-theme="light"] .analytics-card *,
body[data-theme="light"] .analysis-summary-card *,
body[data-theme="light"] .ad-summary-band>div *,
body[data-theme="light"] .ad-kpis>div *,
body[data-theme="light"] .dcks-fast-status *{
  color:inherit!important;
  text-shadow:none!important;
}
body[data-theme="light"] .ad-stat-summary b,
body[data-theme="light"] .dcks-stat-summary-grid b,
body[data-theme="light"] .stats-summary b,
body[data-theme="light"] .stat-summary b,
body[data-theme="light"] .stats-kpi b,
body[data-theme="light"] .stats-kpi-card b,
body[data-theme="light"] .stats-panel-card b,
body[data-theme="light"] .chart-summary-card b,
body[data-theme="light"] .analytics-card b,
body[data-theme="light"] .analysis-summary-card b,
body[data-theme="light"] .ad-summary-band b,
body[data-theme="light"] .ad-kpis b{
  color:var(--q-blue)!important;
}
body[data-theme="light"] .ad-stat-summary small,
body[data-theme="light"] .dcks-stat-summary-grid small,
body[data-theme="light"] .stats-summary small,
body[data-theme="light"] .stat-summary small,
body[data-theme="light"] .stats-kpi small,
body[data-theme="light"] .stats-kpi-card small,
body[data-theme="light"] .stats-panel-card small,
body[data-theme="light"] .chart-summary-card small,
body[data-theme="light"] .analytics-card small,
body[data-theme="light"] .analysis-summary-card small,
body[data-theme="light"] .ad-summary-band span,
body[data-theme="light"] .ad-kpis span{
  color:var(--q-muted)!important;
  opacity:1!important;
}

/* Các panel/dropdown/menu còn nền tối */
body[data-theme="light"] #user-dropdown,
body[data-theme="light"] .dropdown-menu,
body[data-theme="light"] .context-menu,
body[data-theme="light"] .menu-popover,
body[data-theme="light"] .popover,
body[data-theme="light"] .select-menu,
body[data-theme="light"] .command-menu,
body[data-theme="light"] .floating-menu,
body[data-theme="light"] .autocomplete-list,
body[data-theme="light"] .search-results-panel,
body[data-theme="light"] .result-menu{
  background:#fff!important;
  color:var(--q-text)!important;
  border:1px solid var(--q-line)!important;
  box-shadow:0 12px 28px rgba(19,79,147,.15)!important;
  text-shadow:none!important;
}
body[data-theme="light"] #user-dropdown .ud-item,
body[data-theme="light"] .dropdown-menu .item,
body[data-theme="light"] .context-menu .item,
body[data-theme="light"] .menu-popover .item,
body[data-theme="light"] .autocomplete-list .item,
body[data-theme="light"] .search-results-panel .item{
  color:var(--q-text)!important;
  background:transparent!important;
}
body[data-theme="light"] #user-dropdown .ud-item:hover,
body[data-theme="light"] .dropdown-menu .item:hover,
body[data-theme="light"] .context-menu .item:hover,
body[data-theme="light"] .menu-popover .item:hover,
body[data-theme="light"] .autocomplete-list .item:hover,
body[data-theme="light"] .search-results-panel .item:hover{
  background:#edf5ff!important;
  color:var(--q-blue)!important;
}

/* Các thẻ giao thoa, kết quả, popup nội dung còn nền tối */
body[data-theme="light"] .int-feat-card,
body[data-theme="light"] .int-feat-card:hover,
body[data-theme="light"] .intersect-result-card,
body[data-theme="light"] .result-card,
body[data-theme="light"] .result-item,
body[data-theme="light"] .feature-card,
body[data-theme="light"] .object-card,
body[data-theme="light"] .info-card,
body[data-theme="light"] .detail-card{
  background:linear-gradient(180deg,#fff,#f1f7fe)!important;
  color:var(--q-text)!important;
  border-color:var(--q-line)!important;
  text-shadow:none!important;
}
body[data-theme="light"] .int-feat-card *,
body[data-theme="light"] .intersect-result-card *,
body[data-theme="light"] .result-card *,
body[data-theme="light"] .result-item *,
body[data-theme="light"] .feature-card *,
body[data-theme="light"] .object-card *,
body[data-theme="light"] .info-card *,
body[data-theme="light"] .detail-card *{
  color:inherit!important;
}

/* Select option còn nền tối */
body[data-theme="light"] select option,
body[data-theme="light"] #crs-sel option,
body[data-theme="light"] #basemap-sel option,
body[data-theme="light"] #coord-poly-zone option{
  background:#fff!important;
  color:var(--q-text)!important;
}

/* Thông báo tiến trình tải lớp được tạo bằng inline style */
body[data-theme="light"] .dcks-up-label,
body[data-theme="light"] .dcks-up-detail{color:var(--q-text)!important}
body[data-theme="light"] .dcks-upload-progress,
body[data-theme="light"] .upload-progress-box,
body[data-theme="light"] [class*="upload-progress"]{
  background:#fff!important;
  color:var(--q-text)!important;
  border-color:var(--q-line)!important;
}

/* Sweep các class thường gặp có chữ trắng do theme tối */
body[data-theme="light"] .dark-panel,
body[data-theme="light"] .dark-card,
body[data-theme="light"] .dark-box,
body[data-theme="light"] .dark-popover,
body[data-theme="light"] .dark-tooltip,
body[data-theme="light"] .bg-dark,
body[data-theme="light"] .surface-dark,
body[data-theme="light"] .panel-dark{
  background:linear-gradient(180deg,#fff,#eef6ff)!important;
  color:var(--q-text)!important;
  border-color:var(--q-line)!important;
}
body[data-theme="light"] .dark-panel *,
body[data-theme="light"] .dark-card *,
body[data-theme="light"] .dark-box *,
body[data-theme="light"] .dark-popover *,
body[data-theme="light"] .dark-tooltip *,
body[data-theme="light"] .bg-dark *,
body[data-theme="light"] .surface-dark *,
body[data-theme="light"] .panel-dark *{
  color:inherit!important;
}

/* DCKS 1.1.28 — sửa đúng hover card #hover-tip trên MapLibre */
body[data-theme="light"] #hover-tip{
  background:linear-gradient(180deg,#f8fbff 0%,#e7f1fc 100%)!important;
  background-color:#f3f8fe!important;
  color:#173f69!important;
  border:1px solid #b9d0e8!important;
  border-left:4px solid #2b78cf!important;
  border-radius:10px!important;
  box-shadow:0 8px 22px rgba(18,75,140,.16)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  text-shadow:none!important;
  opacity:1!important;
}
body[data-theme="light"] #hover-tip .ht-layer{
  color:#1462b5!important;
  text-shadow:none!important;
  opacity:1!important;
}
body[data-theme="light"] #hover-tip .ht-lbl{
  color:#315a82!important;
  text-shadow:none!important;
  opacity:1!important;
}
body[data-theme="light"] #hover-tip *{
  text-shadow:none!important;
}

/* DCKS 1.1.28 — fix riêng panel tìm kiếm theo ảnh người dùng */
body[data-theme="light"] #gsearch-panel{
  background:rgba(244,249,255,.92)!important;
  border:1px solid rgba(94,151,214,.55)!important;
  border-bottom:2px solid #4a8ddb!important;
  box-shadow:0 10px 26px rgba(18,75,143,.13)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
body[data-theme="light"] #gsearch-panel .gsp-inner{
  background:transparent!important;
}
body[data-theme="light"] #gsearch-panel .gsp-mode-grid{
  gap:10px!important;
}
body[data-theme="light"] #gsearch-panel .gsp-mode-card{
  background:rgba(255,255,255,.58)!important;
  color:#173a63!important;
  border:1px solid rgba(170,197,227,.92)!important;
  box-shadow:none!important;
  backdrop-filter:blur(7px)!important;
  -webkit-backdrop-filter:blur(7px)!important;
}
body[data-theme="light"] #gsearch-panel .gsp-mode-card b{
  color:#173a63!important;
}
body[data-theme="light"] #gsearch-panel .gsp-mode-card small{
  color:#6c839d!important;
  opacity:1!important;
}
body[data-theme="light"] #gsearch-panel .gsp-mode-card.active{
  background:linear-gradient(135deg,rgba(43,118,208,.92),rgba(76,148,234,.90))!important;
  color:#fff!important;
  border-color:#2568b8!important;
  box-shadow:0 5px 14px rgba(36,103,184,.16)!important;
}
body[data-theme="light"] #gsearch-panel .gsp-mode-card.active b,
body[data-theme="light"] #gsearch-panel .gsp-mode-card.active small{
  color:#fff!important;
}

/* Ô tìm kiếm: nền trắng mờ, chữ đen */
body[data-theme="light"] #gsearch-panel .gsp-input-row{
  background:rgba(255,255,255,.62)!important;
  border:1px solid rgba(173,198,227,.95)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
body[data-theme="light"] #gsearch-panel .gsp-input,
body[data-theme="light"] #gsearch-panel input[type="text"],
body[data-theme="light"] #gsearch-panel input[type="search"]{
  background:rgba(255,255,255,.78)!important;
  color:#111827!important;
  border:1px solid #bfd3e8!important;
  caret-color:#111827!important;
  font-weight:600!important;
}
body[data-theme="light"] #gsearch-panel .gsp-input::placeholder,
body[data-theme="light"] #gsearch-panel input[type="text"]::placeholder,
body[data-theme="light"] #gsearch-panel input[type="search"]::placeholder{
  color:#586b82!important;
  opacity:1!important;
}
body[data-theme="light"] #gsearch-panel .gsp-input:focus,
body[data-theme="light"] #gsearch-panel input[type="text"]:focus,
body[data-theme="light"] #gsearch-panel input[type="search"]:focus{
  background:#fff!important;
  color:#111827!important;
  border-color:#4a8ddb!important;
  box-shadow:0 0 0 3px rgba(74,141,219,.14)!important;
}

/* Thanh hướng dẫn đang xám đen -> trắng mờ */
body[data-theme="light"] #gsearch-panel .gsp-place-actions{
  background:rgba(255,255,255,.48)!important;
  color:#24364c!important;
  border:1px solid rgba(177,201,228,.94)!important;
  box-shadow:none!important;
  backdrop-filter:blur(7px)!important;
  -webkit-backdrop-filter:blur(7px)!important;
}
body[data-theme="light"] #gsearch-panel .gsp-place-actions span,
body[data-theme="light"] #gsearch-panel .gsp-place-actions small{
  color:#24364c!important;
  opacity:1!important;
}
body[data-theme="light"] #gsearch-panel .gsp-place-actions button{
  background:rgba(255,255,255,.82)!important;
  color:#1d4f80!important;
  border:1px solid #bfd3e8!important;
}
body[data-theme="light"] #gsearch-panel .gsp-place-actions button:hover{
  background:#fff7ef!important;
  color:#b96909!important;
  border-color:#efc48d!important;
}

body[data-theme="light"] #gsearch-panel .gsp-source-badge,
body[data-theme="light"] #gsearch-panel .gsp-result-source{
  background:rgba(231,240,251,.82)!important;
  color:#2d5f93!important;
  border:1px solid #c6d8ed!important;
}
body[data-theme="light"] #gsearch-panel .gsp-empty,
body[data-theme="light"] #gsearch-panel .gsp-results-empty{
  color:#607894!important;
  background:transparent!important;
  opacity:1!important;
}

body[data-theme="light"] #gsearch-panel .btn,
body[data-theme="light"] #gsearch-panel button{
  background:rgba(255,255,255,.84)!important;
  color:#1d4f80!important;
  border:1px solid #bfd3e8!important;
}
body[data-theme="light"] #gsearch-panel .btn-primary,
body[data-theme="light"] #gsearch-panel button[type="submit"]{
  background:linear-gradient(135deg,#2b76d0,#4b94ea)!important;
  color:#fff!important;
  border-color:#2568b8!important;
}

/* DCKS 1.1.28 — chống che khuất text / cắt chữ ở trang quản trị và các panel khác */
body[data-theme="light"] .admin-section,
body[data-theme="light"] .dock-sec,
body[data-theme="light"] .mobile-tool-card,
body[data-theme="light"] .admin-action-card,
body[data-theme="light"] .planning-card,
body[data-theme="light"] .supply-card,
body[data-theme="light"] .export-card,
body[data-theme="light"] .rp-section,
body[data-theme="light"] .ad-section{
  overflow:visible!important;
}

/* Các tiêu đề khối: chừa chỗ cho vạch cam, không đè lên chữ */
body[data-theme="light"] .admin-section-title,
body[data-theme="light"] .dock-hdr,
body[data-theme="light"] .section-head,
body[data-theme="light"] .lpanel-top,
body[data-theme="light"] #right-panel .rpanel-top,
body[data-theme="light"] .panel-header,
body[data-theme="light"] .modal-header,
body[data-theme="light"] #map-legend .mlg-hdr{
  padding:10px 12px 10px 18px!important;
  min-height:38px!important;
  line-height:1.35!important;
  white-space:normal!important;
  overflow:visible!important;
  text-transform:none!important;
  letter-spacing:0!important;
  box-sizing:border-box!important;
}
body[data-theme="light"] .admin-section-title::before,
body[data-theme="light"] .dock-hdr::before,
body[data-theme="light"] .section-head::before,
body[data-theme="light"] .lpanel-top::before,
body[data-theme="light"] #right-panel .rpanel-top::before,
body[data-theme="light"] .panel-header::before,
body[data-theme="light"] .modal-header::before,
body[data-theme="light"] #map-legend .mlg-hdr::before{
  width:5px!important;
}
body[data-theme="light"] .admin-section-title,
body[data-theme="light"] .dock-hdr{font-size:13px!important;font-weight:700!important}
body[data-theme="light"] .admin-section-title *,
body[data-theme="light"] .dock-hdr *,
body[data-theme="light"] .section-head *,
body[data-theme="light"] .lpanel-top *,
body[data-theme="light"] #right-panel .rpanel-top *,
body[data-theme="light"] .panel-header *,
body[data-theme="light"] .modal-header *,
body[data-theme="light"] #map-legend .mlg-hdr *{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.35!important;
}

/* Các card công cụ ở trang quản trị/mobile: không cắt chữ, cho phép xuống dòng */
body[data-theme="light"] .admin-action-card,
body[data-theme="light"] .mobile-tool-card,
body[data-theme="light"] .admin-quick-action,
body[data-theme="light"] .tool-card,
body[data-theme="light"] .action-card{
  align-items:start!important;
  min-height:auto!important;
}
body[data-theme="light"] .admin-action-card>b,
body[data-theme="light"] .admin-action-card>small,
body[data-theme="light"] .mobile-tool-card b,
body[data-theme="light"] .mobile-tool-card small,
body[data-theme="light"] .admin-quick-action>b,
body[data-theme="light"] .admin-quick-action>small,
body[data-theme="light"] .tool-card b,
body[data-theme="light"] .tool-card small,
body[data-theme="light"] .action-card b,
body[data-theme="light"] .action-card small{
  display:block!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:break-word!important;
}
body[data-theme="light"] .admin-action-card>b,
body[data-theme="light"] .mobile-tool-card b,
body[data-theme="light"] .admin-quick-action>b,
body[data-theme="light"] .tool-card b,
body[data-theme="light"] .action-card b{font-size:12px!important;line-height:1.3!important}
body[data-theme="light"] .admin-action-card>small,
body[data-theme="light"] .mobile-tool-card small,
body[data-theme="light"] .admin-quick-action>small,
body[data-theme="light"] .tool-card small,
body[data-theme="light"] .action-card small{font-size:11px!important;line-height:1.3!important;opacity:1!important}

/* Nút và label trong trang quản trị không bị cắt */
body[data-theme="light"] #dp-admin .btn,
body[data-theme="light"] #dp-admin button,
body[data-theme="light"] #dp-admin label,
body[data-theme="light"] #dp-admin .admin-input,
body[data-theme="light"] #dp-admin .admin-select,
body[data-theme="light"] #dp-admin .stat-pill,
body[data-theme="light"] #dp-admin .sp-lbl,
body[data-theme="light"] #dp-admin .sp-val{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:break-word!important;
}

/* Mobile: nới cỡ chữ và chiều cao tiêu đề/nút để không che chữ */
@media (max-width: 760px){
  body[data-theme="light"] #dp-admin{padding:8px!important}
  body[data-theme="light"] .admin-section{padding:10px!important;margin-bottom:8px!important}
  body[data-theme="light"] .admin-section-title,
  body[data-theme="light"] .dock-hdr,
  body[data-theme="light"] .section-head{
    font-size:13px!important;
    min-height:40px!important;
    padding:10px 10px 10px 18px!important;
  }
  body[data-theme="light"] .admin-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body[data-theme="light"] .admin-action-card,
  body[data-theme="light"] .mobile-tool-card,
  body[data-theme="light"] .admin-quick-action{
    min-height:72px!important;
    padding:10px!important;
    grid-template-columns:32px minmax(0,1fr)!important;
  }
  body[data-theme="light"] .admin-action-card>span{width:30px!important;height:30px!important;font-size:15px!important}
  body[data-theme="light"] .admin-action-card>b,
  body[data-theme="light"] .mobile-tool-card b,
  body[data-theme="light"] .admin-quick-action>b{font-size:12px!important}
  body[data-theme="light"] .admin-action-card>small,
  body[data-theme="light"] .mobile-tool-card small,
  body[data-theme="light"] .admin-quick-action>small{font-size:10.5px!important}
}

/* DCKS 1.1.28 — tinh gọn menu dock bên phải, in hoa và đồng bộ viền với KPI */
body[data-theme="light"] #map-dock{
  gap:8px!important;
}
body[data-theme="light"] #map-dock .dock-sec{
  padding:10px 10px 10px!important;
  border:1px solid #b7cfe8!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,rgba(247,251,255,.96),rgba(238,245,253,.94))!important;
  box-shadow:0 6px 16px rgba(24,85,150,.08)!important;
}
body[data-theme="light"] #map-dock .dock-hdr{
  display:flex!important;
  align-items:center!important;
  min-height:30px!important;
  margin:0 0 8px!important;
  padding:6px 10px!important;
  border-radius:9px!important;
  border:1px solid #9fc4eb!important;
  background:linear-gradient(180deg,#f7fbff,#ebf4fe)!important;
  color:#205b93!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:.35px!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7)!important;
}
body[data-theme="light"] #map-dock .dock-hdr::before{
  display:none!important;
}
body[data-theme="light"] #map-dock .dock-hdr span,
body[data-theme="light"] #map-dock .dock-hdr b,
body[data-theme="light"] #map-dock .dock-hdr strong{
  color:inherit!important;
  font-size:inherit!important;
  font-weight:inherit!important;
  text-transform:inherit!important;
}
body[data-theme="light"] #map-dock .dock-ai .dock-hdr{
  color:#5a63a8!important;
  border-color:#cfd4fb!important;
  background:linear-gradient(180deg,#f6f5ff,#ecebff)!important;
}
body[data-theme="light"] #map-dock .dock-crs-note,
body[data-theme="light"] #map-dock .ai-hint,
body[data-theme="light"] #map-dock .dock-sec p,
body[data-theme="light"] #map-dock small{
  color:#6e87a2!important;
}
@media (min-width: 1024px){
  body[data-theme="light"] #map-dock{width:228px!important}
}

/* DCKS 1.1.28 — sửa dứt điểm font đậm/nhạt không đều tại map dock */
body[data-theme="light"] #map-dock,
body[data-theme="light"] #map-dock *{
  font-family:"Segoe UI",Tahoma,Arial,sans-serif!important;
  font-synthesis:none!important;
  text-shadow:none!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
}
body[data-theme="light"] #map-dock .dock-hdr{
  font-family:"Segoe UI",Tahoma,Arial,sans-serif!important;
  font-size:12px!important;
  font-style:normal!important;
  font-weight:700!important;
  line-height:1.25!important;
  letter-spacing:.25px!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  text-shadow:none!important;
}
body[data-theme="light"] #map-dock .dock-hdr,
body[data-theme="light"] #map-dock .dock-hdr *{
  font-weight:700!important;
  font-style:normal!important;
  color:inherit!important;
}
body[data-theme="light"] #map-dock button,
body[data-theme="light"] #map-dock select,
body[data-theme="light"] #map-dock option,
body[data-theme="light"] #map-dock .dock-btn,
body[data-theme="light"] #map-dock .dock-exp-btn,
body[data-theme="light"] #map-dock .lpf-btn{
  font-family:"Segoe UI",Tahoma,Arial,sans-serif!important;
  font-size:11px!important;
  font-style:normal!important;
  font-weight:600!important;
  line-height:1.25!important;
  letter-spacing:0!important;
  text-transform:none!important;
  text-shadow:none!important;
}
body[data-theme="light"] #map-dock .dock-crs-note,
body[data-theme="light"] #map-dock .dock-ai-body,
body[data-theme="light"] #map-dock .dock-sec p,
body[data-theme="light"] #map-dock small,
body[data-theme="light"] #map-dock .bm-name{
  font-family:"Segoe UI",Tahoma,Arial,sans-serif!important;
  font-size:10px!important;
  font-style:normal!important;
  font-weight:400!important;
  line-height:1.35!important;
  letter-spacing:0!important;
  text-transform:none!important;
  text-shadow:none!important;
}
body[data-theme="light"] #map-dock b,
body[data-theme="light"] #map-dock strong{
  font-weight:600!important;
}

/* DCKS 1.1.28 — kéo thả nhóm/lớp, giao diện nhóm kiểu KPI và khóa sửa tên theo quyền */
body[data-theme="light"] #layer-panel .cat-group{
  margin:7px 7px 9px!important;
  border:1px solid #bdd4ec!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,rgba(248,252,255,.98),rgba(237,246,255,.96))!important;
  box-shadow:0 5px 14px rgba(24,84,150,.07)!important;
  overflow:hidden!important;
  transition:border-color .15s,box-shadow .15s,transform .15s!important;
}
body[data-theme="light"] #layer-panel .cat-header{
  min-height:42px!important;
  padding:6px 8px!important;
  gap:6px!important;
  background:linear-gradient(180deg,#f5faff,#e5f1fd)!important;
  border:0!important;
  border-left:4px solid #2f7fd8!important;
  border-bottom:1px solid #c9dced!important;
  color:#204d78!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;
}
body[data-theme="light"] #layer-panel .cat-header:hover{
  background:linear-gradient(180deg,#f9fcff,#eaf5ff)!important;
  border-left-color:#ef8b1f!important;
}
body[data-theme="light"] #layer-panel .cat-drag-handle,
body[data-theme="light"] #layer-panel .drag-handle{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:21px!important;
  height:27px!important;
  flex:0 0 21px!important;
  border-radius:7px!important;
  color:#6282a3!important;
  cursor:grab!important;
  user-select:none!important;
  touch-action:none!important;
}
body[data-theme="light"] #layer-panel .cat-drag-handle:hover,
body[data-theme="light"] #layer-panel .drag-handle:hover{
  background:#d9ebfd!important;
  color:#1766b6!important;
}
body[data-theme="light"] #layer-panel .cat-drag-handle:active,
body[data-theme="light"] #layer-panel .drag-handle:active{cursor:grabbing!important}
body[data-theme="light"] #layer-panel .cat-name-inp,
body[data-theme="light"] #layer-panel .layer-name-inp{
  min-width:0!important;
  width:100%!important;
  padding:3px 6px!important;
  border:1px solid transparent!important;
  border-radius:6px!important;
  background:transparent!important;
  color:#173f69!important;
  font:700 12px/1.25 "Segoe UI",Arial,sans-serif!important;
  outline:none!important;
  box-shadow:none!important;
  text-overflow:ellipsis!important;
}
body[data-theme="light"] #layer-panel .cat-name-inp:hover,
body[data-theme="light"] #layer-panel .layer-name-inp:hover{background:rgba(255,255,255,.62)!important;border-color:#c4d9ed!important}
body[data-theme="light"] #layer-panel .cat-name-inp:focus,
body[data-theme="light"] #layer-panel .layer-name-inp:focus{background:#fff!important;border-color:#2f7fd8!important;box-shadow:0 0 0 3px rgba(47,127,216,.12)!important}
body[data-theme="light"] #layer-panel .cat-name-text,
body[data-theme="light"] #layer-panel .layer-name{
  color:#173f69!important;
  font-weight:700!important;
}
body[data-theme="light"] #layer-panel .cat-count{
  min-width:25px!important;
  height:24px!important;
  padding:0 7px!important;
  border:1px solid #bfd5eb!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.70)!important;
  color:#355f88!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-weight:700!important;
}
body[data-theme="light"] #layer-panel .cat-body{
  background:rgba(255,255,255,.70)!important;
}
body[data-theme="light"] #layer-panel .layer-item{
  margin:4px 6px!important;
  border:1px solid transparent!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.82)!important;
}
body[data-theme="light"] #layer-panel .layer-item:hover{
  background:#eef7ff!important;
  border-color:#c4d9ed!important;
}
body[data-theme="light"] #layer-panel .layer-item.dragging,
body[data-theme="light"] #layer-panel .cat-group.dragging{
  opacity:.45!important;
  transform:scale(.985)!important;
}
body[data-theme="light"] #layer-panel .layer-item.drag-over{
  border-color:#2f7fd8!important;
  box-shadow:0 0 0 3px rgba(47,127,216,.15)!important;
  background:#e3f1ff!important;
}
body[data-theme="light"] #layer-panel .cat-group.cat-drop-over{
  border-color:#ef8b1f!important;
  box-shadow:0 0 0 3px rgba(239,139,31,.16),0 7px 18px rgba(24,84,150,.10)!important;
}
body[data-theme="light"] #layer-panel .cat-group.cat-drop-over>.cat-header{
  background:linear-gradient(180deg,#fff9f0,#ffeedb)!important;
  border-left-color:#ef8b1f!important;
}
body[data-theme="light"] #layer-panel .layer-parent-name{
  color:#7890a8!important;
  font-size:8.5px!important;
}


/* === DCKS 1.1.30 — tinh gọn giao diện sáng, toolbar mở mặc định, panel gọn hơn === */
body[data-theme="light"] #left-panel .cat-group{margin:0 0 6px!important}
body[data-theme="light"] #left-panel .cat-header{
  min-height:36px!important;
  padding:6px 8px!important;
  gap:6px!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#f7fbff 0%,#eaf3ff 100%)!important;
  border:1px solid #ccdeef!important;
  border-left:4px solid #ef8c20!important;
  box-shadow:0 4px 12px rgba(52,96,148,.08)!important;
}
body[data-theme="light"] #left-panel .cat-header:hover{background:linear-gradient(180deg,#eef7ff 0%,#deedff 100%)!important}
body[data-theme="light"] #left-panel .cat-header .cat-name-text,
body[data-theme="light"] #left-panel .cat-header .cat-name-inp{font-size:12px!important;font-weight:700!important;line-height:1.2!important}
body[data-theme="light"] #left-panel .cat-count,
body[data-theme="light"] #left-panel .layer-feat-count{
  min-width:28px!important;height:22px!important;line-height:20px!important;padding:0 8px!important;
  border-radius:999px!important;border:1px solid #c8dbef!important;
  background:rgba(255,255,255,.78)!important;color:#5f7693!important;font-size:11px!important;font-weight:700!important;
}
body[data-theme="light"] #left-panel .cat-body{padding:4px 6px 6px!important}
body[data-theme="light"] #left-panel .layer-item{
  margin:2px 0!important;border-radius:10px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
  border:1px solid #dce8f4!important;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
body[data-theme="light"] #left-panel .layer-row1{padding:4px 7px!important;min-height:30px!important;gap:5px!important}
body[data-theme="light"] #left-panel .layer-row2{padding:0 8px 6px!important;gap:5px!important}
body[data-theme="light"] #left-panel .layer-detail{padding-bottom:4px!important}
body[data-theme="light"] #left-panel .layer-name,
body[data-theme="light"] #left-panel .layer-name-inp{font-size:11px!important;font-weight:600!important;line-height:1.25!important}
body[data-theme="light"] #left-panel .layer-parent-name{display:none!important}
body[data-theme="light"] #left-panel .layer-dot{width:8px!important;height:8px!important;flex:0 0 8px!important}
body[data-theme="light"] #left-panel .drag-handle,
body[data-theme="light"] #left-panel .cat-drag-handle,
body[data-theme="light"] #left-panel .layer-caret,
body[data-theme="light"] #left-panel .cat-arrow{opacity:.75!important}
body[data-theme="light"] #left-panel .layer-item:hover,
body[data-theme="light"] #left-panel .layer-item:focus-within{
  background:linear-gradient(180deg,#eef7ff 0%,#dceeff 100%)!important;
  border-color:#8ab6e3!important;
  box-shadow:0 6px 14px rgba(43,106,175,.13)!important;
  transform:translateX(1px)!important;
}
body[data-theme="light"] #left-panel .layer-item:hover .layer-name,
body[data-theme="light"] #left-panel .layer-item:focus-within .layer-name,
body[data-theme="light"] #left-panel .layer-item:hover .layer-name-inp,
body[data-theme="light"] #left-panel .layer-item:focus-within .layer-name-inp{color:#0f5da8!important}
body[data-theme="light"] #left-panel .search-wrap{padding:8px 10px!important}
body[data-theme="light"] #left-panel .search-input{height:32px!important;padding:0 12px!important;font-size:12px!important}

body[data-theme="light"] #gsearch-panel{
  width:min(760px,calc(100vw - 180px))!important;max-width:760px!important;
}
body[data-theme="light"] #gsearch-panel .gsp-inner{
  padding:12px 14px!important;border-radius:18px!important;
  background:linear-gradient(180deg,rgba(248,252,255,.98),rgba(239,246,255,.96))!important;
}
body[data-theme="light"] #gsearch-panel .gsp-mode-grid{gap:10px!important;margin-bottom:10px!important}
body[data-theme="light"] #gsearch-panel .gsp-mode-card{
  min-height:52px!important;padding:10px 12px!important;border-radius:14px!important;
  background:linear-gradient(180deg,#f7fbff,#edf5ff)!important;border:1px solid #cadef0!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;
}
body[data-theme="light"] #gsearch-panel .gsp-mode-card .gsp-mode-icon{width:28px!important;height:28px!important;flex:0 0 28px!important}
body[data-theme="light"] #gsearch-panel .gsp-mode-card b{font-size:12px!important}
body[data-theme="light"] #gsearch-panel .gsp-mode-card small{font-size:10px!important;line-height:1.25!important}
body[data-theme="light"] #gsearch-panel .gsp-input-row{padding:0!important;gap:8px!important}
body[data-theme="light"] #gsearch-panel .gsp-input{height:34px!important;padding:0 12px!important;font-size:12px!important}
body[data-theme="light"] #gsearch-panel .gsp-place-actions{
  min-height:auto!important;padding:8px 10px!important;margin:8px 0 6px!important;
  background:rgba(255,255,255,.7)!important;border:1px solid #d2e2f2!important;border-radius:12px!important;
}
body[data-theme="light"] #gsearch-panel .gsp-source-line{margin:4px 0 6px!important}
body[data-theme="light"] #gsearch-panel .gsp-source-badge{font-size:10px!important;padding:4px 8px!important}
body[data-theme="light"] #gsearch-panel .gsp-results{
  min-height:56px!important;max-height:160px!important;padding:10px 8px!important;
  background:rgba(255,255,255,.35)!important;border:0!important;
}
body[data-theme="light"] #gsearch-panel .gsp-empty{font-size:11px!important;color:#758ba5!important;padding:8px 0!important}

body[data-theme="light"] #maptool-wrap{left:10px!important;top:84px!important}
body[data-theme="light"] #maptool-bar{
  background:linear-gradient(180deg,#f5fbff 0%,#e7f1fd 100%)!important;
  border:1px solid #c1d8ef!important;border-radius:16px!important;
  box-shadow:0 12px 24px rgba(39,79,121,.16)!important;
  padding:6px 5px!important;
}
body[data-theme="light"] #maptool-toggle{
  background:linear-gradient(180deg,#f3f9ff,#e4effc)!important;color:#255e98!important;
  border:1px solid #c1d8ef!important;box-shadow:0 6px 16px rgba(37,94,152,.12)!important;
}
body[data-theme="light"] #maptool-bar .maptool{
  background:linear-gradient(180deg,#eef6ff 0%,#dcecff 100%)!important;
  border:1px solid #c1d8ef!important;color:#1d5fa5!important;
  box-shadow:none!important;
}
body[data-theme="light"] #maptool-bar .maptool:hover{
  background:linear-gradient(180deg,#dceeff 0%,#c6e0ff 100%)!important;
  border-color:#8fb8e5!important;color:#0d5ba7!important;transform:translateY(-1px)!important;
}
body[data-theme="light"] #maptool-bar .maptool.active{
  background:linear-gradient(180deg,#54a0ff 0%,#2e79d4 100%)!important;
  border-color:#2d6db7!important;color:#fff!important;
}
body[data-theme="light"] #maptool-bar .maptool-sep{background:rgba(122,161,202,.28)!important}

.leaflet-control-scale{background:transparent!important;border:0!important;box-shadow:none!important;margin-left:10px!important;margin-bottom:42px!important}
.leaflet-control-scale-line{
  position:relative!important;background:transparent!important;border:none!important;box-shadow:none!important;
  padding:0 0 12px 0!important;border-radius:0!important;color:#203b63!important;font-weight:700!important;
}
.leaflet-control-scale-line:before{
  content:"";position:absolute;left:0;right:0;bottom:0;height:8px;
  background:linear-gradient(90deg,#11253f 0 50%,#ffffff 50% 100%)!important;border:1px solid #11253f!important;
  box-sizing:border-box!important
}
.leaflet-control-scale-line:after{display:none!important}

body.is-desktop[data-theme="light"] #right-panel{width:460px!important;max-width:min(31vw,460px)!important}
body[data-theme="light"] #right-panel .rpanel-body{padding:8px!important}
body[data-theme="light"] #right-panel .ad-head{padding:12px 13px!important;margin-bottom:9px!important}
body[data-theme="light"] #right-panel .ad-head-title{font-size:14px!important;line-height:1.2!important}
body[data-theme="light"] #right-panel .ad-head-sub{font-size:11px!important}
body[data-theme="light"] #right-panel .ad-tabs{padding:7px!important;gap:6px!important}
body[data-theme="light"] #right-panel .ad-tab{padding:8px 7px!important;font-size:11.5px!important;min-height:34px!important}
body[data-theme="light"] #right-panel .ad-section{margin-bottom:8px!important}
body[data-theme="light"] #right-panel .ad-summary-band{display:grid!important;grid-template-columns:minmax(0,1.45fr) repeat(2,minmax(0,.8fr))!important;gap:8px!important}
body[data-theme="light"] #right-panel .ad-summary-band>div,
body[data-theme="light"] #right-panel .ad-kpis>div,
body[data-theme="light"] #right-panel .scope-box,
body[data-theme="light"] #right-panel .summary-card,
body[data-theme="light"] #right-panel .quick-stat{
  min-height:58px!important;padding:10px 11px!important;border-radius:14px!important;
  background:linear-gradient(180deg,#f1f7ff,#e3eefc)!important;border:1px solid #c9dced!important;
}
body[data-theme="light"] #right-panel .ad-summary-band span,
body[data-theme="light"] #right-panel .ad-kpis span,
body[data-theme="light"] #right-panel .scope-box small,
body[data-theme="light"] #right-panel .summary-card small,
body[data-theme="light"] #right-panel .quick-stat small{font-size:10.5px!important;line-height:1.2!important}
body[data-theme="light"] #right-panel .ad-summary-band b,
body[data-theme="light"] #right-panel .ad-kpis b,
body[data-theme="light"] #right-panel .scope-box b,
body[data-theme="light"] #right-panel .summary-card b,
body[data-theme="light"] #right-panel .quick-stat b{font-size:14px!important;line-height:1.15!important}