/* September group feedback: explicit surface colors prevent light cards in dark pages. */
.history-record-status{max-width:28rem;white-space:normal;font-weight:400;line-height:1.5}
.history-record-status small{display:block;margin-top:6px}
.history-record-status details{margin-top:6px;font-size:12px}
.history-record-status summary{cursor:pointer;color:#86bfff;min-height:32px;display:list-item}
.history-record-status ul{margin:8px 0;padding-inline-start:18px}
html[data-theme="dark"] .notification-item{background:#162438;color:#eef3fb;border-color:#34475d;grid-template-columns:40px minmax(0,1fr) auto;gap:12px}
html[data-theme="dark"] .notification-item.is-unread{background:#1c3049;border-inline-start:3px solid #6db5ff}
html[data-theme="dark"] .notification-copy h4{color:#f2f6ff;font-size:14px;line-height:1.45}
html[data-theme="dark"] .notification-copy p{color:#bdcde0;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
html[data-theme="dark"] .notification-time{color:#9fb4ce;white-space:normal}
html[data-theme="dark"] .notification-icon{background:#203e60;color:#94cbff;width:40px;height:40px}
html[data-theme="dark"] .notification-item[data-notification-type="arrival"] .notification-icon{background:#194b40;color:#8aebc2}
html[data-theme="dark"] .notification-item[data-notification-type="approval"] .notification-icon{background:#4d3c21;color:#ffdc92}
html[data-theme="dark"] .notification-item[data-notification-type="payment"] .notification-icon{background:#3c315b;color:#dac1ff}
html[data-theme="dark"] .notification-item .unread-dot{width:12px;height:12px;background:#70baff;box-shadow:0 0 0 8px transparent;margin:12px 8px}
html[data-theme="dark"] :is(.planner-stop,.planner-empty){background:#142439;color:#edf4ff;border-color:#38516c}
html[data-theme="dark"] .planner-stop:has(input[type="checkbox"]:checked){background:#19394b;border-color:#4bafc1}
html[data-theme="dark"] .planner-stop-copy strong{color:#f1f6ff;font-size:13px;line-height:1.4}
html[data-theme="dark"] .planner-stop-copy small{color:#b4c9df;font-size:11px;white-space:normal;line-height:1.5}
html[data-theme="dark"] .planner-stop-fields label{color:#c6d7ea;font-size:11px;line-height:1.4}
html[data-theme="dark"] .planner-stop-number{background:#284d70;color:#dcecff}
html[data-theme="dark"] .planner-drag-panel>p{color:#b9cde3;line-height:1.6}
html[data-theme="dark"] .planner-drag-list{border-color:#3e5570;background:#102035}
html[data-theme="dark"] .planner-drag-card{background:#20374e;color:#edf5ff;border-color:#3b5873}
html[data-theme="dark"] .planner-drag-card>span{color:#edf5ff}
html[data-theme="dark"] .planner-drag-card>b{color:#70dfb6}
html[data-theme="dark"] .planner-drag-card button{background:#2e4c67;color:#e8f3ff}
html[data-theme="dark"] .planner-drag-card button:disabled{opacity:.4}
html[data-theme="dark"] .planner-drag-card.is-dragging{background:#215244;border-color:#6ce3ae}
html[data-theme="dark"] .planner-stop input{min-height:40px;font-size:13px}
html[data-theme="dark"] .planner-stop>input[type="checkbox"]{min-height:20px;width:20px;height:20px;accent-color:#54c5ae}
html[data-theme="dark"] .osm-map-legend{background:#15263af5;color:#e9f2ff;border:1px solid #415872;font-size:10px;line-height:1.4;box-shadow:0 3px 12px #07101e40}
html[data-theme="dark"] .osm-map-legend>span{color:#e9f2ff}
html[data-theme="dark"] .map-legend-notes summary{color:#b9d4f1}
html[data-theme="dark"] .map-legend-notes-content{background:#15263a;color:#cfdef0;border-color:#415872}
html[data-theme="dark"] .osm-map-legend :is(i.legend-passed,i.legend-remaining){border:0;box-shadow:none;height:4px;width:22px}
html[data-theme="dark"] .osm-map-legend i.legend-passed{background:#4bdd9a}
html[data-theme="dark"] .osm-map-legend i.legend-remaining{background:#ff6573}
html[data-theme="dark"] button[data-action="complete-journey-stop"]{background:#18764f!important;border-color:#48b484!important;color:#fff!important}
html[data-theme="dark"] button[data-action="missed-pickup"]{background:#a83243!important;border-color:#df6373!important;color:#fff!important}
html[data-theme="dark"] button[data-action="missed-pickup"]:disabled{background:#382b38!important;border-color:#61404f!important;color:#cda8b0!important}
@media(max-width:600px){
 .notification-item{padding:14px 12px;column-gap:10px}
 .notification-item>div:last-child{grid-column:2;display:flex;align-items:center;justify-content:space-between}
 .notification-item .notification-time{font-size:10px}
 .planner-stop{grid-template-columns:auto 28px minmax(0,1fr);gap:8px;padding:12px}
 .planner-stop>.avatar{display:none}
 .planner-stop-fields-four{display:grid;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}
 .planner-stop-fields-four label{min-width:0}
 .planner-stop-fields-four input{width:100%!important;min-width:0}
}