/* COORDS redesign v3.3 — шапка + сайдбар = final-ops */

:root{
  --rd-radius:8px;
  --rd-btn:transparent;
  --rd-btn-hover:rgba(255,255,255,.05);
  --rd-shadow:0 8px 24px rgba(0,0,0,.4);
  --rd-sidebar:#0d1117;
  --rd-panel:#161b22;
  --rd-line:#21262d;
  --rd-text:#e6edf3;
  --rd-muted:#8b949e;
  --rd-dim:#6e7681;
  --rd-amber:#e3b341;
}

/* ===== Header — лише таби по центру, без бренду ===== */
/* ===== Header — лише таби по центру, без бренду ===== */
.app{
  grid-template-columns:280px 1fr;
  grid-template-rows:40px 1fr;
}
.header{
  height:40px;padding:0 12px!important;
  background:#010409!important;
  border-bottom:1px solid var(--rd-line)!important;
  box-shadow:none!important;
}
.header-left .burger{display:none!important;}
.header-left .header-logo,
.header-left .header-title{display:none!important;}
.header-left{
  min-width:auto!important;width:auto!important;overflow:visible!important;
  padding:0!important;gap:8px!important;z-index:2;
}
.header-credit{
  display:inline-flex!important;align-items:center;
  font-size:12px;font-weight:500;color:var(--rd-dim);
  letter-spacing:.02em;white-space:nowrap;user-select:none;
}
.header-credit b{color:var(--rd-amber);font-weight:700;}
body.view-only .header-credit{display:none!important;}

.header-center{pointer-events:auto;}
.header .mode-tabs{
  display:flex!important;gap:0;margin:0;padding:0;
  background:transparent!important;border:none!important;border-radius:0!important;
}
.header .mode-tab{
  flex-direction:row!important;gap:6px!important;
  padding:0 12px!important;height:40px;border:none!important;border-radius:0!important;
  background:transparent!important;color:var(--rd-muted)!important;
  font-size:12.5px!important;font-weight:600!important;
  border-bottom:2px solid transparent!important;
  box-shadow:none!important;min-height:0!important;
}
.header .mode-tab i{font-size:11px;opacity:.75;}
.header .mode-tab:hover{color:var(--rd-text)!important;background:transparent!important;}
.header .mode-tab.active,
.header .mode-tab[data-mode="analytics"].active,
.header .mode-tab[data-mode="mining"].active{
  background:transparent!important;
  color:var(--rd-amber)!important;
  border-bottom-color:var(--rd-amber)!important;
  box-shadow:none!important;
}

.header-right{gap:4px;align-items:center;}
#headerHelpBtn,
#changelogBtn,
.theme-toggle{
  width:30px!important;height:30px!important;min-height:30px!important;
  padding:0!important;margin:0!important;
  border-radius:7px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  color:var(--rd-muted)!important;
  display:inline-flex!important;align-items:center;justify-content:center;
  font-size:13px!important;box-shadow:none!important;
  animation:none!important;
}
#headerHelpBtn:hover,
#changelogBtn:hover,
.theme-toggle:hover{
  color:var(--rd-text)!important;background:rgba(255,255,255,.05)!important;border-color:var(--rd-line)!important;
}
#changelogBtn.has-new,
#changelogBtnView.has-new{
  border-color:transparent!important;color:var(--rd-amber)!important;
  background:transparent!important;box-shadow:none!important;animation:none!important;
}
#changelogBtn .cl-dot,
#changelogBtn span,
#changelogBtn.has-new > span:last-child::after{display:none!important;content:none!important;}
#changelogBtn i{display:inline-block;color:inherit;}
.theme-toggle{line-height:1;}
.theme-toggle i{font-size:12px;color:inherit;}
#clock{
  font-size:11px;font-weight:600;color:var(--rd-dim);
  font-variant-numeric:tabular-nums;letter-spacing:.04em;
  padding:0 4px 0 2px;border:none;background:transparent;border-radius:0;
}

