/* ===================================================================
 * styles-boq-light.css
 * Purpose: Light-mode BOQ table contrast tweaks
 * Extracted from styles.css during the Apr 2026 split (task #23).
 * =================================================================== */
/* ===============================================
   LIGHT MODE BOQ TABLE IMPROVEMENTS
   =============================================== */

/* Light mode: Softer borders and better contrast */
[data-theme="light"] .boq-table th,
[data-theme="light"] .boq-table td {
    border: 1px solid #cccccc !important; /* Softer grey borders instead of black */
    color: #333333 !important;
}

/* Light mode: Readable input fields with black text */
[data-theme="light"] .boq-table input[type="text"],
[data-theme="light"] .boq-table input[type="number"],
[data-theme="light"] .boq-table select,
[data-theme="light"] .boq-table .form-control,
[data-theme="light"] .boq-table .form-select {
    background-color: #f8f9fa !important;
    border: 1px solid #cccccc !important;
    color: #000000 !important; /* Black text for visibility */
}

/* Light mode: Black text for totals and important values */
[data-theme="light"] .boq-table .text-end,
[data-theme="light"] .boq-table .item-total,
[data-theme="light"] .boq-table tr.item-row .text-end,
[data-theme="light"] .boq-table tr[data-type="item"] .text-end,
[data-theme="light"] #boqTable tr.item-row .text-end,
[data-theme="light"] .boq-table .project-total {
    color: #000000 !important; /* Black totals for visibility */
    font-weight: 600 !important;
}

/* Light mode: Phase and CC totals keep orange color */
[data-theme="light"] .boq-table .phase-total,
[data-theme="light"] .boq-table .cc-total,
[data-theme="light"] .boq-table tr.phase-row .text-end,
[data-theme="light"] .boq-table tr[data-type="cc"] .text-end {
    color: #ff6600 !important;
    font-weight: 600 !important;
}

/* Light mode: Editable spans render as plain text inside the cell.
   No background, no border — just text. Editability is preserved via
   the .editable JS handler; a subtle hover affordance is provided in
   boq-redesigned.css so users still see the cell is interactive. */
[data-theme="light"] .boq-table .editable {
    color: #000000 !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Light mode: Phase and CC row editable spans stay orange */
[data-theme="light"] .boq-table tr.phase-row .editable,
[data-theme="light"] .boq-table tr[data-type="cc"] .editable,
[data-theme="light"] #boqTable tr.phase-row td span.editable,
[data-theme="light"] #boqTable tr[data-level="cc"] td span.editable,
[data-theme="light"] #boq-table tr.phase-row td span.editable,
[data-theme="light"] #boq-table tr[data-level="cc"] td span.editable {
    color: #ff6600 !important;
}

/* Light mode: Header styling */
[data-theme="light"] .boq-table thead th {
    background-color: #f1f3f4 !important;
    border-bottom: 2px solid #cccccc !important;
    color: #ff6600 !important; /* Match Phase/CC row text color */
}

/* Light mode: Phase and cost center rows */
[data-theme="light"] #boqTable tr.phase-row,
[data-theme="light"] #boq-table tr[data-level="phase"],
[data-theme="light"] .table tr.phase-row {
    background-color: #f8f9fa !important;
    border-top: 2px solid var(--color-accent-600) !important;
    border-bottom: 1px solid #cccccc !important;
    color: #ff6600 !important;
}

[data-theme="light"] #boqTable tr.phase-row td,
[data-theme="light"] #boq-table tr[data-level="phase"] td,
[data-theme="light"] .table tr.phase-row td {
    color: #ff6600 !important;
}

[data-theme="light"] #boqTable tr.cc-row,
[data-theme="light"] #boq-table tr[data-level="cc"],
[data-theme="light"] .table tr[data-type="cc"] {
    background-color: #f1f3f4 !important;
    border-left: 3px solid var(--color-accent-600) !important;
    color: #ff6600 !important;
}

[data-theme="light"] #boqTable tr.cc-row td,
[data-theme="light"] #boq-table tr[data-level="cc"] td,
[data-theme="light"] .table tr[data-type="cc"] td {
    color: #ff6600 !important;
}

/* Light mode: Item rows with subtle background */
[data-theme="light"] #boqTable tr.item-row,
[data-theme="light"] #boq-table tr[data-level="item"],
[data-theme="light"] .table tr[data-type="item"] {
    background-color: #ffffff !important;
    border-left: 1px solid #cccccc !important;
}

/* Light mode: Hover effects */
[data-theme="light"] .boq-table.table-hover tbody tr:hover {
    background-color: rgba(245, 179, 1, 0.1) !important;
}

/* Light mode: Fix input placeholder text */
[data-theme="light"] .boq-table input::placeholder {
    color: #6c757d !important;
}

/* Light mode: Dropdown styling */
[data-theme="light"] .boq-table .dropdown-menu {
    background-color: #ffffff !important;
    border: 1px solid #cccccc !important;
}

[data-theme="light"] .boq-table .dropdown-item {
    color: #333333 !important;
}

[data-theme="light"] .boq-table .dropdown-item:hover {
    background-color: rgba(245, 179, 1, 0.1) !important;
}