+ (History/JSON sections) */
body.jl-dark-mode details {
background:#141821; border:1px solid #2a2f3a; border-radius:6px; padding:6px 8px;
}
body.jl-dark-mode details > summary {
color:#e6e6e6; cursor:pointer;
}
body.jl-dark-mode details pre {
background:#0f1420; color:#d6e7ff; border:1px solid #2a2f3a; border-radius:6px; padding:8px;
}
/* 5) Pager section (Prev / Next) */
body.jl-dark-mode .jl-pager a,
body.jl-dark-mode .jl-pager span,
body.jl-dark-mode .jl-pager input {
background:#1a2030; color:#e6e6e6; border:1px solid #2a2f3a; border-radius:6px; text-decoration:none;
}
body.jl-dark-mode .jl-pager a:hover { background:#232a3d; border-color:#394257; }
body.jl-dark-mode .jl-pager .disabled { opacity:.5; pointer-events:none; }
/* 6) Pick-row (search/select strip) */
body.jl-dark-mode .jl-pick-row select,
body.jl-dark-mode .jl-pick-row input[type="text"] {
background:#0f1420; color:#e6e6e6; border:1px solid #2a2f3a; border-radius:6px;
}
body.jl-dark-mode .jl-pick-row button:not(.btn) {
background:#1a2030; color:#e6e6e6; border:1px solid #2a2f3a; border-radius:6px;
}
body.jl-dark-mode .jl-pick-row button:not(.btn):hover { background:#232a3d; border-color:#394257; }
/* 6a) Intro/info strip on that page */
body.jl-dark-mode .jl-intro {
background:#141821; color:#e6e6e6; border:1px solid #2a2f3a;
}
/* 6b) Flash / msg banners */
body.jl-dark-mode .jl-msg { background:#233044; border:1px solid #2f3a52; color:#e6e6e6; }
body.jl-dark-mode .jl-msg.jl-is-ok { background:#142a19; border-color:#214c2b; color:#bfe7cc; }
body.jl-dark-mode .jl-msg.jl-is-err { background:#2a1416; border-color:#5b2b33; color:#f7c6cc; }
/* ==== DARK-MODE PATCH: addBtn, #matchTable remove buttons, and pair selects ==== */
/* A) Generic fallback for plain .btn (no Bootstrap variant classes) */
body.jl-dark-mode .btn:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-danger):not(.btn-warning):not(.btn-info):not(.btn-light):not(.btn-dark):not(.btn-outline-primary):not(.btn-outline-secondary):not(.btn-outline-success):not(.btn-outline-danger):not(.btn-outline-warning):not(.btn-outline-info):not(.btn-outline-light):not(.btn-outline-dark) {
background:#1a2030; color:#e6e6e6; border:1px solid #2a2f3a;
}
body.jl-dark-mode .btn:not([class*="btn-"]):hover { background:#232a3d; border-color:#394257; }
body.jl-dark-mode .btn:not([class*="btn-"]):active { background:#2b3146; border-color:#475274; }
/* A1) Specific “Add link” button */
body.jl-dark-mode #addBtn.btn {
background:#2563eb; border-color:#2563eb; color:#fff;
}
body.jl-dark-mode #addBtn.btn:hover { background:#1e4fd3; border-color:#1e4fd3; }
body.jl-dark-mode #addBtn.btn:active { background:#1a45ba; border-color:#1a45ba; }
/* B) Match table (grouped list) */
body.jl-dark-mode #matchTable { color:#e6e6e6; border-collapse:collapse; width:100%; }
body.jl-dark-mode #matchTable thead th {
background:#1a2030; color:#e6e6e6; border-bottom:1px solid #2a2f3a;
}
body.jl-dark-mode #matchTable th,
body.jl-dark-mode #matchTable td { border-bottom:1px solid #2a2f3a; }
/* Default row surface + zebra + hover */
body.jl-dark-mode #matchTable tbody tr > * { background:#141821; }
body.jl-dark-mode #matchTable tbody tr:nth-of-type(odd) > * { background:#11161f; }
body.jl-dark-mode #matchTable tbody tr:hover > * { background:#1a2030; }
/* Group header rows */
body.jl-dark-mode #matchTable tbody tr.jl-group > td {
background:#232a3d; color:#cbd5e1; font-weight:600;
border-top:1px solid #2a2f3a; border-bottom:1px solid #2a2f3a;
}
/* Remove buttons inside #matchTable (have class="btn" and data-del) */
body.jl-dark-mode #matchTable .btn[data-del] {
background:transparent; color:#ffb4b4; border:1px solid #a23a3a; border-radius:6px; padding:.35rem .7rem;
}
body.jl-dark-mode #matchTable .btn[data-del]:hover { background:#5a2424; color:#fff; }
body.jl-dark-mode #matchTable .btn[data-del]:active { background:#4a1f1f; }
/* C) The twin pick lists (scrollbars + inputs) */
body.jl-dark-mode .jl-pair .jl-box input[type="text"],
body.jl-dark-mode .jl-pair .jl-box select {
background:#0f1420; color:#e6e6e6; border:1px solid #2a2f3a; border-radius:6px;
}
/* Dark scrollbars inside those long selects */
body.jl-dark-mode .jl-pair .jl-box select { scrollbar-color:#596586 #0f1420; scrollbar-width:thin; }
body.jl-dark-mode .jl-pair .jl-box select::-webkit-scrollbar { width:10px; }
body.jl-dark-mode .jl-pair .jl-box select::-webkit-scrollbar-track { background:#0f1420; border-radius:8px; }
body.jl-dark-mode .jl-pair .jl-box select::-webkit-scrollbar-thumb { background:#596586; border-radius:8px; border:2px solid #0f1420; }
body.jl-dark-mode .jl-pair .jl-box select::-webkit-scrollbar-thumb:hover { background:#6a789d; }
/* Optional niceties */
body.jl-dark-mode .jl-pair .jl-box h4 { color:#e6e6e6; }
body.jl-dark-mode .jl-pair .jl-box .small { color:#9aa4af; }
/* /m365/customers dark fixes */
body.jl-dark-mode .form-select {
background-color:#0f1420; color:#e6e6e6; border-color:#2a2f3a;
}
body.jl-dark-mode .form-select:disabled {
background-color:#0d1117; color:#98a2b3; opacity:1;
}
/* Ensure multi-select options are readable in dark mode (Windows browsers can render