html[data-theme="modern"] .k-grid,
html[data-theme="modern"] .k-grid-content,
html[data-theme="modern"] .k-window,
html[data-theme="modern"] .k-dialog,
html[data-theme="modern"] .k-card,
html[data-theme="modern"] .k-listview,
html[data-theme="modern"] .k-panelbar,
html[data-theme="modern"] .k-popup {
    background-color: var(--drd-surface-default) !important;
    border-color: var(--drd-border-default) !important;
    color: var(--drd-text-primary) !important;
}

html[data-theme="modern"] .k-grid-header,
html[data-theme="modern"] .k-grid .k-grid-header-wrap,
html[data-theme="modern"] .k-grid .k-table-th,
html[data-theme="modern"] .k-grid .k-header,
html[data-theme="modern"] .k-grid .k-header .k-link,
html[data-theme="modern"] .k-grid .k-column-title {
    background-color: var(--drd-surface-muted) !important;
    border-color: var(--drd-border-default) !important;
    color: var(--drd-text-primary) !important;
}

html[data-theme="modern"] .k-grid td,
html[data-theme="modern"] .k-grid .k-table-td,
html[data-theme="modern"] .k-grid .k-grouping-row td,
html[data-theme="modern"] .k-window-title,
html[data-theme="modern"] .k-dialog-title {
    background-color: var(--drd-surface-default) !important;
    border-color: rgba(175, 193, 216, 0.28) !important;
    color: var(--drd-text-primary) !important;
}

html[data-theme="modern"] .k-grid tr.k-alt td,
html[data-theme="modern"] .k-grid .k-table-row.k-alt .k-table-td {
    background-color: rgba(247, 251, 255, 0.05) !important;
}

html[data-theme="modern"] .k-pager,
html[data-theme="modern"] .k-pager-wrap,
html[data-theme="modern"] .k-grid-pager {
    background-color: var(--drd-surface-muted) !important;
    border-color: var(--drd-border-default) !important;
    color: var(--drd-text-primary) !important;
}

html[data-theme="modern"] .k-pager .k-link,
html[data-theme="modern"] .k-pager .k-button {
    color: var(--drd-text-primary) !important;
}

html[data-theme="modern"] .k-input,
html[data-theme="modern"] .k-input-inner,
html[data-theme="modern"] .k-picker,
html[data-theme="modern"] .k-dropdownlist,
html[data-theme="modern"] .k-multiselect,
html[data-theme="modern"] .k-combobox {
    background-color: var(--drd-surface-muted) !important;
    border-color: var(--drd-border-default) !important;
    color: var(--drd-text-primary) !important;
}

html[data-theme="modern"] .k-input-inner::placeholder {
    color: var(--drd-text-muted) !important;
    opacity: 1;
}

html[data-theme="modern"] .k-button-solid-primary:not(.clear-style) {
    background-color: var(--drd-action-primary-bg) !important;
    border-color: var(--drd-action-primary-border) !important;
    color: var(--drd-action-primary-text) !important;
}

html[data-theme="modern"] .k-button-solid-base:not(.clear-style),
html[data-theme="modern"] .k-button-solid-secondary:not(.clear-style) {
    background-color: #233958 !important;
    border-color: #3a4f73 !important;
    color: var(--drd-text-primary) !important;
}

html[data-theme="modern"] .k-button-solid-primary:not(.clear-style):hover,
html[data-theme="modern"] .k-button-solid-primary:not(.clear-style):focus,
html[data-theme="modern"] .k-button-solid-base:not(.clear-style):hover,
html[data-theme="modern"] .k-button-solid-secondary:not(.clear-style):hover {
    filter: brightness(1.08);
}

html[data-theme="modern"] .cust-view-header-card,
html[data-theme="modern"] .cust-view-metric-card,
html[data-theme="modern"] .cust-view-card {
    background-color: var(--drd-surface-default);
    border-color: var(--drd-border-default);
}

html[data-theme="modern"] .cust-view-title-line h1,
html[data-theme="modern"] .cust-view-metric-value,
html[data-theme="modern"] .cust-view-list-value,
html[data-theme="modern"] .cust-view-address-line,
html[data-theme="modern"] .cust-view-contact-link,
html[data-theme="modern"] .cust-view-load-link {
    color: var(--drd-text-primary) !important;
}

html[data-theme="modern"] .cust-view-meta-item,
html[data-theme="modern"] .cust-view-metric-label,
html[data-theme="modern"] .cust-view-metric-note,
html[data-theme="modern"] .cust-view-list-label,
html[data-theme="modern"] .cust-view-address-label,
html[data-theme="modern"] .cust-view-address-subline,
html[data-theme="modern"] .cust-view-copy-icon-btn,
html[data-theme="modern"] .cust-view-tabs .nav-link {
    color: var(--drd-text-muted) !important;
}

