/* SR4DXC 20261013d: real light theme for home cards and scrollable map spots.
   This is an additive overlay: no modifications to legacy style.css or filters. */

/* The full list is available after hovering a marker or tapping/clicking it.
   The header stays visible and only the list scrolls. */
.sr4-map-popover{
  display:flex;flex-direction:column;gap:5px;
  max-height:calc(100% - 12px);overflow:hidden;
  pointer-events:auto;overscroll-behavior:contain;
}
.sr4-map-popover[hidden]{display:none!important}
.sr4-map-popover b{flex:0 0 auto;margin-bottom:3px}
.sr4-map-popover ul{
  display:block;min-height:0;overflow-y:auto;overscroll-behavior:contain;
  scrollbar-width:thin;scrollbar-color:#6b9cbb transparent;
  padding-right:4px;touch-action:pan-y;
}
.sr4-map-popover li{min-height:24px}
.sr4-map-popover li:last-child{border-bottom:0}
.sr4-map-popover li strong{overflow-wrap:anywhere}

/* Light home palette. Navigation stays navy as an intentional brand element. */
html[data-theme="light"] body.sr4-home{
  background:#eef4f9;color:#17324a;
}
html[data-theme="light"] body.sr4-home .toolbar,
html[data-theme="light"] body.sr4-home #filters{
  background:#f8fbfe;color:#18344b;border-color:#b9d0e0;
  box-shadow:0 2px 9px rgba(23,54,80,.06);
}
html[data-theme="light"] body.sr4-home .toolbar #status{color:#266084}
html[data-theme="light"] body.sr4-home #filters label input:not([type="checkbox"]),
html[data-theme="light"] body.sr4-home #filters label select:not([multiple]){
  background:#fff;color:#17334a;border-color:#9fbacc;
}
html[data-theme="light"] body.sr4-home .sr4-spots-pane,
html[data-theme="light"] body.sr4-home .sr4-activity-card,
html[data-theme="light"] body.sr4-home .sr4-quicklink{
  background:#fff;border-color:#b8cede;color:#19344b;
  box-shadow:0 3px 14px rgba(23,54,80,.09);
}
html[data-theme="light"] body.sr4-home .sr4-pane-title,
html[data-theme="light"] body.sr4-home .sr4-activity-title{
  background:#dcebf6;color:#143650;border-bottom-color:#bed3e2;
}
html[data-theme="light"] body.sr4-home .sr4-activity-title span{color:#405e75}
html[data-theme="light"] body.sr4-home .sr4-spots-pane table{color:#1c3448}
html[data-theme="light"] body.sr4-home .sr4-spots-pane th{
  background:#c7dff0;color:#163b57;border-color:#a5c7de;
}
html[data-theme="light"] body.sr4-home .sr4-spots-pane td{
  border-bottom-color:#dae5ed;color:#20384a;
}
html[data-theme="light"] body.sr4-home .sr4-spots-pane tbody tr:nth-child(odd){background:#fff}
html[data-theme="light"] body.sr4-home .sr4-spots-pane tbody tr:nth-child(even){background:#edf5fb}
html[data-theme="light"] body.sr4-home .sr4-spots-pane tbody tr:hover{background:#cbe8f9}
html[data-theme="light"] body.sr4-home .sr4-spots-pane tbody tr.new{background:#c9e8f5}
html[data-theme="light"] body.sr4-home .sr4-spots-pane td:first-child a{color:#946000}
html[data-theme="light"] body.sr4-home .sr4-spots-pane td:last-child a{color:#176095}
html[data-theme="light"] body.sr4-home .sr4-spots-pane .qrg{
  color:#17384e!important;background:transparent!important;
}
html[data-theme="light"] body.sr4-home .sr4-spots-pane .mode-tag{color:#fff}
html[data-theme="light"] body.sr4-home .sr4-spots-pane .footerbar{background:#f6fafd;color:#456177}
html[data-theme="light"] body.sr4-home .sr4-spot-live{color:#167b45}
html[data-theme="light"] body.sr4-home .sr4-quicklink .sr4-quick-icon{color:#247cbb}
html[data-theme="light"] body.sr4-home .sr4-quicklink small{color:#4a6982}
html[data-theme="light"] body.sr4-home .sr4-quicklink:hover{
  background:#dfedf8;color:#123a58;border-color:#80b7df;
}
html[data-theme="light"] body.sr4-home .sr4-map-wrap{background:#eaf3f9}
html[data-theme="light"] body.sr4-home #sr4-world-status,
html[data-theme="light"] body.sr4-home .sr4-map-help,
html[data-theme="light"] body.sr4-home .sr4-map-legend{color:#4a6980}
html[data-theme="light"] body.sr4-home .sr4-map-controls button{
  background:#f7fbfe;color:#173e5e;border-color:#90b3cc;
}
html[data-theme="light"] body.sr4-home .sr4-map-controls button:hover{background:#d5e9f7}
html[data-theme="light"] body.sr4-home .sr4-map-popover{
  background:#fff;color:#1e3d53;border-color:#7caacb;
  box-shadow:0 8px 22px rgba(19,52,76,.25);
}
html[data-theme="light"] body.sr4-home .sr4-map-popover b{color:#145d8d}
html[data-theme="light"] body.sr4-home .sr4-map-popover li{border-bottom-color:#d4e4ee}
html[data-theme="light"] body.sr4-home .sr4-map-popover li strong{color:#946000}
html[data-theme="light"] body.sr4-home .sr4-map-popover ul{scrollbar-color:#9bbbd0 transparent}
html[data-theme="light"] body.sr4-home .sr4-support-card{
  background:#e0edf7;color:#17324a;border-color:#b4cce0;
}
html[data-theme="light"] body.sr4-home .sr4-support-card h2{color:#183750}
html[data-theme="light"] body.sr4-home .sr4-support-card p,
html[data-theme="light"] body.sr4-home .sr4-support-card .sr4-bank-label{color:#415f76}
html[data-theme="light"] body.sr4-home .sr4-support-card .sr4-bank-account{color:#173b57}
html[data-theme="light"] body.sr4-home footer{background:#eef4f9;color:#47647a;border-color:#bfd2e0}
html[data-theme="light"] body.sr4-home footer a{color:#21659a}