/* ===== Sidebar ===== */
#left{
  width:280px;background:var(--rd-sidebar)!important;
  border-right:1px solid var(--rd-line)!important;
  padding:12px 12px 18px!important;
}
#brand.rd-brand,
#brand{
  display:flex!important;align-items:center;gap:10px;
  margin:0 0 14px!important;padding:4px 2px!important;
  background:transparent!important;border:none!important;border-radius:0!important;
  box-shadow:none!important;
}
#brand img{
  width:28px!important;height:28px!important;border-radius:6px!important;
  object-fit:cover;border:1px solid var(--rd-line);
}
#brand-text-main{
  font-weight:800!important;font-size:15px!important;color:var(--rd-text)!important;
  letter-spacing:.14em!important;text-transform:uppercase!important;
}
#brand-text-sub{display:none!important;}

.rd-sec-label{
  font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--rd-dim);padding:14px 4px 8px;display:flex;align-items:center;gap:6px;
}
.rd-sec-label i{color:var(--rd-dim);font-size:10px;}
#sidebarOps > .rd-sec-label:first-child{padding-top:2px;}

/* Basemap */
#basemapSwitcher{
  margin:0 0 2px!important;padding:0!important;
  background:transparent!important;border:none!important;border-radius:0!important;
}
#basemapLabel{display:none!important;}
#basemapButtons.rd-basemap-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.basemap-btn.rd-basemap-card{
  position:relative;display:flex;flex-direction:column;padding:0!important;overflow:hidden;
  border-radius:8px!important;border:1px solid var(--rd-line)!important;
  background:#010409!important;min-height:0;text-align:left;box-shadow:none!important;
  color:var(--rd-muted)!important;text-transform:none!important;letter-spacing:0!important;
}
.basemap-btn.rd-basemap-card .rd-bm-thumb{
  display:block;height:64px;background-size:cover;background-position:center;width:100%;
}
.basemap-btn.rd-basemap-card .rd-bm-thumb.osm{background-image:url('../img/basemap/osm.jpg');}
.basemap-btn.rd-basemap-card .rd-bm-thumb.hybrid{background-image:url('../img/basemap/hybrid.jpg');}
.basemap-btn.rd-basemap-card .rd-bm-cap{
  padding:6px 8px;font-size:11px;font-weight:650;color:var(--rd-muted);
  display:block;border-top:1px solid var(--rd-line);text-align:left;
}
.basemap-btn.rd-basemap-card.active{
  border-color:var(--rd-amber)!important;
  background:#010409!important;color:var(--rd-amber)!important;
  box-shadow:none!important;
}
.basemap-btn.rd-basemap-card.active .rd-bm-cap{color:var(--rd-amber);}
.basemap-btn.rd-basemap-card.active::after{
  content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;
  position:absolute;top:6px;right:6px;
  width:18px;height:18px;border-radius:50%;
  background:var(--rd-amber);color:#0a0c10;
  font-size:9px;display:flex;align-items:center;justify-content:center;
  line-height:18px;text-align:center;
}

/* clear-before — один тихий рядок */
.rd-clear-before{
  display:flex;align-items:center;gap:8px;
  margin:0 0 8px;padding:2px 4px;
  font-size:11px;color:var(--rd-dim);cursor:pointer;font-weight:500;
}
.rd-clear-before input{margin:0;}

