#layerPanel.workspace-panel {display:flex;flex-direction:column;background:rgba(246,249,250,.88);color:#203238;border-color:#c4d4d8;box-shadow:-4px 0 22px #102c341a;backdrop-filter:blur(16px);color-scheme:light;}
#layerPanel .layer-head {flex:none;border-bottom:1px solid #c7d8dc;background:rgba(255,255,255,.5);padding:12px;}
#layerPanel .layer-head h2 {font-size:15px;color:#16464a;}
#layerPanel .layer-head p {color:#526b73;}
#layerPanel .count-badge {color:#0c6b68;background:#d4ece7;border:0;font-size:11px;}
#layerPanel .layer-head-actions {gap:4px;}
#layerPanel .layer-head-actions button {color:#205b60;background:#fff9;border:1px solid #bdcfd3;box-shadow:none;}
#layerPanel .layer-close-btn {display:inline-grid;place-items:center;}
.workspace-tabs {display:flex;gap:4px;padding:8px 10px 0;flex:none;}
.workspace-tabs button {display:flex;align-items:center;justify-content:center;gap:7px;flex:1;min-height:36px;background:transparent;color:#536a71;border-bottom:2px solid transparent;font:600 13px Arial,Tahoma,sans-serif;border-radius:0;}
.workspace-tabs button[aria-pressed="true"] {color:#086b67;border-color:#0d8c80;background:#e0f0ed80;}
.workspace-tabs svg,.workspace-search svg {width:17px;height:17px;flex:none;}
.workspace-filter {display:flex;gap:6px;padding:10px 10px 4px;flex:none;}
.workspace-search {display:flex;align-items:center;gap:6px;flex:1;min-width:0;margin:0;border:1px solid #c4d3d7;border-radius:6px;background:#fff9;padding:0 8px;color:#527079;}
.workspace-search input {width:100%;min-width:0;min-height:34px;border:0;background:transparent;color:#213c44;padding:5px 0;font-size:13px;margin:0;}
.workspace-filter select {width:88px;min-height:34px;border:1px solid #c4d3d7;border-radius:6px;background:#fff9;color:#314f58;font-size:12px;padding:4px;}
.workspace-summary {margin:3px 12px 5px;font-size:11px;color:#587078;flex:none;}
#layerPanel .layer-list,.workspace-tools {flex:1;min-height:0;height:auto;overflow:auto;overscroll-behavior:contain;padding:0 10px 10px;gap:0;}
.workspace-group {font:700 11px/1.5 Arial,Tahoma,sans-serif;color:#587178;margin:12px 2px 5px;flex:none;}
#layerPanel .layer-item {background:transparent;border:0;border-bottom:1px solid #cad8dc;border-radius:0;box-shadow:none;}
#layerPanel .layer-item:hover {background:#ffffff60;}
#layerPanel .layer-main {padding:8px 3px;grid-template-columns:28px minmax(0,1fr) 36px 30px;gap:8px;}
#layerPanel .layer-symbol {border:0;box-shadow:none;border-radius:6px;background:transparent;color:var(--layer-color);}
#layerPanel .layer-symbol svg {filter:drop-shadow(0 0 1px #fff);}
#layerPanel [data-layer-id="sign"] .layer-symbol {color:#996600;}
#layerPanel [data-layer-id="land"] .layer-symbol {color:#187d4a;}
#layerPanel [data-layer-id="building"] .layer-symbol {color:#b85315;}
#layerPanel [data-layer-id="water"] .layer-symbol {color:#177ca3;}
#layerPanel .layer-title {color:#253c44;font-weight:600;}
#layerPanel .layer-meta {color:#62757c;font-size:11px;}
#layerPanel .layer-expand-btn {color:#4e7379;background:transparent;border:0;border-radius:5px;}
#layerPanel .layer-expand-btn:hover {background:#cee6e2;color:#086b67;}
#layerPanel .toggle {background:#aabec5;border:1px solid #96adb6;box-shadow:none;}
#layerPanel .toggle.on {background:#178a7e;border-color:#0d786d;}
#layerPanel .toggle span {background:#fff;box-shadow:0 1px 3px #173c4433;}
#layerPanel .layer-tools {background:#edf4f4;color:#24444b;border:0;border-radius:0;padding:10px;}
#layerPanel .layer-tools label,#layerPanel .layer-tools b,#layerPanel .layer-tools .layer-field-label {color:#35555e;}
#layerPanel .layer-tools input:not([type="range"]):not([type="color"]),#layerPanel .layer-tools button:not(.layer-delete-btn) {background:#fff;color:#274f58;border-color:#b9cdd1;}
#layerPanel .layer-tools .layer-hint {color:#5e747b;}
.workspace-command {display:grid;grid-template-columns:22px minmax(0,1fr) 14px;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 7px;background:transparent;color:#29464e;border:0;border-bottom:1px solid #cedcde;border-radius:0;text-align:left;font:13px Arial,Tahoma,sans-serif;}
.workspace-command svg {width:19px;height:19px;color:#117e75;}
.workspace-command svg:last-child {width:14px;height:14px;color:#7a9299;}
.workspace-command:hover {background:#dcefeb;}
.workspace-command:disabled {opacity:.5;cursor:not-allowed;}
#layerPanel button:focus-visible,#layerPanel input:focus-visible,#layerPanel select:focus-visible {outline:2px solid #087e75;outline-offset:1px;}
#layerPanel [hidden] {display:none !important;}
@media(max-width:760px) {
  .workspace-search input {font-size:16px;min-height:38px;}
  .workspace-tabs button {min-height:40px;}
  #layerPanel .layer-main {grid-template-columns:28px minmax(0,1fr) 36px 30px;}
  #layerPanel .toggle {width:36px;height:24px;}
  #layerPanel .toggle span {width:20px;height:20px;}
  #layerPanel .toggle.on span {transform:translateX(12px);}
}
@media(prefers-reduced-transparency:reduce) {#layerPanel.workspace-panel {background:#f6f9fa;backdrop-filter:none;}}

/* The top strip contains frequent map actions; secondary commands live in Workspace. */
.topbar {background:rgba(246,249,250,.9);color:#203b44;border-bottom:1px solid #c4d4d8;box-shadow:0 2px 12px #173e4412;backdrop-filter:blur(16px);gap:12px;padding:7px 12px;}
.topbar .brand {flex:none;width:auto;gap:8px;}
.topbar .brand strong {font-size:14px;color:#23474e;background:none;-webkit-text-fill-color:initial;letter-spacing:0;}
.topbar .brand-icon {width:30px;height:30px;min-width:30px;background:#e0efeb;color:#087c70;border:1px solid #b8d7d0;border-radius:7px;box-shadow:none;}
.topbar .brand-icon svg {width:18px;height:18px;}
.topbar .brand-version {background:#e2efed;color:#4d7477;border:0;box-shadow:none;font-size:10px;border-radius:4px;}
.topbar .toolbar {display:flex;flex:1;justify-content:flex-end;flex-wrap:wrap;gap:6px;overflow:visible;padding:0;mask-image:none;-webkit-mask-image:none;}
.topbar .tool-group {padding:0;gap:3px;border:0;border-radius:0;background:transparent;}
.topbar .icon-btn,.topbar .menu-btn,.topbar .base-select {background:rgba(255,255,255,.65);color:#335c64;border:1px solid #cadbde;box-shadow:none;min-height:34px;height:34px;border-radius:6px;}
.topbar .icon-btn,.topbar .menu-btn {display:inline-flex;align-items:center;justify-content:center;width:34px;min-width:34px;padding:7px;}
.topbar .icon-btn svg,.topbar .menu-btn svg {width:17px;height:17px;flex:none;}
.topbar .menu-btn span,.topbar .group-label {display:none;}
.topbar .base-select {width:148px;min-width:148px;font-size:12px;padding:0 8px;}
.topbar button:hover {background:#e1efeb;border-color:#83b7af;color:#086b63;}
.topbar #createBtn {background:#087f73;border-color:#087f73;color:#fff;}
.topbar #layerToggle {width:auto;gap:6px;padding:0 10px;}
.topbar #layerToggle.active {background:#def0eb;border-color:#80b9ae;color:#07695d;}
.workspace-button-label {font-size:12px;font-weight:600;white-space:nowrap;}
.topbar .user-badge {display:none;}
.topbar #refreshBtn,.topbar #measureBtn,.topbar #importBtn,.topbar #droneBtn,
.topbar #exportGeoBtn,.topbar #exportCsvBtn,.topbar #reportsLink,.topbar #adminLink,.topbar #publicMapLink,.topbar #auditLink {display:none;}
.topbar button:focus-visible,.topbar select:focus-visible {outline:2px solid #087f73;outline-offset:2px;}
@media(max-width:1024px) {
  .topbar {flex-direction:column;align-items:stretch;gap:5px;}
  .topbar .toolbar {justify-content:flex-start;}
}
@media(max-width:760px) {
  .topbar {padding:max(5px,env(safe-area-inset-top)) 6px 5px;}
  .topbar {position:relative;}
  .topbar .brand {padding-right:40px;min-height:32px;}
  .topbar #surveyTeamToggle {position:absolute;right:6px;top:max(4px,env(safe-area-inset-top));}
  .topbar .brand strong {font-size:13px;}
  .topbar .brand-icon {width:25px;height:25px;min-width:25px;}
  .topbar .toolbar {gap:4px;}
  .topbar .icon-btn,.topbar .menu-btn {width:34px;min-width:34px;}
  .topbar .base-select {width:110px;min-width:110px;padding:0 4px;}
  .topbar #homeBtn,.topbar #fieldToolsBtn {display:none;}
  .topbar #layerToggle {width:34px;padding:7px;}
  .workspace-button-label {display:none;}
}
@media(prefers-reduced-transparency:reduce) {.topbar {background:#f6f9fa;backdrop-filter:none;}}