/* ===================================================================
 * styles-boq-phase-cc.css
 * Purpose: BOQ phase-row and cost-centre row colour rules
 * Extracted from styles.css during the Apr 2026 split (task #23).
 * =================================================================== */
/* BOQ Phase Row Styling - Reference Color #474747 - ULTIMATE OVERRIDE */
html body .phase-row,
html body #boqTable .phase-row,
html body #boq-table .phase-row,
html body .boq-table .phase-row,
html body tr.phase-row,
html body tr[data-level="phase"],
html body tr[data-type="phase"] {
    background-color: #474747 !important;
    font-weight: 600 !important;
    border-left: 4px solid #ff8f00 !important;
    padding: 0.5rem !important;
    color: var(--color-accent-500) !important;
}

html body .phase-row td, 
html body .phase-row th,
html body #boqTable .phase-row td, 
html body #boqTable .phase-row th,
html body #boq-table .phase-row td, 
html body #boq-table .phase-row th,
html body .boq-table .phase-row td, 
html body .boq-table .phase-row th,
html body tr.phase-row td, 
html body tr.phase-row th,
html body tr[data-level="phase"] td, 
html body tr[data-level="phase"] th,
html body tr[data-type="phase"] td, 
html body tr[data-type="phase"] th {
    background-color: #474747 !important;
    font-weight: 700 !important;
    color: var(--color-accent-500) !important;
}

/* Dark mode phase row styling */
[data-theme="dark"] html body .phase-row,
[data-theme="dark"] html body #boqTable .phase-row,
[data-theme="dark"] html body #boq-table .phase-row,
[data-theme="dark"] html body .boq-table .phase-row,
[data-theme="dark"] html body tr.phase-row,
[data-theme="dark"] html body tr[data-level="phase"],
[data-theme="dark"] html body tr[data-type="phase"] {
    background-color: #474747 !important;
}

[data-theme="dark"] html body .phase-row td, 
[data-theme="dark"] html body .phase-row th,
[data-theme="dark"] html body #boqTable .phase-row td, 
[data-theme="dark"] html body #boqTable .phase-row th,
[data-theme="dark"] html body #boq-table .phase-row td, 
[data-theme="dark"] html body #boq-table .phase-row th,
[data-theme="dark"] html body .boq-table .phase-row td, 
[data-theme="dark"] html body .boq-table .phase-row th,
[data-theme="dark"] html body tr.phase-row td, 
[data-theme="dark"] html body tr.phase-row th,
[data-theme="dark"] html body tr[data-level="phase"] td, 
[data-theme="dark"] html body tr[data-level="phase"] th,
[data-theme="dark"] html body tr[data-type="phase"] td, 
[data-theme="dark"] html body tr[data-type="phase"] th {
    background-color: #474747 !important;
    color: var(--color-accent-500) !important;
}

/* Light mode phase row styling */
[data-theme="light"] html body .phase-row,
[data-theme="light"] html body #boqTable .phase-row,
[data-theme="light"] html body #boq-table .phase-row,
[data-theme="light"] html body .boq-table .phase-row,
[data-theme="light"] html body tr.phase-row,
[data-theme="light"] html body tr[data-level="phase"],
[data-theme="light"] html body tr[data-type="phase"] {
    background-color: #cc5200 !important;
    border-left: 4px solid #cc5200 !important;
    color: #ffffff !important;
}

[data-theme="light"] html body .phase-row td, 
[data-theme="light"] html body .phase-row th,
[data-theme="light"] html body #boqTable .phase-row td, 
[data-theme="light"] html body #boqTable .phase-row th,
[data-theme="light"] html body #boq-table .phase-row td, 
[data-theme="light"] html body #boq-table .phase-row th,
[data-theme="light"] html body .boq-table .phase-row td, 
[data-theme="light"] html body .boq-table .phase-row th,
[data-theme="light"] html body tr.phase-row td, 
[data-theme="light"] html body tr.phase-row th,
[data-theme="light"] html body tr[data-level="phase"] td, 
[data-theme="light"] html body tr[data-level="phase"] th,
[data-theme="light"] html body tr[data-type="phase"] td, 
[data-theme="light"] html body tr[data-type="phase"] th {
    background-color: #cc5200 !important;
    color: #ffffff !important;
}