/* Import list — темні rounded rows як у мокапі */
#sidebarOps > .import-section#importSec1,
#sidebarOps > .import-section#importSec2,
#sidebarOps > .import-section#importSecCsv,
#sidebarOps > .import-section#importSecDoc,
#sidebarOps > .import-section#importSecKml,
#sidebarOps > .import-section#importSec4{
  background:var(--rd-panel)!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  margin:0 0 6px!important;
  overflow:hidden;
}
#sidebarOps > .import-section#importSec1 .import-section-header,
#sidebarOps > .import-section#importSec2 .import-section-header,
#sidebarOps > .import-section#importSecCsv .import-section-header,
#sidebarOps > .import-section#importSecDoc .import-section-header,
#sidebarOps > .import-section#importSecKml .import-section-header,
#sidebarOps > .import-section#importSec4 .import-section-header{
  padding:11px 12px!important;min-height:42px;
  border-radius:8px;background:transparent!important;
}
#sidebarOps > .import-section#importSec1 .import-section-header:hover,
#sidebarOps > .import-section#importSec2 .import-section-header:hover,
#sidebarOps > .import-section#importSecCsv .import-section-header:hover,
#sidebarOps > .import-section#importSecDoc .import-section-header:hover,
#sidebarOps > .import-section#importSecKml .import-section-header:hover,
#sidebarOps > .import-section#importSec4 .import-section-header:hover{
  background:rgba(255,255,255,.03)!important;
}
#sidebarOps .import-section-title{
  font-size:12.5px!important;font-weight:600!important;color:var(--rd-text)!important;
}
#sidebarOps .import-section-title i{
  width:18px;text-align:center;font-size:13px;margin-right:2px;
}
#sidebarOps #importSec1 .import-section-title i{color:#3fb950!important;}
#sidebarOps #importSecCsv .import-section-title i{color:#58a6ff!important;}
#sidebarOps #importSecDoc .import-section-title i{color:#a371f7!important;}
#sidebarOps #importSec2 .import-section-title i{color:var(--rd-muted)!important;}
#sidebarOps #importSecKml .import-section-title i{color:#f88134!important;}
#sidebarOps #importSec4 .import-section-title i{color:#a371f7!important;}
#sidebarOps .import-section-arrow{color:#484f58;font-size:10px;}
#sidebarOps > .import-section#importSec1.open,
#sidebarOps > .import-section#importSec2.open,
#sidebarOps > .import-section#importSecCsv.open,
#sidebarOps > .import-section#importSecDoc.open,
#sidebarOps > .import-section#importSecKml.open,
#sidebarOps > .import-section#importSec4.open{
  border-color:rgba(227,179,65,.28)!important;
  background:var(--rd-panel)!important;
}
#sidebarOps .import-section-body{max-height:0;padding:0 12px!important;}
#sidebarOps .import-section.open .import-section-body{
  max-height:680px;padding:0 12px 12px!important;
}

/* Actions — лише amber Share */
.rd-actions-pinned{
  display:grid;gap:4px;margin:4px 0 4px;padding:0;
  border:none;background:transparent;
}
#shareBtn,#analyticsShareBtn,#analyticsImportBtn,.mn-add-btn{
  background:var(--rd-amber)!important;
  border:1px solid var(--rd-amber)!important;
  color:#0a0c10!important;
  font-weight:750!important;
  border-radius:8px!important;
  font-size:13px!important;
  width:100%;
  display:inline-flex!important;align-items:center;justify-content:center;gap:8px;
  padding:11px 12px!important;min-height:42px;
  box-shadow:none!important;text-shadow:none!important;opacity:1!important;
  animation:none!important;
}
#shareBtn i,#analyticsShareBtn i,#analyticsImportBtn i,.mn-add-btn i{color:#0a0c10!important;}
#shareBtn.has-markers{color:#0a0c10!important;animation:none!important;}
#shareBtn:hover,#analyticsShareBtn:hover{filter:brightness(1.06);}
#clearBtn.rd-clear-link,
#clearBtn{
  background:transparent!important;
  border:none!important;
  color:var(--rd-dim)!important;border-radius:6px!important;
  font-weight:550!important;padding:6px 8px!important;font-size:11.5px!important;
  display:inline-flex!important;align-items:center;justify-content:center;gap:6px;width:100%;
  box-shadow:none!important;
}
#clearBtn:hover{color:#f85149!important;background:rgba(248,81,73,.06)!important;}
#clearBtn i{color:inherit!important;}

