/* MAVEN clean UI layer — hierarchy first, fewer simultaneous controls */
:root{
  --clean-bg:#040704;
  --clean-surface:rgba(8,13,9,.94);
  --clean-surface-2:#0b110d;
  --clean-border:rgba(132,161,139,.22);
  --clean-border-strong:rgba(255,159,28,.34);
  --clean-text:#eef4ef;
  --clean-muted:#87988c;
  --clean-accent:#ff9f1c;
  --clean-good:#b9ff78;
  --clean-info:#82e8ff;
  --clean-radius:12px;
  --clean-shadow:0 18px 50px rgba(0,0,0,.34);
}

body.clean-ui{background:var(--clean-bg)}
body.clean-ui header{
  min-height:52px;
  gap:7px;
  padding-top:max(7px,env(safe-area-inset-top));
  padding-bottom:7px;
  border-bottom:1px solid var(--clean-border);
  background:rgba(4,8,5,.96);
  box-shadow:0 8px 28px rgba(0,0,0,.18);
  overflow:visible;
}
body.clean-ui .brand{
  color:#f2c06f;
  font-size:12px;
  letter-spacing:.035em;
}
body.clean-ui .modebar{
  min-width:0;
  border-color:var(--clean-border);
  background:#070c08;
  border-radius:10px;
  padding:3px;
}
body.clean-ui .modebtn{
  border-color:transparent;
  background:transparent;
  color:#aab7ad;
  min-height:36px;
  padding:6px 9px;
  border-radius:7px;
}
body.clean-ui .modebtn:hover{background:#101712;color:var(--clean-text);border-color:var(--clean-border)}
body.clean-ui .modebtn.active{
  background:#182118;
  color:#ffd089;
  border-color:rgba(255,159,28,.32);
  box-shadow:inset 0 0 0 1px rgba(255,159,28,.08);
}
body.clean-ui .modebtn.command{
  background:#101812;
  color:var(--clean-good);
  border-color:rgba(185,255,120,.16);
}
body.clean-ui .pill{
  border-color:var(--clean-border);
  background:#071009;
  color:var(--clean-muted);
  padding:4px 7px;
}
body.clean-ui main{height:calc(100dvh - 52px)}
body.clean-ui .viewerShell{background:#010302}
body.clean-ui .command-rail{
  width:min(370px,calc(100vw - 20px));
  border-color:var(--clean-border);
  border-radius:14px;
  background:rgba(6,10,7,.98);
  box-shadow:var(--clean-shadow);
}
body.clean-ui .card{
  border-color:var(--clean-border);
  border-radius:10px;
  background:#070c08;
  box-shadow:none;
}
body.clean-ui .card:hover{transform:none!important}
body.clean-ui h2{color:#d7b16c;font-size:11px;letter-spacing:.03em}
body.clean-ui .metric{color:var(--clean-muted)}
body.clean-ui .metric b{color:#e8efe9;font-weight:750}
body.clean-ui .btn{
  border-color:var(--clean-border);
  background:#0a100c;
  color:#dce6de;
  min-height:40px;
  border-radius:8px;
}
body.clean-ui .btn:hover{background:#111a13;border-color:rgba(130,232,255,.28)}
body.clean-ui .map-control-grid button,
body.clean-ui .map-layer-grid button,
body.clean-ui #mapRefresh{
  border-color:var(--clean-border);
  background:#09100b;
  color:#b4c0b7;
}
body.clean-ui .map-control-grid button.active,
body.clean-ui .map-layer-grid button.active{
  background:#172117;
  color:#ffd089;
  border-color:rgba(255,159,28,.3);
}

/* Overflow menus replace the endless header ribbon. */
.clean-menu-wrap{position:relative;flex:0 0 auto}
.clean-menu-trigger{
  min-height:36px;
  border:1px solid var(--clean-border);
  border-radius:8px;
  background:#09100b;
  color:#c9d4cb;
  padding:6px 9px;
  font:850 9px ui-monospace,SFMono-Regular,Menlo,monospace;
  cursor:pointer;
  touch-action:manipulation;
}
.clean-menu-trigger[aria-expanded="true"]{color:#ffd089;border-color:rgba(255,159,28,.34);background:#141a12}
.clean-menu{
  position:absolute;
  z-index:120;
  top:calc(100% + 7px);
  right:0;
  width:min(330px,calc(100vw - 20px));
  max-height:min(70dvh,620px);
  overflow:auto;
  display:none;
  gap:5px;
  padding:7px;
  border:1px solid var(--clean-border);
  border-radius:12px;
  background:rgba(5,9,6,.99);
  box-shadow:var(--clean-shadow);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.clean-menu.open{display:grid}
.clean-menu .modebtn{
  width:100%;
  min-height:40px;
  justify-content:flex-start;
  text-align:left;
  border:1px solid transparent;
}
.clean-status-list{display:grid;gap:5px}
.clean-status-list .pill{display:flex!important;justify-content:space-between;align-items:center;min-height:32px}
.clean-section-label{
  padding:5px 5px 2px;
  color:#65766b;
  font-size:7px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body.clean-ui .clean-primary-only{display:flex}

@media(min-width:901px){
  body.clean-ui .modebar{
    flex:1 1 auto;
    overflow:visible;
  }
}

@media(max-width:900px){
  body.clean-ui header{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:5px;
  }
  body.clean-ui .brand{overflow:hidden;text-overflow:ellipsis}
  body.clean-ui .modebar{
    width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  body.clean-ui .modebar::-webkit-scrollbar{display:none}
  body.clean-ui main{height:calc(100dvh - 98px)}
  body.clean-ui .modebtn{min-height:42px}
  .clean-menu{position:fixed;top:auto;left:7px;right:7px;bottom:max(7px,env(safe-area-inset-bottom));width:auto;max-height:66dvh}
}

@media(max-width:430px){
  body.clean-ui header{padding-left:7px;padding-right:7px}
  body.clean-ui .brand{font-size:10px}
  body.clean-ui .modebar{gap:3px}
  body.clean-ui .modebtn{font-size:8px;padding:6px 8px}
  .clean-menu-trigger{min-height:40px}
}
@media(prefers-reduced-motion:reduce){
  body.clean-ui *, .clean-menu{transition:none!important}
}