/* Globe console finish. Layout and scientific layer colors stay in their own modules. */
:root{
  --ui-bg:rgba(8,17,29,.95);
  --ui-border:rgba(159,189,213,.23);
  --ui-muted:#a6bbcb;
  --ui-accent:#72ced1;
  --ink:#edf4f8;
  --muted:#a6bbcb;
  --border:rgba(159,189,213,.18);
  --panel:rgba(8,17,29,.95);
  --accent:#72ced1;
  color-scheme:dark;
  background:#060c16;
}
body{background:#060c16;color:#edf4f8}
.shade{background:linear-gradient(90deg,rgba(4,11,21,.24),transparent 39%),linear-gradient(0deg,rgba(4,11,21,.12),transparent 22%)}
.panel,.util-mode .panel,#panel,.legend,.bottom,.mv-status,
body>.globe-quality,body>.region-info,
.world-nav,.world-reveal,#world-status{
  background:var(--ui-bg);
  border-color:var(--ui-border);
  box-shadow:0 9px 26px rgba(0,0,0,.25),inset 0 1px rgba(233,246,255,.035);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
body>.region-info.story{background:var(--ui-bg)}
.head,#panel header{background:none;border-bottom-color:var(--border)}
.head h1,#panel h1,.detail h2,.mv-status h3{color:#f3f7fb}
.head .sub,#panel header p{color:#adc1d0}
.head .eyebrow,#panel .eyebrow,.mv-kicker{color:#84c7d1}
.head-count,.detail-label{color:#aac0cf}
.status-dot,.detail-label-dot,#panel .eyebrow i{background:#72ced1;box-shadow:none}
.flow-nav,.vts-tools,.mv-status header,.mv-events,#panel>section{border-color:var(--border)}
.detail p,.panel .generation-card p{color:#dce8f0}
.panel .phase{color:#b6d9e4}
.panel .flow-nav .chapter{color:#93aebe;border-bottom-color:rgba(152,188,208,.27)}
.panel .flow-nav .chapter.active{color:#f1fbfc;border-bottom-color:#72ced1}
.panel .flow-nav .chapter.done{color:#b6ced8;border-bottom-color:#578b9a}
.flow-meta,.flow-meta button,.panel .data-details summary,.panel .scene-picker summary,.panel .event-log summary{color:#aec6d3}
.flow-meta button:hover,.panel summary:hover{color:#effaff}
.panel .segment-guide{background:rgba(81,137,171,.075);border-color:rgba(129,175,202,.22);border-left-color:#72ced1}
.panel .evidence,.panel .data-details,.panel .scene-picker,.panel .event-log{border-color:var(--border)}
.legend{color:#dce8f0}
.legend .sw{box-shadow:0 0 0 1px rgba(233,246,255,.17)}
.scrub{accent-color:#72ced1}

/* Small controls have one quiet surface, with a distinct selected state. */
.control,.panel .control,.panel .zoom-tools button,.panel .generation-buttons button,
.panel .util-chapters button,.panel .port-tabs button,.world-nav button,
.world-reveal button,.mv-views button,#panel button,#world-status button,
body>.globe-quality select,body>.region-info button{
  background:#122336;
  border-color:rgba(147,185,211,.27);
  color:#d9e9f2;
}
.control:hover,.panel .control:hover,.panel .zoom-tools button:hover,
.panel .generation-buttons button:hover,.panel .util-chapters button:hover,
.panel .port-tabs button:hover,.world-nav button:hover,.world-reveal button:hover,
.mv-views button:hover,#panel button:hover,#world-status button:hover,
body>.globe-quality select:hover,body>.region-info button:hover{
  background:#193249;
  border-color:rgba(144,208,220,.52);
  color:#f1fbff;
}
.control.primary,.panel .control.primary,.panel .generation-buttons button.active,
.panel .util-chapters button.active,.panel .port-tabs button.active,
.mv-views button.active,#panel button.on{
  background:#173b49;
  border-color:rgba(114,206,209,.58);
  color:#effdff;
}
body>.globe-quality{color:#bfd2df}
body>.globe-quality select{box-shadow:none}
body>.region-info dt{color:#a5bece}
.mv-vessel{background:rgba(119,166,201,.055);border-color:rgba(160,192,214,.15)}
.mv-vessel:hover{background:rgba(119,166,201,.12);border-color:rgba(160,192,214,.42)}
.mv-clock,.mv-clock-note,.mv-evidence,.mv-event small{color:#abc1d0}

/* World search and toggles remain readable over both sea and land. */
#panel input[type=search]{background:#0b192a;border-color:rgba(154,189,215,.30);color:#eef7fb;font-size:14px;box-shadow:inset 0 1px 3px rgba(0,0,0,.12)}
#panel input[type=search]::placeholder{color:#8fa8bb}
#panel input[type=search]:focus{border-color:#72ced1}
#panel h2,#panel .search-label{color:#bcd0de}
#panel .quick-ports button,#panel .map-style button{font-size:12px}
#panel .quick-ports button{padding:6px 6px;white-space:nowrap}
#panel .analysis-layer{color:#dce8f0;font-size:14px;line-height:1.5}
#panel .more-layers .analysis-layer{font-size:12px}
#panel .analysis-layer input{accent-color:#72ced1}
#analysis-layers .analysis-layer:nth-child(1) input{accent-color:#5ce2e4}
#analysis-layers .analysis-layer:nth-child(2) input{accent-color:#ffc177}
#analysis-layers .analysis-layer:nth-child(3) input{accent-color:#c4a2ec}
#analysis-layers .analysis-layer:nth-child(4) input{accent-color:#6bd8ac}
#panel .analysis-layer i{box-shadow:0 0 0 1px rgba(233,246,255,.14)}
#port-results{background:#0b192a;border-color:var(--ui-border)}
#panel #port-results button{background:transparent;border-bottom-color:var(--border)}
#panel #port-results button:hover{background:#193249}
#port-results small,#panel .quiet,#panel .source-section p{color:#a5bdce}
#world-status{color:#d3e4ed}
#world-map-hint,#world-lod-note{color:#b3c9d8;text-shadow:0 1px 5px #030812}
#busy,.world-loading{background:#060c16}
#busy span{color:#b4cad7}
.world-mode{background:#060c16}

@media(max-width:540px){
  #panel .analysis-layer{font-size:12px}
  #panel .quick-ports button,#panel .map-style button{font-size:11px}
}