/* Admin — тихий список з роздільниками */
.rd-admin-block{
  margin-top:8px;padding-top:4px;border-top:1px solid var(--rd-line);
}
.rd-admin-block .rd-sec-label{padding-top:10px;}
.rd-admin-block > .import-section#secLbz{
  background:transparent!important;border:none!important;border-radius:0!important;
  margin:0!important;border-bottom:1px solid var(--rd-line)!important;
}
.rd-admin-block > .import-section#secLbz .import-section-header{
  padding:10px 6px!important;min-height:0;border-radius:0;
}
.rd-admin-block > .import-section#secLbz .import-section-title{
  font-size:12.5px!important;font-weight:550!important;color:var(--rd-text)!important;
}
.rd-admin-block > .import-section#secLbz .import-section-title i{
  color:var(--rd-dim)!important;width:16px;
}
.rd-admin-block > .import-section#secLbz .import-section-arrow{
  color:var(--rd-dim);opacity:.45;font-size:9px;
}
.rd-admin-block > .import-section#secLbz.open{
  background:transparent!important;border-color:var(--rd-line)!important;
}
.rd-admin-block > div:last-of-type{
  display:flex;flex-direction:column;gap:0;
}
#helpBtn{display:none!important;}
#logsBtn,#linksBtn,#archiveBtn,#settingsBtn,#connectionsBtn{
  display:flex!important;align-items:center;gap:10px;width:100%;
  padding:10px 6px!important;margin:0!important;
  border-radius:0!important;border:none!important;
  border-bottom:1px solid var(--rd-line)!important;
  background:transparent!important;color:var(--rd-text)!important;font-weight:550!important;
  text-align:left;justify-content:flex-start;font-size:12.5px!important;
  box-shadow:none!important;min-height:0!important;
}
#logsBtn:hover,#linksBtn:hover,#archiveBtn:hover,#settingsBtn:hover{
  background:rgba(255,255,255,.03)!important;
}
#logsBtn i,#linksBtn i,#archiveBtn i,#settingsBtn i,#connectionsBtn i{
  color:var(--rd-dim)!important;width:16px;text-align:center;font-size:12px;
}
#logsBtn::after,#linksBtn::after,#archiveBtn::after,#settingsBtn::after{
  content:"\f08e";font-family:"Font Awesome 6 Free";font-weight:900;
  margin-left:auto;font-size:9px;opacity:.35;color:var(--rd-dim);
}
.rd-admin-block .small{display:none!important;}

#onlineBox{
  margin-top:10px;padding:0;border:none;background:transparent;
}
#onlineBox > summary{
  cursor:pointer;list-style:none;font-size:10px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--rd-dim);font-weight:650;padding:6px 4px;
}
#onlineBox > summary::-webkit-details-marker{display:none;}
#onlineBox[open] > summary{margin-bottom:4px;}
#geoStatus,#onlineBody{font-size:10px!important;color:var(--rd-dim)!important;padding:0 4px;}
#connectionsBtn{
  margin-top:4px!important;border-bottom:none!important;color:var(--rd-muted)!important;
}

.rd-version{
  margin-top:14px;padding:4px 4px 0;font-size:10px;color:#484f58;
}

#importSec3,#exportGeoBtn,#exportKmlBtn,#copyGeoBtn,
#sidebarOps #rulerBtn,#sidebarOps #fitBtn{display:none!important;}
#secTypes[hidden]{display:none!important;}

/* Маркери — компактно внизу */
.rd-markers-label{display:none!important;}
#secMarkers{
  margin-top:8px!important;
  background:transparent!important;border:none!important;border-radius:0!important;
  border-top:1px solid var(--rd-line)!important;
}
#secMarkers .import-section-header{padding:10px 4px!important;}
#secMarkers .import-section-title{font-size:12px!important;color:var(--rd-muted)!important;}
#secMarkers .import-section-title i{color:var(--rd-dim)!important;}

