/*
 * Copyright (c) 2026 Palm Beach Software Design, Inc. All rights reserved.
 * GroupMiles — Proprietary and confidential. Unauthorized copying,
 * distribution, or use is prohibited.
 */

/* ─── Dark mode overrides for GroupMiles v2 layout ───────── */
html.gm-dark body { background:var(--gm-dark-bg); color:var(--gm-text-light); }

/* Content area */
html.gm-dark .gm-content { background:var(--gm-dark-bg); }

/* Panels */
html.gm-dark .panel-default { background:var(--gm-dark-panel); border-color:var(--gm-border-faint); }
html.gm-dark .panel-default>.panel-heading { background:var(--gm-dark-panel-head); color:var(--gm-text-light); border-color:var(--gm-border-faint); }
html.gm-dark .panel-body { background:var(--gm-dark-panel); }

/* Tables */
html.gm-dark .table { color:var(--gm-text-light); }
html.gm-dark .table-striped>tbody>tr:nth-of-type(odd) { background:var(--gm-white-a04); }
html.gm-dark .table>thead>tr>th { border-color:var(--gm-white-a10); color:var(--gm-grey-54); }
html.gm-dark .table>tbody>tr>td { border-color:var(--gm-white-a06); }
html.gm-dark .table-hover>tbody>tr:hover { background:var(--gm-white-a05); }
html.gm-dark .table>tbody>tr>td a { color:var(--gm-orange); }

/* Forms */
html.gm-dark .form-control { background:var(--gm-dark-panel); border-color:var(--gm-white-a12); color:var(--gm-text-light); }
html.gm-dark .form-control:focus { border-color:var(--gm-orange); box-shadow:none; }
html.gm-dark .input-group-addon { background:var(--gm-dark-elevated); border-color:var(--gm-white-a12); color:var(--gm-grey-67); }

/* Buttons */
html.gm-dark .btn-default { background:var(--gm-dark-elevated); border-color:var(--gm-white-a12); color:var(--gm-text-light); }
html.gm-dark .btn-default:hover { background:var(--gm-dark-22); color:var(--gm-white); }

/* Wells, modals, dropdowns */
html.gm-dark .well { background:var(--gm-dark-panel); border-color:var(--gm-border-faint); color:var(--gm-text-light); }
html.gm-dark .modal-content { background:var(--gm-dark-panel); border-color:var(--gm-white-a10); }
html.gm-dark .modal-header { background:var(--gm-dark-panel-head); border-color:var(--gm-border-faint); }
html.gm-dark .modal-footer { background:var(--gm-dark-panel-head); border-color:var(--gm-border-faint); }
html.gm-dark .dropdown-menu { background:var(--gm-dark-panel); border-color:var(--gm-white-a10); }
html.gm-dark .dropdown-menu>li>a { color:var(--gm-text-light); }
html.gm-dark .dropdown-menu>li>a:hover { background:var(--gm-dark-elevated); color:var(--gm-white); }
html.gm-dark .dropdown-menu .divider { background:var(--gm-border-faint); }

/* Typography */
html.gm-dark h1,html.gm-dark h2,html.gm-dark h3,
html.gm-dark h4,html.gm-dark h5,html.gm-dark h6 { color:var(--gm-text-light); }
html.gm-dark .text-muted { color:var(--gm-grey-54) !important; }
html.gm-dark label { color:var(--gm-grey-75); }
html.gm-dark a { color:var(--gm-orange); }
html.gm-dark a:hover { color:var(--gm-orange-62-f4a44a); }
html.gm-dark .breadcrumb { background:var(--gm-white-a04); }
html.gm-dark .breadcrumb>li+li::before { color:var(--gm-grey-40); }
html.gm-dark .breadcrumb>li>a { color:var(--gm-orange); }
html.gm-dark .breadcrumb>.active { color:var(--gm-grey-67); }

