/* ─── Light Mode ─── */
[data-theme="light"] {
    --bg-primary:   #e0e5ec;
    --bg-secondary: #e0e5ec;
    --bg-card:      #e0e5ec;
    --bg-deep:      #d1d9e6;
    --bg-raised:    #eef1f6;

    --neo-dark:   #a3b1c6;
    --neo-light:  rgba(255, 255, 255, 0.85);

    --neo-raised:  0 0 14px var(--neo-dark);
    --neo-inset:   inset 0 0 10px var(--neo-dark);
    --neo-btn:     0 0 8px var(--neo-dark);
    --neo-pressed: inset 0 0 6px var(--neo-dark);
    --neo-float:   0 0 26px var(--neo-dark);

    --border-color: rgba(0, 0, 0, 0.10);
    --border-hover: rgba(255, 122, 42, 0.5);

    --text-primary:   #2d3748;
    --text-secondary: #4a5568;
    --text-muted:     #718096;

    --cat-labour:   #a21caf;
    --cat-material: #047857;
}

[data-theme="light"] body {
    background-color: var(--bg-primary);
}

/* Selects */
[data-theme="light"] select {
    background-color: var(--bg-primary);
    color: var(--text-primary);
}

[data-theme="light"] select option {
    background-color: #d1d9e6;
    color: #2d3748;
}

[data-theme="light"] .toolbar-select {
    background-color: var(--bg-deep);
    color: var(--text-primary);
}

[data-theme="light"] .toolbar-select option {
    background-color: #d1d9e6;
    color: #2d3748;
}

/* Canvas backdrop */
[data-theme="light"] .canvas-backdrop {
    background: rgba(150, 150, 150, 0.45);
}

/* Toast */
[data-theme="light"] .toast-notification {
    background: rgba(240, 240, 240, 0.97);
    border-color: rgba(239, 68, 68, 0.4);
    color: #c0392b;
}

/* Cell highlights */
[data-theme="light"] .cell-bg-cyan {
    background: rgba(0, 150, 200, 0.15) !important;
    color: #0077aa !important;
}

[data-theme="light"] .cell-bg-orange {
    background: rgba(255, 100, 20, 0.15) !important;
    color: #b84d00 !important;
}

[data-theme="light"] .cell-bg-green {
    background: rgba(5, 150, 105, 0.15) !important;
    color: #047857 !important;
}

[data-theme="light"] .cell-bg-gray {
    background: rgba(0, 0, 0, 0.07) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .cell-bg-indigo {
    background: rgba(99, 102, 241, 0.12) !important;
    color: #4f46e5 !important;
}

/* Section header rows */
[data-theme="light"] .labour-header-row .section-header-label {
    background: rgba(192, 38, 211, 0.08);
}

[data-theme="light"] .material-header-row .section-header-label {
    background: rgba(5, 150, 105, 0.08);
}

[data-theme="light"] .drag-handle-col.section-drag-handle {
    color: rgba(0, 0, 0, 0.2);
}

/* Charge inline form */
[data-theme="light"] .charge-row-form {
    background: rgba(0, 150, 200, 0.06);
    border-color: rgba(0, 150, 200, 0.2);
}

[data-theme="light"] .charge-form-input {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.12);
    color: var(--text-primary);
}

/* Burger spans */
[data-theme="light"] .burger-menu-btn span {
    background: var(--text-secondary);
}

/* Sidebar structure */
[data-theme="light"] .sidebar-header {
    border-bottom-color: rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .settings-divider {
    background: rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .settings-help {
    color: var(--text-muted);
}

/* Close button */
[data-theme="light"] .close-drawer-btn {
    background: var(--bg-deep);
    color: var(--text-muted);
    box-shadow: var(--neo-btn);
}

[data-theme="light"] .close-drawer-btn:hover {
    color: var(--error);
    box-shadow: var(--neo-pressed);
}

/* Section / micro labels */
[data-theme="light"] .template-selector-group label,
[data-theme="light"] .sidebar-section-label {
    color: var(--text-muted) !important;
}

/* Sidebar select */
[data-theme="light"] .sidebar-panel select {
    color: var(--text-primary);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2.5' stroke-linecap='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
}

[data-theme="light"] .sidebar-panel select option {
    background-color: #e0e5ec;
    color: #2d3748;
}

/* Export options checkboxes */
[data-theme="light"] .template-option {
    color: var(--text-secondary);
    border-bottom-color: rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .template-option:hover { color: var(--text-primary); }

[data-theme="light"] .checkbox-custom {
    background: var(--bg-deep);
    box-shadow: inset 0 0 5px var(--neo-dark);
}

[data-theme="light"] .checkbox-custom::after {
    background: rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}

/* Markup charges table */
[data-theme="light"] .settings-table th {
    color: var(--text-muted);
}

[data-theme="light"] .settings-table th,
[data-theme="light"] .settings-table td {
    border-bottom-color: rgba(0, 0, 0, 0.07);
}

[data-theme="light"] .settings-table .grid-cell-input {
    color: var(--text-primary);
}

[data-theme="light"] .settings-table .grid-cell-input::placeholder {
    color: var(--text-muted);
}

/* Add markup row button */
[data-theme="light"] #addLandingChargeBtn {
    background: var(--bg-primary) !important;
    color: var(--text-secondary) !important;
    box-shadow: var(--neo-btn) !important;
}

[data-theme="light"] #addLandingChargeBtn:hover {
    color: var(--brand-orange) !important;
    box-shadow: 0 0 10px var(--neo-dark) !important;
}

[data-theme="light"] #addLandingChargeBtn:active {
    box-shadow: var(--neo-pressed) !important;
}

/* Suggestions header */
[data-theme="light"] .suggestions-header {
    color: var(--text-muted);
}