/* ===== Map chrome ===== */
#map{background:#0a0c10;}
.map-tools{
  position:absolute;right:8px;bottom:56px;top:auto;transform:none;
  z-index:650;display:flex;flex-direction:column;gap:6px;pointer-events:none;
}
.map-tools .map-tool-stack{
  display:flex;flex-direction:column;gap:2px;pointer-events:auto;
  background:rgba(13,17,23,.88);border:1px solid var(--border);
  border-radius:10px;padding:3px;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  box-shadow:var(--rd-shadow);
}
.map-tool-btn{
  width:34px;height:34px;border-radius:8px;border:1px solid transparent;
  background:transparent;color:var(--text);cursor:pointer;
  display:flex;align-items:center;justify-content:center;font-size:13px;
}
.map-tool-btn:hover{background:var(--rd-btn-hover);border-color:var(--border);}
.map-tool-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);}
.map-tool-btn.is-empty{opacity:.4;}
.map-tool-btn#mapLbzBtn.active{
  color:#ff6b6b;border-color:rgba(226,33,28,.55);background:rgba(226,33,28,.15);
}
.map-zoom-stack{margin-top:2px;}

.map-coord-search{
  position:absolute;left:auto;right:56px;bottom:34px;transform:none;
  z-index:640;width:min(320px,calc(100% - 120px));
  display:flex;align-items:center;gap:8px;
  background:rgba(13,17,23,.9);border:1px solid var(--border);
  border-radius:999px;padding:8px 12px;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  box-shadow:var(--rd-shadow);
}
body.mode-analytics .map-coord-search,
body.mode-mining .map-coord-search,
body.view-only .map-coord-search{display:none;}
.map-coord-search i{color:var(--muted);}
.map-coord-search input{
  flex:1;border:0;outline:0;background:transparent;color:var(--text);
  font-size:12.5px;font-family:inherit;min-width:0;
}
.map-coord-search input::placeholder{color:var(--muted);}

.map-types-popup{
  position:absolute;right:52px;top:56px;z-index:660;
  width:min(250px,calc(100% - 88px));
  background:rgba(13,17,23,.94);border:1px solid var(--border);
  border-radius:12px;padding:12px;box-shadow:var(--rd-shadow);
  backdrop-filter:blur(10px);display:none;max-height:min(55vh,460px);overflow:auto;
}
.map-types-popup.open{display:block;}
.map-types-popup h4{
  margin:0;font-size:11px;font-weight:750;letter-spacing:.06em;
  text-transform:uppercase;color:var(--muted);
}
body.mode-analytics .map-types-popup,
body.mode-mining .map-types-popup{display:none!important;}

.map-ruler-chip{
  position:absolute;left:12px;bottom:34px;z-index:640;
  display:none;align-items:center;gap:8px;
  background:rgba(13,17,23,.92);border:1px solid rgba(227,179,65,.35);
  color:var(--text);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:650;
  box-shadow:var(--rd-shadow);
}
.map-ruler-chip.show{display:inline-flex;}
.map-ruler-chip i{color:var(--accent);}
.map-ruler-chip button{border:0;background:transparent;color:var(--muted);cursor:pointer;}

/* Hide default leaflet zoom (ми свої) */
.leaflet-control-zoom{display:none!important;}

/* Loader */
.app-loader{
  position:fixed;inset:0;z-index:100000;display:none;
  align-items:center;justify-content:center;flex-direction:column;gap:14px;
  background:rgba(10,12,16,.55);backdrop-filter:blur(2px);pointer-events:none;
}
.app-loader.show{display:flex;}
.app-loader-ring{
  width:42px;height:42px;border-radius:50%;
  border:3px solid rgba(227,179,65,.2);border-top-color:var(--accent);
  animation:rdSpin .7s linear infinite;
}
.app-loader-label{font-size:12px;font-weight:700;color:var(--accent);}
@keyframes rdSpin{to{transform:rotate(360deg);}}
#markerLoadBar{
  bottom:auto;top:50%;left:50%;transform:translate(-50%,-50%);
  display:none;align-items:center;gap:10px;padding:12px 18px;border-radius:14px;
  background:rgba(13,17,23,.92);border:1px solid rgba(227,179,65,.35);
}
#markerLoadBar::before{
  content:"";width:18px;height:18px;border-radius:50%;
  border:2px solid rgba(227,179,65,.25);border-top-color:var(--accent);
  animation:rdSpin .7s linear infinite;flex:0 0 auto;
}