/* Alerts */
html.gm-dark .alert-success { background:var(--gm-dark-14-1a2e1a); border-color:var(--gm-green-26); color:var(--gm-green-65); }
html.gm-dark .alert-danger  { background:var(--gm-dark-14-2e1a1a); border-color:var(--gm-red-26-5a2d2d); color:var(--gm-red-65); }
html.gm-dark .alert-warning { background:var(--gm-dark-14-2e261a); border-color:var(--gm-orange-26); color:var(--gm-orange-65); }
html.gm-dark .alert-info    { background:var(--gm-dark-14-1a242e); border-color:var(--gm-blue-26-2d4a5a); color:var(--gm-blue-65); }

/* GridView kartik */
html.gm-dark .grid-view .kv-table-wrap { background:var(--gm-dark-panel); }
html.gm-dark .summary { color:var(--gm-grey-54); }
html.gm-dark .kv-expand-detail-row { background:var(--gm-dark-10-151820) !important; }

/* Pagination */
html.gm-dark .pagination>li>a,
html.gm-dark .pagination>li>span { background:var(--gm-dark-panel); border-color:var(--gm-white-a10); color:var(--gm-text-light); }
html.gm-dark .pagination>li>a:hover { background:var(--gm-dark-elevated); color:var(--gm-white); }
html.gm-dark .pagination>.active>a { background:var(--gm-orange); border-color:var(--gm-orange); color:var(--gm-white); }
html.gm-dark .pagination>.disabled>a { background:var(--gm-dark-panel); border-color:var(--gm-white-a06); color:var(--gm-grey-33); }

/* Event cards */
html.gm-dark .gm-event-card { background:var(--gm-dark-panel); border-color:var(--gm-border-faint); }
html.gm-dark .gm-card-body { background:var(--gm-dark-panel); }
html.gm-dark .gm-card-title { color:var(--gm-text-light); }
html.gm-dark .gm-card-loc     { color:var(--gm-grey-67); }
html.gm-dark .gm-card-captain { color:var(--gm-grey-67); }
html.gm-dark .gm-card-desc    { color:var(--gm-grey-67); }
html.gm-dark .gm-card-footer { border-top-color:var(--gm-white-a06); background:var(--gm-dark-panel); }

/* Ride-type date text — brighten each classification so it reads on the dark panel.
   The list colors are background-grade; as text on black (esp. Bike Night indigo)
   they were too dark to read. Color strips keep the saturated background. */
html.gm-dark .gm-date-fullday   { color:var(--gm-ride-fullday-lt); }
html.gm-dark .gm-date-short     { color:var(--gm-ride-short-lt); }
html.gm-dark .gm-date-bikenight { color:var(--gm-ride-bikenight-lt); }
html.gm-dark .gm-date-multiday  { color:var(--gm-ride-multiday-lt); }

/* Stat cards */
html.gm-dark .gm-stat-card { background:var(--gm-dark-panel); border-color:var(--gm-border-faint); }
html.gm-dark .gm-stat-value { color:var(--gm-text-light); }

/* Activity feed */
html.gm-dark .gm-activity-feed { border-color:var(--gm-border-faint) !important; background:var(--gm-dark-panel); }
html.gm-dark .gm-activity-item { border-bottom-color:var(--gm-white-a06); }
html.gm-dark .gm-activity-text { color:var(--gm-grey-75); }

/* Book promo */
html.gm-dark .gm-book-body { background:var(--gm-dark-panel); }
html.gm-dark .gm-book-desc { color:var(--gm-grey-67); }
html.gm-dark .gm-book-price { color:var(--gm-text-light); }
html.gm-dark .gm-book-card { border-color:var(--gm-border-faint); }

