/* SR / LR return row. Closed = hidden (zero height). No #app or grid-row overrides. */
#sph-nav-srlr-row{width:100%;box-sizing:border-box}
#sph-nav-srlr-row[hidden]{display:none!important}
#sph-nav-srlr-row:not([hidden]){max-height:min(62vh,760px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;margin-top:6px}
.srlr-toolbar,.srlr-settings-fields,.srlr-zodiac{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.srlr-timeline{width:100%;min-width:0;color:#e9f1ff;background:#0b1522;border:1px solid #536980;border-radius:10px;padding:10px;box-sizing:border-box;font:12px/1.45 TopoGlyph,system-ui,sans-serif}
.srlr-timeline[hidden],.srlr-timeline [hidden]{display:none!important}
.srlr-timeline button,.srlr-timeline select,.srlr-timeline input{background:#182a3d;color:#f7faff;border:1px solid #627e99;border-radius:5px;padding:5px 8px;font:inherit;font-size:12px;min-height:30px}
.srlr-timeline button:hover{background:#284460}
.srlr-timeline :focus-visible{outline:2px solid #ffe39a;outline-offset:2px}
.srlr-timeline button[aria-pressed=true]{border-color:#ffcf72;background:#493917}
.srlr-timeline select:disabled{opacity:.55}
.srlr-zodiac{padding-bottom:6px;border-bottom:1px solid #2f4258;margin-bottom:6px}
.srlr-zodiac-note{color:#ffe5ad;flex:1 1 260px}
.srlr-zodiac-note.srlr-differs{color:#ffb38a}
.srlr-date{margin-left:auto;font-variant-numeric:tabular-nums;color:#ffe5ad}

/* Timeline track: at most 128px tall. */
.srlr-track{height:112px;max-height:128px;position:relative;overflow:hidden;margin-top:8px;background:linear-gradient(#12263c,#0b1625);border:1px solid #5c7590;border-radius:8px;touch-action:none}
.srlr-ticks{position:absolute;inset:0}
.srlr-ticks span{position:absolute;top:4px;font-size:10px;color:#cfdef0;transform:translateX(-50%);white-space:nowrap}
.srlr-markers,.srlr-bands{position:absolute;inset:0;pointer-events:none}
#sph-nav-srlr-row .srlr-track .srlr-markers button.srlr-marker{pointer-events:auto;position:absolute;top:22px;width:25px;height:25px;min-height:0;padding:0;border-radius:50%;transform:translateX(-50%);font-size:10px;color:#301600;font-weight:bold;border:1px solid #ffd48a;background:radial-gradient(circle at 30% 23%,#fff7c3 0%,#f5b64a 42%,#a4440d 80%,#61300a);box-shadow:0 2px 7px #000a,inset -2px -3px 5px #56260088}
#sph-nav-srlr-row .srlr-track .srlr-markers button.srlr-marker.lr{top:54px;width:22px;height:22px;border-radius:50%;font-size:9px;color:#fff;border-color:#c3c8ff;background:radial-gradient(circle at 30% 23%,#e8e7ff,#8293f4 40%,#4e389c 80%)}
#sph-nav-srlr-row .srlr-track .srlr-markers button.srlr-marker[aria-current=true]{outline:2px solid #fff}
#sph-nav-srlr-row .srlr-track .srlr-markers button.srlr-marker.unavailable{background:#231d18;color:#ffd9b0;border:2px dashed #d99a55;box-shadow:none;cursor:not-allowed}
#sph-nav-srlr-row .srlr-track .srlr-markers button.srlr-marker.lr.unavailable{background:#1c1c2e;color:#d8dcff;border-color:#8f9be6}
.srlr-cursor{position:absolute;bottom:0;left:1%;width:98%;height:14px;accent-color:#ffd885;background:transparent!important;z-index:2}
#sph-nav-srlr-row .srlr-track button.srlr-coincidence-marker{pointer-events:auto;position:absolute;top:80px;min-height:0;padding:1px 3px;font-size:8px;transform:translateX(-50%);background:#34615e;color:#d5fff8;border-color:#94f2d3}
.srlr-legend{margin:4px 0 0;font-size:11px;color:#b9cde2}
.srlr-status{margin:5px 0;color:#c7dcf1;min-height:18px}
.srlr-settings summary,.srlr-more summary{cursor:pointer;color:#ffe3a2;padding:3px}
.srlr-settings-fields{padding:8px}
.srlr-settings-fields input[type=number]{width:86px}
.srlr-settings-fields p{flex-basis:100%;margin:3px 0;color:#c8d9ec}
.srlr-more{padding:0 8px}
.srlr-more-groups{border:1px solid #395570;border-radius:6px;margin:4px 0;padding:4px 8px;display:flex;flex-direction:column;gap:3px}
.srlr-more-groups label{display:flex;gap:6px;align-items:center}
.srlr-more-groups input{min-height:0}

/* 2x2 grid: SR sphere UL, SR listing UR, LR sphere LL, LR listing LR. Mobile stacks SR then LR. */
.srlr-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:8px}
.srlr-cell-sr-sphere{order:1}.srlr-cell-sr-list{order:2}.srlr-cell-lr-sphere{order:3}.srlr-cell-lr-list{order:4}
@media(min-width:1000px){
  .srlr-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"srs srl" "lrs lrl"}
  .srlr-cell-sr-sphere{grid-area:srs}.srlr-cell-sr-list{grid-area:srl}.srlr-cell-lr-sphere{grid-area:lrs}.srlr-cell-lr-list{grid-area:lrl}
}
.srlr-sphere-host,.srlr-list-pane{min-width:0;border:1px solid #465e78;border-radius:8px;overflow:hidden;background:#0d1c2c}
.srlr-cell-lr-sphere,.srlr-cell-lr-list{border-color:#5d5aa3}
.srlr-sphere-pane header,.srlr-list-pane header{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:7px;background:#162b40}
.srlr-sphere-pane header strong,.srlr-list-pane header strong{margin-right:auto;color:#ffe0a0}
.srlr-cell-lr-sphere header strong,.srlr-cell-lr-list header strong{color:#cbc6ff}
.srlr-sphere-pane canvas{display:block;width:min(100%,350px);height:auto;margin:auto;aspect-ratio:600/470;touch-action:none}
.srlr-pane-info,.srlr-pane-note,.srlr-list-note{font-size:11px;padding:0 8px;color:#d5e4f3;min-height:17px;margin:5px 0;overflow-wrap:anywhere}
.srlr-list{height:285px;overflow:auto;position:relative;overscroll-behavior:contain;padding:4px}
.srlr-list .srlr-event{display:grid;width:100%;grid-template-columns:1fr auto;text-align:left;margin-bottom:3px;padding:7px;gap:2px 8px;background:#102438;border-color:#395570}
.srlr-event time{font-size:10px;color:#b5cbe2;grid-column:1/-1}
.srlr-event small{color:#d4e1f1}
.srlr-list .srlr-event.active{background:#29475f;border-color:#9dd9ff}
.srlr-list .srlr-event.selected{outline:2px solid #ffd37a;outline-offset:-2px}
.srlr-list .srlr-event.coincident{border-left:4px solid #82e6c4}
.srlr-coincidences{margin-top:10px;border-top:1px solid #4d657e;padding-top:8px}
.srlr-coincidences input{width:65px}
.srlr-coincidence-rows{display:flex;flex-wrap:wrap;gap:5px;max-height:82px;overflow:auto;margin-top:8px}
.srlr-inspector{margin-top:6px;display:flex;flex-direction:column;gap:4px;overflow-wrap:anywhere}
.srlr-inspector button{text-align:left}
@media(max-width:620px){.srlr-list{height:230px}.srlr-toolbar{gap:4px}.srlr-date{margin:0;flex-basis:100%}}

/* On narrow screens an open chart belongs to its pane, leaving other pane
   controls reachable. Desktop windows retain independent floating positions. */
.srlr-chart-window.srlr-chart-inline{position:static;inset:auto;width:100%;min-width:0;max-width:100%;max-height:65vh;margin:6px 0 0;resize:vertical;z-index:auto;box-shadow:none}
.srlr-chart-window.srlr-chart-inline header{cursor:default;touch-action:auto}
.srlr-chart-window.srlr-chart-inline canvas{width:100%;max-width:100%;aspect-ratio:1;height:auto;touch-action:auto}
.srlr-chart-window.srlr-chart-inline p{overflow-wrap:anywhere}