/* ===== Analytics / Mining sidebars ===== */
.analytics-hero,.mining-hero{
  border:1px solid var(--rd-line,#21262d)!important;border-radius:8px!important;
  background:rgba(255,255,255,.02)!important;
  padding:12px!important;margin-bottom:10px!important;
}
.analytics-hero h3,.mining-hero h3{
  color:#e6edf3!important;font-size:13px!important;font-weight:700!important;
  letter-spacing:0!important;margin:0 0 6px!important;
}
.analytics-hero h3 i,.mining-hero h3 i{color:#e3b341;}
.analytics-hero p,.mining-hero p{font-size:11px!important;line-height:1.45!important;color:#8b949e!important;}
.an-panel,.mn-panel{
  border:1px solid var(--rd-line,#21262d)!important;border-radius:8px!important;
  background:transparent!important;padding:10px!important;margin-bottom:8px!important;
}
.an-stat{
  border-radius:8px!important;border:1px solid var(--rd-line,#21262d)!important;
  background:#010409!important;padding:8px 6px!important;text-align:center;
}
#miningShareBtn{
  background:transparent!important;border:1px solid rgba(227,179,65,.45)!important;
  color:#e3b341!important;
}
#miningShareBtn i{color:#e3b341!important;}

/* collapse btn quieter */
#sidebarCollapseBtn{
  background:#0d1117!important;border:1px solid #21262d!important;
  color:#8b949e!important;width:28px!important;height:48px!important;
  border-radius:0 8px 8px 0!important;
}

/* Auth V3 Split */
#authOverlay{
  display:flex;align-items:stretch;justify-content:stretch;
  background:#0a0c10;padding:0;
}
#authOverlay::before{display:none!important;content:none!important;}
#authOverlay.hidden{display:none;}
.auth-split{
  display:grid;grid-template-columns:minmax(280px,42%) 1fr;
  width:100%;min-height:100vh;min-height:100dvh;
}
.auth-brand{
  background:linear-gradient(165deg,#0d1117 0%,#161b22 55%,#0a0c10 100%);
  border-right:1px solid var(--border);
  padding:36px 32px 28px;display:flex;flex-direction:column;gap:18px;
  position:relative;overflow:hidden;
}
.auth-brand::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse at 20% 10%, rgba(227,179,65,.12), transparent 50%),
    radial-gradient(ellipse at 80% 90%, rgba(227,179,65,.06), transparent 45%);
}
.auth-brand > *{position:relative;z-index:1;}
.auth-brand-logo{display:flex;align-items:center;gap:12px;}
.auth-brand-logo img{width:48px;height:48px;border-radius:12px;border:1px solid var(--border);}
.auth-brand-name{font-size:22px;font-weight:800;letter-spacing:.18em;color:var(--accent);}
.auth-brand-tag{
  margin-top:8px;padding-top:14px;border-top:1px solid rgba(227,179,65,.35);
  font-size:14px;font-weight:600;color:var(--text);line-height:1.4;
}
.auth-brand-desc{font-size:13px;color:var(--muted);line-height:1.55;max-width:34ch;}
.auth-brand-feats{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:10px;}
.auth-brand-feats li{display:flex;gap:10px;font-size:12.5px;color:var(--text);line-height:1.4;}
.auth-brand-feats i{color:var(--accent);margin-top:2px;width:16px;text-align:center;}
.auth-brand-status{
  margin-top:auto;display:flex;align-items:center;gap:8px;
  font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--muted);
}
.auth-brand-status .dot{
  width:8px;height:8px;border-radius:50%;background:#3fb950;
  box-shadow:0 0 0 3px rgba(63,185,80,.2);
}
.auth-form-pane{
  position:relative;display:flex;align-items:center;justify-content:center;padding:24px 16px;
  background:
    linear-gradient(180deg, rgba(10,12,16,.55), rgba(10,12,16,.72)),
    url('../img/basemap/hybrid.jpg') center/cover no-repeat;
}
.auth-form-pane::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;
  background-image:
    linear-gradient(rgba(227,179,65,.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(227,179,65,.12) 1px, transparent 1px);
  background-size:48px 48px;
}
#authModal{
  position:relative;z-index:1;width:min(400px,94vw);
  background:rgba(22,27,34,.92);backdrop-filter:blur(10px);
  border:1px solid var(--border);border-radius:14px;padding:28px 24px 22px;
  box-shadow:var(--rd-shadow);text-align:center;
}
#authLogo{
  width:52px;height:52px;border-radius:50%;margin:0 auto 12px;
  display:flex;align-items:center;justify-content:center;
  background:var(--accent-dim);border:1px solid rgba(227,179,65,.35);
}
#authLogo img{width:28px;height:28px;object-fit:contain;border-radius:0;}
#authTitle{font-size:18px;font-weight:700;margin-bottom:4px;}
#authTitle::after{
  content:"";display:block;width:36px;height:2px;margin:10px auto 0;
  background:var(--accent);border-radius:2px;
}
#authSub{font-size:12px;color:var(--muted);margin:12px 0 14px;}
#authOk{background:var(--accent);border-color:var(--accent);color:#000;font-weight:800;}
@media (max-width:820px){
  .auth-split{grid-template-columns:1fr;}
  .auth-brand{display:none;}
  .auth-form-pane{min-height:100vh;min-height:100dvh;}
}