/* ─── Kartik GridView full dark mode ─────────────────────── */
/* Use full border shorthand (not just border-color) to beat Bootstrap's shorthand */
html.gm-dark .panel,
html.gm-dark .panel-default,
html.gm-dark .panel-primary {
    background: var(--gm-dark-panel) !important;
    border: 1px solid var(--gm-white-a04) !important;
    box-shadow: none !important;
    color: var(--gm-text-light);
}
html.gm-dark .panel-body { background: var(--gm-dark-panel) !important; }

html.gm-dark .panel-default>.panel-heading,
html.gm-dark .panel-primary>.panel-heading,
html.gm-dark .gm-miles-heading {
    background: var(--gm-dark-panel-head) !important;
    border: 1px solid var(--gm-white-a06) !important;
    color: var(--gm-text-light) !important;
}

html.gm-dark .panel-default>.panel-heading *,
html.gm-dark .panel-primary>.panel-heading *,
html.gm-dark .gm-miles-heading * { color:var(--gm-text-light) !important; }

html.gm-dark .kv-table-wrap,
html.gm-dark .kv-table-container,
html.gm-dark .kv-panel-before,
html.gm-dark .kv-panel-after,
html.gm-dark .kv-grid-wrap { background:var(--gm-dark-panel) !important; }

/* kv-grid.css sets border-bottom/top: 1px solid var(--gm-grey-87) on these — must override */
html.gm-dark .kv-panel-before { border-bottom: 1px solid var(--gm-white-a06) !important; }
html.gm-dark .kv-panel-after  { border-top:    1px solid var(--gm-white-a06) !important; }
/* kv-grid.css sets background-color:var(--gm-white) on float table header */
html.gm-dark .kv-table-float  { background-color: var(--gm-dark-panel) !important; }

html.gm-dark .panel-footer,
html.gm-dark .kv-panel-footer { background:var(--gm-dark-panel-head) !important; border-color:var(--gm-white-a06) !important; color:var(--gm-text-light); }

html.gm-dark .kv-expand-detail-row,
html.gm-dark .kv-expand-detail-row > td { background:var(--gm-dark-10-151820) !important; }

html.gm-dark .summary { color:var(--gm-grey-54); }
html.gm-dark .kv-table-wrap .table { background:transparent; }
html.gm-dark .kv-table-wrap .table tr { background:transparent; }
html.gm-dark .kv-table-wrap .table-striped>tbody>tr:nth-of-type(odd) { background:var(--gm-white-a035) !important; }
html.gm-dark .kv-table-wrap .table>thead>tr>th { background:var(--gm-dark-panel-head) !important; color:var(--gm-grey-54); border-color:var(--gm-white-a07) !important; }
html.gm-dark .kv-table-wrap .table>tbody>tr>td { border-color:var(--gm-white-a05) !important; color:var(--gm-text-light); }
html.gm-dark .kv-table-wrap .table>tfoot>tr>td { background:var(--gm-dark-panel-head) !important; color:var(--gm-grey-67); border-color:var(--gm-white-a05) !important; }
html.gm-dark .kv-table-wrap .table-hover>tbody>tr:hover>td { background:var(--gm-white-a06) !important; }
/* Subtle column separators for unbounded grid (table-bordered removed from view) */
html.gm-dark .kv-table-wrap .table>thead>tr>th + th,
html.gm-dark .kv-table-wrap .table>tbody>tr>td + td { border-left:1px solid var(--gm-white-a05); }
/* kv-table-container scroll track */
html.gm-dark .kv-table-container { scrollbar-color:var(--gm-dark-20) var(--gm-dark-panel); }
html.gm-dark .kv-table-container::-webkit-scrollbar { height:6px; background:var(--gm-dark-panel); }
html.gm-dark .kv-table-container::-webkit-scrollbar-thumb { background:var(--gm-grey-27); border-radius:3px; }

