/* ── Mobile sidebar toggle (repurposed as the "more tools" menu button) ────────── */
#mob-sb-btn{display:none;background:rgba(56,189,248,.15);border:1px solid rgba(56,189,248,.3);color:var(--accent);padding:6px 12px;border-radius:var(--r);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;}
#mob-sb-btn:hover{background:rgba(56,189,248,.25);}

/* ── Mobile overlay (behind slide-up panel) ─────────────────────────────────── */
#mob-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:1999;}

/* ── Bottom mobile tab bar ──────────────────────────────────────────────────── */
#mob-tabs{display:none;position:fixed;bottom:0;left:0;right:0;z-index:2001;background:rgba(7,12,20,.95);border-top:1px solid var(--b2);backdrop-filter:blur(12px);}
.mob-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 4px;cursor:pointer;color:var(--muted);font-size:9px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;border:none;background:transparent;transition:color .15s;}
.mob-tab:hover,.mob-tab.active{color:var(--accent);}
.mob-tab .ti{display:flex;align-items:center;justify-content:center;}

/* ── Slide-up panel above tab bar ───────────────────────────────────────────── */
#mob-panel{display:none;position:fixed;bottom:var(--mob-tabs-h, 52px);left:0;right:0;z-index:2000;background:rgba(7,12,20,.97);border-top:1px solid var(--b2);backdrop-filter:blur(12px);max-height:55vh;overflow-y:auto;}
#mob-panel.visible{display:block;}
.mob-panel-content{display:none;}
.mob-panel-content.active{display:block;}

/* ── Mobile tools-menu rows (Import/Export/Weather/Undo/Redo/ECDIS) ────────────── */
.mob-tool-row{display:flex;align-items:center;gap:11px;width:100%;padding:13px 16px;background:transparent;border:none;border-bottom:1px solid var(--b1);color:var(--text);font-size:13px;font-weight:500;text-align:left;cursor:pointer;}
.mob-tool-row:last-child{border-bottom:none;}
.mob-tool-row:active{background:var(--s2);}
.mob-tool-row:disabled{opacity:.35;pointer-events:none;}

/* ── Breakpoints ────────────────────────────────────────────────────────────── */
@media(max-width:900px){
  #mob-tabs{display:flex;}
  #sb{display:none!important;}
  #mob-overlay.active{display:block;}
  #map{width:100%;flex:1;}
  .app-body{position:relative;padding-bottom:var(--mob-tabs-h, 52px);}
  /* Drop overlay: keep it truly centered on mobile too, just clear of the tab bar */
  #drop-ov{padding-bottom:calc(var(--mob-tabs-h, 52px) + 8px);}
  .drop-card{max-height:calc(100vh - 132px);overflow-y:auto;}
  /* mob-sb-btn now opens the tools menu (Import/Export/Weather/Undo/Redo/ECDIS) */
  #mob-sb-btn{display:flex!important;align-items:center;gap:5px;}
  .hdr-scroll{display:none;}
  .hdr-tools .btn.green{font-size:11px;padding:5px 9px;}
  .hdr-sep{display:none;}
  #sim-bar{flex-wrap:wrap;gap:5px;padding:6px 10px;margin-bottom:var(--mob-tabs-h, 52px);}
  .s-sep{display:none;}
  #lsw{top:8px;right:8px;gap:2px;}
  .lb{font-size:10px;padding:4px 7px;}
  #ctx-bar{z-index:2002;}
}
@media(max-width:480px){
  #hdr{padding:0 10px;gap:8px;}
  .hdr-brand p{font-size:8px;}
  .drop-card{padding:32px 20px;}
  .auth-card{padding:22px 18px;}
  .lb{font-size:10px;padding:4px 7px;}
}