/* ═══════════════════════════════════════════════════════════
   PnL Workshop Cost tab  (.pnlw- prefix)  FEAT-048
   ═══════════════════════════════════════════════════════════ */

/* ── Tabs container ──────────────────────────────────────── */
.pnlr-tabs {
    border-bottom: none !important;
}

.pnlr-tab {
    background: #1e2537 !important;
    border: 1px solid #2d3548 !important;
    color: #8a96b0 !important;
    padding: 10px 20px !important;
    font-size: 0.87rem !important;
}

.pnlr-tab-selected {
    background: #252d40 !important;
    border-bottom: 2px solid #4a9eff !important;
    color: #e4e8f0 !important;
    font-weight: 600 !important;
}

body[data-theme="light"] .pnlr-tab           { background: #f8f9fa !important; border-color: #dde1eb !important; color: #495057 !important; }
body[data-theme="light"] .pnlr-tab-selected  { background: #fff !important; border-bottom-color: #4a9eff !important; color: #212529 !important; }

/* ── Workshop KPI row ─────────────────────────────────────── */
.pnlw-kpi-row {
    display: flex;
    gap: 14px;
    padding: 16px 24px;
    flex-wrap: wrap;
}

/* ── Workshop content area ────────────────────────────────── */
.pnlw-content {
    padding: 16px 24px;
}

/* ── Workshop DataTable overrides ─────────────────────────── */
.pnlw-data-table .dash-table-container {
    background: transparent;
}

/* Dark theme table */
body:not([data-theme="light"]) .pnlw-data-table .dash-spreadsheet-container,
body:not([data-theme="light"]) .pnlw-data-table .dash-spreadsheet-inner {
    background: #1e2537;
    color: #c8d0df;
}

body:not([data-theme="light"]) .pnlw-data-table .dash-header {
    background: #161c2b !important;
    color: #8a96b0 !important;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 2px solid rgba(255,255,255,0.1) !important;
}

body:not([data-theme="light"]) .pnlw-data-table .dash-cell {
    background: #1e2537 !important;
    color: #c8d0df !important;
    border-bottom: 1px solid rgba(255,255,255,0.04) !important;
}

body:not([data-theme="light"]) .pnlw-data-table .odd .dash-cell {
    background: #1a2030 !important;
}

/* Light theme table */
body[data-theme="light"] .pnlw-data-table .dash-header {
    background: #f0f2f5 !important;
    color: #495057 !important;
}

body[data-theme="light"] .pnlw-data-table .dash-cell {
    background: #fff !important;
    color: #212529 !important;
    border-bottom-color: #f0f2f5 !important;
}

@media (max-width: 768px) {
    .pnlw-kpi-row { flex-direction: column; }
    .pnlw-content { padding: 12px; }
}