html.gm-dark .btn-default,
html.gm-dark .btn.btn-default { background:var(--gm-dark-elevated) !important; border-color:var(--gm-blue-46) !important; color:var(--gm-blue-68) !important; }
html.gm-dark .btn-toolbar .btn-default { background:var(--gm-dark-elevated) !important; }
html.gm-dark .input-group-btn .btn { background:var(--gm-dark-elevated) !important; border-color:var(--gm-white-a14) !important; color:var(--gm-text-light) !important; }

html.gm-dark .pagination>li>a,
html.gm-dark .pagination>li>span { background:var(--gm-dark-panel) !important; border-color:var(--gm-white-a10) !important; color:var(--gm-text-light) !important; }
html.gm-dark .pagination>.active>a,
html.gm-dark .pagination>.active>span { background:var(--gm-orange) !important; border-color:var(--gm-orange) !important; color:var(--gm-white) !important; }
html.gm-dark .pagination>.disabled>a { background:var(--gm-dark-panel) !important; color:var(--gm-grey-33) !important; }

/* ─── Buttons: prevent link color bleeding, ensure readable text ─ */
html.gm-dark a.btn { color: inherit; }
html.gm-dark .btn-warning, html.gm-dark a.btn-warning { color: var(--gm-dark-07) !important; }
html.gm-dark .btn-info,    html.gm-dark a.btn-info    { color: var(--gm-dark-07) !important; }
/* Red buttons (primary + danger): toned standard red, light up on hover. */
html.gm-dark .btn-primary, html.gm-dark a.btn-primary,
html.gm-dark .btn-danger,  html.gm-dark a.btn-danger {
    background-color: var(--gm-btn-red) !important; border-color: var(--gm-btn-red) !important; color: var(--gm-white) !important; }
html.gm-dark .btn-primary:hover, html.gm-dark a.btn-primary:hover,
html.gm-dark .btn-primary:focus, html.gm-dark a.btn-primary:focus,
html.gm-dark .btn-danger:hover,  html.gm-dark a.btn-danger:hover,
html.gm-dark .btn-danger:focus,  html.gm-dark a.btn-danger:focus {
    background-color: var(--gm-btn-red-hover) !important; border-color: var(--gm-btn-red-hover) !important; }
/* Green buttons (success): events green, light up on hover. */
html.gm-dark .btn-success, html.gm-dark a.btn-success {
    background-color: var(--gm-btn-green) !important; border-color: var(--gm-btn-green) !important; color: var(--gm-white) !important; }
html.gm-dark .btn-success:hover, html.gm-dark a.btn-success:hover,
html.gm-dark .btn-success:focus, html.gm-dark a.btn-success:focus {
    background-color: var(--gm-btn-green-hover) !important; border-color: var(--gm-btn-green-hover) !important; }

/* Light-background buttons → black text (consistent across app) */
.btn-warning { color: var(--gm-dark-07) !important; }
.btn-info    { color: var(--gm-dark-07) !important; }

/* Event-card tags/strips use WHITE text — the ride colors (greens, blues, purple, red,
   gray) are all dark/saturated, so white reads far better than dark. The amber "Attend"
   RSVP button keeps dark text (white would be unreadable on amber). Both themes. */
.gm-rsvp-btn            { color: var(--gm-dark-07) !important; }
/* …except the green "I'm going" (btn-success) variant — dark text is unreadable on green. */
.gm-rsvp-btn.btn-success,
.gm-rsvp-btn.btn-success:hover,
.gm-rsvp-btn.btn-success:focus { color: var(--gm-white) !important; }
html.gm-dark .gm-rsvp-btn.btn-success { color: var(--gm-white) !important; }
.gm-card-badge-next     { color: var(--gm-white) !important; }
.gm-card-ride-label     { color: var(--gm-white) !important; }
html.gm-dark .gm-rsvp-btn        { color: var(--gm-dark-07) !important; }
html.gm-dark .gm-card-badge-next  { color: var(--gm-white) !important; }
html.gm-dark .gm-card-ride-label  { color: var(--gm-white) !important; }

