:root {
    --ddrs-primary: #1a73e8;
    --ddrs-bg: #f8f9fa;
    --ddrs-dark: #202124;
    --ddrs-border: #dadce0;
    --ddrs-surface: #ffffff;
    --ddrs-surface-muted: #f1f3f4;
    --ddrs-text: #3c4043;
    --ddrs-muted: #5f6368;
    --ddrs-menu-hover: #eef4fe;
    --ddrs-menu-active: #e8f0fe;
    --ddrs-shadow: rgba(0,0,0,0.05);
}

:root[data-theme="dark"] {
    --ddrs-primary: #8ab4f8;
    --ddrs-bg: #20242b;
    --ddrs-dark: #f5f7fa;
    --ddrs-border: #49515c;
    --ddrs-surface: #2a2f38;
    --ddrs-surface-muted: #343b46;
    --ddrs-text: #eef2f6;
    --ddrs-muted: #c3cad4;
    --ddrs-menu-hover: #36465f;
    --ddrs-menu-active: #31476d;
    --ddrs-shadow: rgba(0,0,0,0.22);
}

body { font-family: 'Segoe UI', Tahoma, sans-serif; background-color: var(--ddrs-bg); margin: 0; color: var(--ddrs-text); }
.ddrs-top-bar { background: var(--ddrs-surface); padding: 12px 30px; border-bottom: 1px solid var(--ddrs-border); display: flex; justify-content: space-between; align-items: center; box-shadow: 0 1px 2px var(--ddrs-shadow); }
.ddrs-main-menu { min-height: 46px; padding: 0 30px; background: var(--ddrs-surface); border-bottom: 1px solid var(--ddrs-border); display: flex; align-items: center; gap: 6px; }
.ddrs-menu-link { color: var(--ddrs-text); text-decoration: none; display: inline-flex; align-items: center; gap: 8px; min-height: 34px; padding: 0 12px; border-radius: 6px; font-size: 0.92rem; }
.ddrs-menu-link:hover { color: var(--ddrs-primary); background: var(--ddrs-menu-hover); }
.ddrs-menu-link.active { color: var(--ddrs-primary); background: var(--ddrs-menu-active); font-weight: 600; }
@media (max-width: 640px) { .ddrs-main-menu { padding: 8px 16px; flex-wrap: wrap; } }
.ddrs-card { background: var(--ddrs-surface); border: 1px solid var(--ddrs-border); border-radius: 8px; margin: 20px 30px; overflow: hidden; box-shadow: 0 4px 6px var(--ddrs-shadow); }
.ddrs-table thead th { background-color: var(--ddrs-surface-muted); color: var(--ddrs-dark); font-weight: 600; padding: 12px 15px; text-transform: uppercase; font-size: 0.75rem; border-bottom: 2px solid var(--ddrs-border); }
.stat-card { background: var(--ddrs-surface); border: 1px solid var(--ddrs-border); border-radius: 8px; padding: 20px; transition: transform 0.2s; }
.btn-ddrs-primary { background-color: var(--ddrs-primary); color: white; border: none; border-radius: 4px; padding: 6px 16px; font-weight: 500; }
.ddrs-theme-toggle { min-width: 34px; }
.ddrs-footer {
    margin-top: 24px;
    padding: 16px 30px 20px;
    color: var(--ddrs-muted);
    font-size: 0.82rem;
    text-align: center;
}
:root[data-theme="dark"] .text-dark { color: var(--ddrs-dark) !important; }
:root[data-theme="dark"] .text-muted { color: var(--ddrs-muted) !important; }
:root[data-theme="dark"] .table { --bs-table-color: var(--ddrs-text); --bs-table-bg: var(--ddrs-surface); --bs-table-hover-color: var(--ddrs-text); --bs-table-hover-bg: #292a2d; --bs-table-border-color: var(--ddrs-border); }
:root[data-theme="dark"] .bg-white,
:root[data-theme="dark"] .card,
:root[data-theme="dark"] .modal-content,
:root[data-theme="dark"] .form-control,
:root[data-theme="dark"] .form-select { background-color: var(--ddrs-surface) !important; color: var(--ddrs-text); }
:root[data-theme="dark"] .border,
:root[data-theme="dark"] .border-top,
:root[data-theme="dark"] .border-bottom,
:root[data-theme="dark"] .form-control,
:root[data-theme="dark"] .form-select { border-color: var(--ddrs-border) !important; }

:root[data-theme="dark"] .ddrs-card,
:root[data-theme="dark"] .stat-card,
:root[data-theme="dark"] .operator-form-card,
:root[data-theme="dark"] .operator-form-row,
:root[data-theme="dark"] .operator-worklist {
    color: var(--ddrs-text);
}

:root[data-theme="dark"] .form-control::placeholder,
:root[data-theme="dark"] .form-select::placeholder {
    color: #d7dde6;
    opacity: 1;
}

:root[data-theme="dark"] .small,
:root[data-theme="dark"] .form-label,
:root[data-theme="dark"] label,
:root[data-theme="dark"] td,
:root[data-theme="dark"] th,
:root[data-theme="dark"] h1,
:root[data-theme="dark"] h2,
:root[data-theme="dark"] h3,
:root[data-theme="dark"] h4,
:root[data-theme="dark"] h5,
:root[data-theme="dark"] h6 {
    color: var(--ddrs-text);
}

:root[data-theme="dark"] .badge.bg-light,
:root[data-theme="dark"] .bg-light {
    background-color: #e9eef5 !important;
    color: #26313f !important;
}

:root[data-theme="dark"] .btn-outline-secondary {
    color: var(--ddrs-text);
    border-color: #66717f;
}

:root[data-theme="dark"] .btn-outline-secondary:hover {
    background-color: #3a4350;
    color: #ffffff;
}

:root[data-theme="dark"] .table-warning {
    --bs-table-bg: #57451a;
    --bs-table-color: #fff4cf;
    --bs-table-hover-bg: #634f20;
    color: #fff4cf !important;
}

:root[data-theme="dark"] .table-warning td,
:root[data-theme="dark"] .table-warning th {
    color: #fff4cf !important;
}