html[data-theme="modern"] .cust-view-tabs {
    border-bottom-color: var(--drd-border-default);
}

html[data-theme="modern"] .cust-view-tabs .nav-link.active,
html[data-theme="modern"] .cust-view-tabs .nav-link:hover {
    color: var(--drd-color-brand-gold-400) !important;
    border-bottom-color: var(--drd-color-brand-gold-400);
}

html[data-theme="modern"] .cust-view-tab-badge {
    background: rgba(247, 251, 255, 0.16);
    color: var(--drd-text-primary);
}

html[data-theme="modern"] .car-view-header-card,
html[data-theme="modern"] .car-view-metric-card,
html[data-theme="modern"] .car-view-sidebar,
html[data-theme="modern"] .car-view-tab-content,
html[data-theme="modern"] .car-view-tab-pane,
html[data-theme="modern"] .car-view-card,
html[data-theme="modern"] .car-view-insurance-item {
    background: var(--drd-surface-default);
    border-color: var(--drd-border-default);
}

html[data-theme="modern"] .car-view-header-card {
    background: linear-gradient(180deg, rgba(20, 36, 63, 0.98) 0%, rgba(17, 31, 55, 0.98) 100%);
}

html[data-theme="modern"] .car-view-title-line h1,
html[data-theme="modern"] .car-view-metric-value,
html[data-theme="modern"] .car-view-sidebar .kt-block-text,
html[data-theme="modern"] .car-view-detail-value,
html[data-theme="modern"] .car-view-address-value,
html[data-theme="modern"] .car-view-card-header h3,
html[data-theme="modern"] .car-view-insurance-name,
html[data-theme="modern"] .car-view-loads-table td {
    color: var(--drd-text-primary);
}

html[data-theme="modern"] .car-view-meta-line,
html[data-theme="modern"] .car-view-metric-label,
html[data-theme="modern"] .car-view-metric-note,
html[data-theme="modern"] .car-view-sidebar .kt-block-title,
html[data-theme="modern"] .car-view-tabs .nav-link,
html[data-theme="modern"] .car-view-tab-badge,
html[data-theme="modern"] .car-view-detail-label,
html[data-theme="modern"] .car-view-address-label,
html[data-theme="modern"] .car-view-subtle-text,
html[data-theme="modern"] .car-view-insurance-meta,
html[data-theme="modern"] .car-view-loads-table th,
html[data-theme="modern"] .car-view-empty-block,
html[data-theme="modern"] .car-view-loads-table td.car-view-rate-muted {
    color: var(--drd-text-muted);
}

html[data-theme="modern"] .car-view-tabs {
    border-bottom-color: var(--drd-border-default);
}

html[data-theme="modern"] .car-view-tabs .nav-link:hover,
html[data-theme="modern"] .car-view-tabs .nav-link.active {
    color: var(--drd-color-brand-gold-400);
    border-bottom-color: var(--drd-color-brand-gold-400);
}

html[data-theme="modern"] .car-view-tab-badge {
    background: rgba(247, 251, 255, 0.16);
}

html[data-theme="modern"] .car-view-detail-row,
html[data-theme="modern"] .car-view-address-block + .car-view-address-block,
html[data-theme="modern"] .car-view-loads-table th,
html[data-theme="modern"] .car-view-loads-table td {
    border-color: rgba(175, 193, 216, 0.28);
}

html[data-theme="modern"] .car-view-meta-item + .car-view-meta-item::before {
    background: rgba(193, 208, 228, 0.72);
}

html[data-theme="modern"] .car-view-status-pill.is-good,
html[data-theme="modern"] .car-view-insurance-status.is-good {
    background: rgba(47, 190, 103, 0.22);
    color: #8ef0a9;
}

html[data-theme="modern"] .car-view-status-pill.is-progress {
    background: rgba(78, 169, 219, 0.22);
    color: #9edfff;
}

html[data-theme="modern"] .car-view-status-pill.is-danger {
    background: rgba(235, 109, 118, 0.22);
    color: #ffb3bb;
}

html[data-theme="modern"] .car-view-status-pill.is-neutral {
    background: rgba(247, 251, 255, 0.14);
    color: var(--drd-text-primary);
}

html[data-theme="modern"] .car-view-active-pill.is-active {
    background: rgba(47, 190, 103, 0.22);
    color: #8ef0a9;
}

html[data-theme="modern"] .car-view-active-pill.is-inactive {
    background: rgba(235, 109, 118, 0.22);
    color: #ffb3bb;
}

html[data-theme="modern"] .car-view-alert-pill,
html[data-theme="modern"] .car-view-insurance-status.is-missing {
    background: rgba(233, 185, 54, 0.2);
    color: #ffd994;
}