/* ─── Expanded row in Miles grid (bright background fix) ──── */
html.gm-dark .select-expand-row { background:var(--gm-dark-elevated) !important; }
html.gm-dark .select-expand-row td { background:var(--gm-dark-elevated) !important; }
html.gm-dark tr.select-expand-row > td { background:var(--gm-dark-elevated) !important; }
/* Kartik expand detail */
html.gm-dark .kv-expand-detail-row,
html.gm-dark .kv-expand-detail-row > td { background:var(--gm-dark-12) !important; }

/* ─── Event view page content (emp-profile / col sections) ── */
html.gm-dark .emp-profile { background:var(--gm-dark-bg); }
html.gm-dark .emp-profile .tab-content { background:var(--gm-dark-panel); border-color:var(--gm-border-faint); }
html.gm-dark .emp-profile .nav-tabs { border-color:var(--gm-white-a10); }
html.gm-dark .emp-profile .nav-tabs > li > a { color:var(--gm-grey-75); background:var(--gm-dark-panel-head); border-color:var(--gm-border-faint); }
html.gm-dark .emp-profile .nav-tabs > li.active > a,
html.gm-dark .emp-profile .nav-tabs > li.active > a:focus,
html.gm-dark .emp-profile .nav-tabs > li.active > a:hover { background:var(--gm-dark-panel); color:var(--gm-text-light); border-color:var(--gm-border-faint); border-bottom-color:var(--gm-dark-panel); }
html.gm-dark .emp-profile h3,
html.gm-dark .emp-profile h4,
html.gm-dark .emp-profile h5 { color:var(--gm-text-light); }
html.gm-dark .emp-profile .ride-info-block a { color:var(--gm-grey-75); }
html.gm-dark .emp-profile hr { border-color:var(--gm-white-a10); }
html.gm-dark .emp-profile .event-media-section { background:var(--gm-dark-bg); }
html.gm-dark .emp-profile .media-thumb { border:1px solid var(--gm-border-faint); }
html.gm-dark .emp-profile #comments { color:var(--gm-text-light); }
html.gm-dark .emp-profile .media-lightbox-trigger .media-thumb { border-color:var(--gm-border-faint); }
html.gm-dark .emp-profile small.text-muted { color:var(--gm-grey-67) !important; }
html.gm-dark .emp-profile .list-unstyled .media-body { color:var(--gm-grey-75); }

/* sticky bottom bar in dark mode */
html.gm-dark .sticky-bottom { background:var(--gm-dark-row1); border-top:1px solid var(--gm-border-faint); color:var(--gm-grey-75); }
html.gm-dark .sticky-bottom label,
html.gm-dark .sticky-bottom p { color:var(--gm-grey-75); }

/* select2 */
html.gm-dark .select2-container .select2-selection--single { background:var(--gm-dark-panel); border-color:var(--gm-white-a12); color:var(--gm-text-light); }
html.gm-dark .select2-container .select2-selection--single .select2-selection__rendered { color:var(--gm-text-light); }
html.gm-dark .select2-dropdown { background:var(--gm-dark-panel); border-color:var(--gm-white-a10); }
html.gm-dark .select2-results__option { color:var(--gm-text-light); }
html.gm-dark .select2-results__option--highlighted { background:var(--gm-orange) !important; }
html.gm-dark .select2-search__field { background:var(--gm-dark-elevated); border-color:var(--gm-white-a12); color:var(--gm-text-light); }