/* CC Row Styling - Reference Color #707070 - ULTIMATE OVERRIDE */
html body .cc-row,
html body #boqTable .cc-row,
html body #boq-table .cc-row,
html body .boq-table .cc-row,
html body tr.cc-row,
html body tr[data-level="cc"],
html body tr[data-type="cc"] {
    background-color: #707070 !important;
    font-weight: 500 !important;
    color: var(--color-accent-500) !important;
}

html body .cc-row td, 
html body .cc-row th,
html body #boqTable .cc-row td, 
html body #boqTable .cc-row th,
html body #boq-table .cc-row td, 
html body #boq-table .cc-row th,
html body .boq-table .cc-row td, 
html body .boq-table .cc-row th,
html body tr.cc-row td, 
html body tr.cc-row th,
html body tr[data-level="cc"] td, 
html body tr[data-level="cc"] th,
html body tr[data-type="cc"] td, 
html body tr[data-type="cc"] th {
    background-color: #707070 !important;
    font-weight: 700 !important;
    color: var(--color-accent-500) !important;
}

/* Dark mode CC row styling */
[data-theme="dark"] html body .cc-row,
[data-theme="dark"] html body #boqTable .cc-row,
[data-theme="dark"] html body #boq-table .cc-row,
[data-theme="dark"] html body .boq-table .cc-row,
[data-theme="dark"] html body tr.cc-row,
[data-theme="dark"] html body tr[data-level="cc"],
[data-theme="dark"] html body tr[data-type="cc"] {
    background-color: #707070 !important;
    color: var(--color-accent-500) !important;
}

[data-theme="dark"] html body .cc-row td, 
[data-theme="dark"] html body .cc-row th,
[data-theme="dark"] html body #boqTable .cc-row td, 
[data-theme="dark"] html body #boqTable .cc-row th,
[data-theme="dark"] html body #boq-table .cc-row td, 
[data-theme="dark"] html body #boq-table .cc-row th,
[data-theme="dark"] html body .boq-table .cc-row td, 
[data-theme="dark"] html body .boq-table .cc-row th,
[data-theme="dark"] html body tr.cc-row td, 
[data-theme="dark"] html body tr.cc-row th,
[data-theme="dark"] html body tr[data-level="cc"] td, 
[data-theme="dark"] html body tr[data-level="cc"] th,
[data-theme="dark"] html body tr[data-type="cc"] td, 
[data-theme="dark"] html body tr[data-type="cc"] th {
    background-color: #707070 !important;
    color: var(--color-accent-500) !important;
}

/* Light mode CC row styling */
[data-theme="light"] html body .cc-row,
[data-theme="light"] html body #boqTable .cc-row,
[data-theme="light"] html body #boq-table .cc-row,
[data-theme="light"] html body .boq-table .cc-row,
[data-theme="light"] html body tr.cc-row,
[data-theme="light"] html body tr[data-level="cc"],
[data-theme="light"] html body tr[data-type="cc"] {
    background-color: #707070 !important;
    color: var(--color-accent-500) !important;
}

[data-theme="light"] html body .cc-row td, 
[data-theme="light"] html body .cc-row th,
[data-theme="light"] html body #boqTable .cc-row td, 
[data-theme="light"] html body #boqTable .cc-row th,
[data-theme="light"] html body #boq-table .cc-row td, 
[data-theme="light"] html body #boq-table .cc-row th,
[data-theme="light"] html body .boq-table .cc-row td, 
[data-theme="light"] html body .boq-table .cc-row th,
[data-theme="light"] html body tr.cc-row td, 
[data-theme="light"] html body tr.cc-row th,
[data-theme="light"] html body tr[data-level="cc"] td, 
[data-theme="light"] html body tr[data-level="cc"] th,
[data-theme="light"] html body tr[data-type="cc"]td, 
[data-theme="light"] html body tr[data-type="cc"] th {
    background-color: #707070 !important;
    color: var(--color-accent-500) !important;
}

/* Responsive tweaks */
@media (max-width: 768px) {
    .navbar {
        padding: 0.5rem 1rem;
    }

    .stat-card {
        margin-bottom: 1rem;
    }

    .ad-placeholder-mobile {
        height: 50px; /* Smaller mobile banner height */
        max-width: 320px; /* Mobile banner width */
    }
}