#secTypes[hidden]{display:none!important;}

body.sidebar-collapsed .app{
  grid-template-columns:0 1fr;
}

@media (max-width:720px){
  .header-left{
    width:auto!important;min-width:auto;overflow:visible;gap:8px;
  }
  .header-left .burger{
    display:inline-flex!important;align-items:center;justify-content:center;
    width:36px;height:36px;border:1px solid var(--rd-line);border-radius:8px;
    background:transparent;color:var(--rd-muted);font-size:16px;
  }
  .header .mode-tab span{display:none;}
  .header .mode-tab{padding:0 10px!important;}
  .map-coord-search{left:8px;right:52px;bottom:34px;width:auto;transform:none;}
  .map-tools{bottom:56px;right:6px;}
  .app{grid-template-columns:1fr;}
}

/* ===== View-only compact overlay ===== */
body.view-only #viewBrand{
  top:8px!important;left:8px!important;right:auto!important;
  max-width:min(420px,calc(100vw - 16px));
  padding:8px 10px!important;gap:8px!important;
  border-radius:10px!important;
  background:rgba(13,17,23,.92)!important;
  border:1px solid var(--rd-line)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.4)!important;
  align-items:center!important;flex-wrap:wrap;
}
body.view-only #viewBrandLogo{width:28px!important;height:28px!important;border-radius:6px!important;}
body.view-only #viewBrand-text-main{font-size:12px!important;letter-spacing:.12em!important;}
body.view-only #viewBrand-text-service{font-size:10px!important;}
body.view-only #viewBrand-text-sub{display:none!important;}
body.view-only #viewBrand-note{font-size:10px!important;margin-top:2px!important;line-height:1.35!important;}
body.view-only #viewBrand-actions{
  width:100%;margin-left:0!important;gap:6px!important;
  justify-content:flex-start!important;flex-wrap:nowrap;
}
body.view-only #changelogBtnView{
  width:30px!important;height:30px!important;min-height:30px!important;
  padding:0!important;justify-content:center!important;
  border-radius:7px!important;border:1px solid var(--rd-line)!important;
  background:transparent!important;color:var(--rd-muted)!important;
  box-shadow:none!important;animation:none!important;
}
body.view-only #changelogBtnView .cl-dot,
body.view-only #changelogBtnView > span:not(.cl-dot){display:none!important;}
body.view-only #changelogBtnView::before{
  content:"\f0f3";font-family:"Font Awesome 6 Free";font-weight:900;font-size:13px;
}
body.view-only #viewBasemapButtons{
  display:flex!important;gap:6px!important;margin:0!important;flex:1;
}
body.view-only #viewBasemapButtons .basemap-btn{
  flex:1;min-height:30px!important;padding:4px 8px!important;font-size:11px!important;
  border-radius:7px!important;text-transform:none!important;letter-spacing:0!important;
}
body.view-only .map-types-popup{top:8px!important;right:8px!important;}