/* ─── Bike cards (My Garage at /bikes and profile tab) ───── */
.gm-bike-card { background:var(--gm-white); border:1px solid var(--gm-grey-87); border-radius:4px; overflow:hidden; }
.gm-bike-doc-panel { background:var(--gm-grey-98); border-top:1px solid var(--gm-grey-93); }
html.gm-dark .gm-bike-card { background:var(--gm-dark-panel) !important; border-color:var(--gm-border-faint) !important; color:var(--gm-text-light); }
html.gm-dark .gm-bike-card strong { color:var(--gm-text-light); }
html.gm-dark .gm-bike-card em { color:var(--gm-grey-67); }
html.gm-dark .gm-bike-card .text-muted { color:var(--gm-grey-53) !important; }
html.gm-dark .gm-bike-doc-panel { background:var(--gm-dark-10-151820) !important; border-top-color:var(--gm-white-a06) !important; }
html.gm-dark .gm-bike-doc-panel strong { color:var(--gm-grey-54) !important; }
html.gm-dark .gm-bike-doc-panel td { color:var(--gm-grey-75); }
html.gm-dark .gm-bike-doc-panel span { color:var(--gm-grey-75); }

/* ─── Member Miles totals footer row ─── */
.gm-miles-totals-footer {
    text-align:right; padding:8px 14px; border-top:1px solid var(--gm-black-a08);
    background:var(--gm-grey-98); font-size:var(--gm-font-sm);
}
html.gm-dark .gm-miles-totals-footer {
    background:var(--gm-dark-panel-head) !important; border-top-color:var(--gm-white-a06) !important; color:var(--gm-grey-75);
}

/* ─── Rides/Miles GridView: filter row td cells (were white) ─ */
html.gm-dark .kv-table-wrap .table>thead>tr>td { background:var(--gm-dark-panel-head) !important; border-color:var(--gm-white-a10) !important; color:var(--gm-text-light); }
html.gm-dark .kv-table-wrap .table>thead>tr.filters>td { background:var(--gm-dark-panel-head) !important; }
html.gm-dark .kv-table-wrap .table>thead>tr.filters input,
html.gm-dark .kv-table-wrap .table>thead>tr.filters select { background:var(--gm-dark-elevated) !important; border-color:var(--gm-white-a12) !important; color:var(--gm-text-light) !important; }
/* Member's Miles grid runs floatHeader=true: the floatThead plugin clones the
   header + filter rows into a floating overlay table (.kv-table-float inside
   .floatThead-container) whose background is white (kv-grid.css). That JS-generated
   clone is painted over the real row, so overriding only the real row did nothing.
   Paint BOTH the real grid thead and the floated clone (keyed to .kv-grid-table /
   .kv-table-float — the old rules assumed a .kv-table-wrap ancestor that isn't here). */
html.gm-dark .kv-table-float,
html.gm-dark .floatThead-container,
html.gm-dark .floatThead-table { background-color:var(--gm-dark-panel) !important; }
html.gm-dark .kv-grid-table>thead>tr>th,
html.gm-dark .kv-table-float>thead>tr>th,
html.gm-dark .floatThead-table>thead>tr>th { background-color:var(--gm-dark-panel-head) !important; color:var(--gm-grey-54) !important; border-color:var(--gm-white-a07) !important; }
html.gm-dark .kv-grid-table>thead>tr>td,
html.gm-dark .kv-table-float>thead>tr>td,
html.gm-dark .floatThead-table>thead>tr>td,
html.gm-dark tr.filter-bg-dark>td,
html.gm-dark tr.filters>td { background-color:var(--gm-dark-13) !important; border-color:var(--gm-white-a10) !important; }
html.gm-dark .kv-grid-table>thead .form-control,
html.gm-dark .kv-table-float>thead .form-control,
html.gm-dark .floatThead-table>thead .form-control { background-color:var(--gm-dark-18) !important; border-color:var(--gm-blue-26) !important; color:var(--gm-blue-91) !important; }
/* float/scroll container scrollbars (right-edge white track) */
html.gm-dark .floatThead-container::-webkit-scrollbar,
html.gm-dark .gm-mm-grid-container::-webkit-scrollbar { width:8px; height:8px; background:var(--gm-dark-panel); }
html.gm-dark .floatThead-container::-webkit-scrollbar-thumb,
html.gm-dark .gm-mm-grid-container::-webkit-scrollbar-thumb { background:var(--gm-grey-27); border-radius:4px; }

