/* Navigation Control. Builds on the Helm theme (../Helm/styles.css) and replaces its page grid. */
.navigation main{max-width:1900px;grid-template-columns:minmax(420px,1fr) 400px;grid-template-rows:auto;align-items:start;gap:20px}
.navigation .workspace{grid-column:1;grid-row:1;min-width:0}
.side{grid-column:2;grid-row:1;min-width:0;margin:0}
.side-tabs{margin-bottom:20px}
.side-tabs button{flex:1}
.tab-panel>section+section{margin-top:20px;padding-top:20px;border-top:1px solid var(--edge)}
.navigation .map{height:560px}
.navigation #map{display:block;width:100%;height:100%;cursor:crosshair}
.system-pick{flex:0 0 220px}
.mapbottom button{padding:6px 10px;font-size:10px;letter-spacing:1px}
.locator .fields{flex-wrap:wrap;margin-bottom:12px}
.locator .fields label{min-width:96px}
.locator #pinReference{color:var(--cyan);font-weight:600}
.locator p{margin:0 0 14px;line-height:1.6}
#locatorReading.set{color:var(--cyan);font-size:13px;font-variant-numeric:tabular-nums}
.warning{color:#ffbe83;border-left:3px solid #ffbe83;padding-left:10px;font-size:12px}
.warning[hidden]{display:none}
.other-ship .selected-destination{padding:16px 0 8px}
.side .selected-destination strong{font-size:17px}
.side .selected-destination .actions{flex:1 1 100%}
.readout{margin:8px 0 0;padding:12px;border:1px dashed var(--edge);border-radius:6px;color:var(--cyan);font-size:13px;line-height:1.5;font-variant-numeric:tabular-nums}
.readout:empty{display:none}
#knownList{display:flex;flex-direction:column;gap:6px;max-height:560px;overflow-y:auto}
#knownList button{display:grid;grid-template-columns:1fr auto;gap:4px 10px;text-align:left;padding:9px 12px}
#knownList button[aria-current='true']{border-color:var(--cyan);background:#17303c}
.known-name{color:#e6edf6;font-weight:600}
.known-sources{display:flex;gap:4px}
.known-sources i{font-style:normal;font-size:9px;letter-spacing:1px;padding:2px 5px;border:1px solid var(--edge);border-radius:3px;color:var(--cyan)}
.known-detail{grid-column:1 / 3;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
.known-empty{color:var(--muted);font-size:12px;margin:0}
.navigation footer label{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.navigation footer button{padding:7px 10px;font-size:11px}
@media(max-width:1150px){.navigation main{grid-template-columns:minmax(0,1fr)}.side{grid-column:1;grid-row:2}.navigation .map{height:460px}}
@media(max-width:650px){.navigation main{display:flex;flex-direction:column}.navigation .workspace{order:1}.side{order:2}.navigation .map{height:380px}.maphead{flex-wrap:wrap}.system-pick{flex:1 1 100%}}
.system-pick,.other-ship>label{display:grid;gap:8px;font-size:11px;letter-spacing:1px;color:var(--muted)}
.side .selected-destination{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;align-items:start}
.side .selected-destination>[data-sd-field]:first-child,.side .selected-destination .sd-calculating,.side .selected-destination .actions{grid-column:1 / 3}
.side .selected-destination .actions button{flex:1}
#mapSelection{bottom:52px}
@media(max-width:650px){.mapbottom>span{display:none}.navigation footer{gap:10px}}