/* Template picker trigger */
[data-theme="light"] .tmpl-picker-trigger {
    background: var(--bg-primary);
    border-color: rgba(0, 0, 0, 0.1);
    color: var(--text-primary);
    box-shadow: var(--neo-btn);
}

[data-theme="light"] .tmpl-picker-trigger:hover {
    border-color: rgba(0, 0, 0, 0.2);
    box-shadow: var(--neo-raised);
}

[data-theme="light"] .tmpl-picker-trigger.open {
    border-color: rgba(255, 122, 42, 0.5);
    box-shadow: var(--neo-pressed), 0 0 0 2px rgba(255, 122, 42, 0.15);
}

/* Template picker dropdown */
[data-theme="light"] .tmpl-picker-menu {
    background: var(--bg-raised);
    border-color: rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.15);
}

[data-theme="light"] .tmpl-picker-item-name {
    color: var(--text-secondary);
}

[data-theme="light"] .tmpl-picker-item:hover {
    background: rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .tmpl-picker-item.selected {
    background: rgba(255, 122, 42, 0.1);
}

[data-theme="light"] .tmpl-picker-item-edit {
    color: var(--text-muted);
}

[data-theme="light"] .tmpl-picker-item-edit:hover {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .tmpl-picker-item-input {
    background: rgba(0, 0, 0, 0.05);
    color: var(--text-primary);
    border-color: rgba(255, 122, 42, 0.45);
}

/* Local markup bar */
[data-theme="light"] .local-markup-label {
    color: var(--text-muted);
}

[data-theme="light"] .local-markup-pill {
    background: rgba(0, 0, 0, 0.05);
    color: var(--text-muted);
    border-color: rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .local-markup-edit-btn {
    background: rgba(0, 0, 0, 0.04);
    color: var(--text-muted);
    border-color: rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .local-markup-table th {
    color: var(--text-muted);
    border-bottom-color: rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .local-markup-table .grid-cell-input {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.1);
    color: var(--text-primary);
}

/* Spreadsheet header borders */
[data-theme="light"] .spreadsheet-table th {
    border-bottom-color: rgba(0, 0, 0, 0.12);
}

[data-theme="light"] .spreadsheet-table th.row-num-col,
[data-theme="light"] .spreadsheet-table td.row-num-col {
    border-right-color: rgba(0, 0, 0, 0.12);
}

/* Search scrollbar */
[data-theme="light"] .search-results::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.12);
}

/* Clear search button */
[data-theme="light"] .clear-search-btn {
    background: rgba(0, 0, 0, 0.06);
    color: var(--text-muted);
    border-color: rgba(0, 0, 0, 0.1);
}

/* Resource Rates panel */
[data-theme="light"] .rates-toggle-btn {
    background: var(--bg-primary);
    color: var(--text-secondary);
}

[data-theme="light"] .rates-count {
    background: rgba(0, 0, 0, 0.07);
}

[data-theme="light"] .rates-list {
    background: var(--bg-deep);
}

[data-theme="light"] .rate-row:nth-child(even) {
    background: rgba(0, 0, 0, 0.03);
}

[data-theme="light"] .rate-code { color: #0088aa; }

[data-theme="light"] .rate-desc { color: var(--text-secondary); }

[data-theme="light"] .rate-input {
    background: var(--bg-primary);
    color: var(--text-primary);
}

[data-theme="light"] .rate-input:not(:placeholder-shown) {
    color: var(--brand-orange);
}

[data-theme="light"] .rates-search {
    background: var(--bg-deep);
    color: var(--text-primary);
}

[data-theme="light"] .rates-link-text { color: var(--text-muted); }

/* Equipment modal */
[data-theme="light"] .eqp-backdrop {
    background: rgba(150, 150, 150, 0.50);
}

[data-theme="light"] .eqp-modal {
    background: var(--bg-primary);
}

[data-theme="light"] .eqp-modal-header {
    border-bottom-color: rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .eqp-close-btn {
    background: var(--bg-deep);
    color: var(--text-muted);
    box-shadow: var(--neo-btn);
}

[data-theme="light"] .eqp-close-btn:hover { color: var(--error); box-shadow: var(--neo-pressed); }

[data-theme="light"] .eqp-modal-toolbar {
    border-bottom-color: rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .eqp-download {
    background: var(--bg-primary);
    color: #0077aa;
    box-shadow: var(--neo-btn);
}

[data-theme="light"] .eqp-upload {
    background: var(--bg-primary);
    color: var(--brand-orange);
    box-shadow: var(--neo-btn);
}

[data-theme="light"] .eqp-toast {
    background: var(--bg-raised, #e8e8e8);
    border-color: rgba(0, 150, 200, 0.25);
}

/* Format pickers */
[data-theme="light"] .fmt-picker-trigger {
    background: var(--bg-primary);
    border-color: rgba(255, 122, 42, 0.4);
    color: var(--text-primary);
    box-shadow: var(--neo-btn);
}

[data-theme="light"] .fmt-picker-trigger:hover {
    border-color: rgba(255, 122, 42, 0.65);
    box-shadow: var(--neo-raised);
}

[data-theme="light"] .fmt-picker-trigger.open {
    box-shadow: var(--neo-pressed), 0 0 0 2px rgba(255, 122, 42, 0.15);
}

[data-theme="light"] .fmt-picker-menu {
    background: var(--bg-raised);
    border-color: rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.15);
}

[data-theme="light"] .fmt-picker-item { color: var(--text-secondary); }
[data-theme="light"] .fmt-picker-item:hover { background: rgba(0, 0, 0, 0.06); }
[data-theme="light"] .fmt-picker-item.selected { background: rgba(255, 122, 42, 0.1); color: var(--brand-orange); }