/* ─── Task 13.1: remaining Miles grid border sources ─────── */
/* kv-table-wrap and kv-table-container may have border:1px solid var(--gm-grey-87); override color */
html.gm-dark .kv-table-wrap { border-color: var(--gm-white-a06) !important; }
html.gm-dark .kv-table-container { border-color: var(--gm-white-a06) !important; }
/* tbody rows and cells — ensure no white background bleeds through */
html.gm-dark .kv-table-wrap .table>tbody>tr { background: transparent !important; }
html.gm-dark .kv-table-wrap .table>tbody>tr>td { background: transparent !important; }
/* The outer grid-view div may expose white from .panel inner rules */
html.gm-dark .grid-view { background: var(--gm-dark-panel); }
/* Bootstrap panel > table rules set background on the first/last table row */
html.gm-dark .panel>.table>tbody>tr:first-child>td,
html.gm-dark .panel>.table>tbody>tr:first-child>th { background: transparent !important; }
html.gm-dark .panel>.table>tbody>tr:last-child>td,
html.gm-dark .panel>.table>tbody>tr:last-child>th { background: transparent !important; }
/* kv-grid-wrap inner panel border shorthand — belt + suspenders */
html.gm-dark .kv-grid-wrap.panel { border: 1px solid var(--gm-white-a04) !important; }

/* ─── Billing filter radio pills — dark mode ─────────────── */
html.gm-dark .gm-filter-radio {
    background: var(--gm-dark-panel);
    border-color: var(--gm-blue-47);
    color: var(--gm-blue-68-7aa8e0);
}
html.gm-dark .gm-filter-radio:hover {
    background: var(--gm-dark-elevated);
    border-color: var(--gm-blue-58-6a8fc0);
    color: var(--gm-blue-78);
}
html.gm-dark .gm-filter-radio-active {
    background: var(--gm-blue-25);
    border-color: var(--gm-blue-25);
    color: var(--gm-white);
}
html.gm-dark .gm-filter-radio-active:hover {
    background: var(--gm-blue-20);
    border-color: var(--gm-blue-20);
}

/* ─── Pulled-over / I Got Pulled Over page ───────────────── */
html.gm-dark .pulled-over-page        { background: var(--gm-dark-bg) !important; }
html.gm-dark .gm-dl-card,
html.gm-dark .gm-po-card              { background: var(--gm-dark-panel) !important; border-color: var(--gm-border-faint) !important; color: var(--gm-text-light); }
html.gm-dark .gm-po-card-label        { color: var(--gm-grey-54); }
html.gm-dark .gm-po-name              { color: var(--gm-text-light); }
html.gm-dark .gm-po-biker-name        { color: var(--gm-grey-67); }
html.gm-dark .gm-po-dl-number         { color: var(--gm-text-light); }
html.gm-dark .gm-po-dl-state          { color: var(--gm-grey-75); }
html.gm-dark .gm-po-expiry            { color: var(--gm-grey-75); }
html.gm-dark .gm-po-phone             { border-top-color: var(--gm-white-a10); color: var(--gm-text-light); }
html.gm-dark .gm-po-ice-box           { background: var(--gm-amber-08-2a2000); border-color: var(--gm-amber-20); }
html.gm-dark .gm-po-ice-label         { color: var(--gm-orange-60); }
html.gm-dark .gm-po-ice-name          { color: var(--gm-text-light); }
html.gm-dark .gm-po-ice-number        { color: var(--gm-text-light); }
html.gm-dark .gm-po-photo             { border-color: var(--gm-white-a12); }
html.gm-dark .gm-po-photo-label       { color: var(--gm-grey-54); }
html.gm-dark .gm-po-empty-h3          { color: var(--gm-text-light); }
html.gm-dark .gm-po-empty-sub         { color: var(--gm-grey-54); }