/* =====================================================================
   style-43-po-approval-monitor.css  —  Approval Monitor (FEAT-198)
   ===================================================================== */

/* ── Page subtitle ── */
.pam-subtitle {
    color: #6b7280;
}
[data-theme="dark"] .pam-subtitle {
    color: #9ca3af;
}

/* ── KPI cards ── */
.pam-kpi-label {
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: 0.3rem;
}

.pam-kpi-value {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.1;
}

/* Light theme */
body[data-theme="light"] .pam-kpi-label { color: #6b7280; }
body[data-theme="light"] .pam-kpi-value { color: #1d4ed8; }
body[data-theme="light"] .pam-kpi-value.pam-kpi-warn { color: #d97706; }
body[data-theme="light"] .pam-kpi-value.pam-kpi-crit { color: #dc2626; }

/* Dark theme */
[data-theme="dark"] .pam-kpi-label { color: #9ca3af; }
[data-theme="dark"] .pam-kpi-value { color: #93c5fd; }
[data-theme="dark"] .pam-kpi-value.pam-kpi-warn { color: #fbbf24; }
[data-theme="dark"] .pam-kpi-value.pam-kpi-crit { color: #f87171; }

/* ── Aging badge pills ── */
.pam-badge {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.pam-badge-ok   { background: #d1fae5; color: #065f46; }
.pam-badge-warn { background: #fef3c7; color: #78350f; }
.pam-badge-crit { background: #fee2e2; color: #7f1d1d; }
.pam-badge-na   { background: transparent; color: #9ca3af; }

[data-theme="dark"] .pam-badge-ok   { background: #064e3b; color: #6ee7b7; }
[data-theme="dark"] .pam-badge-warn { background: #451a03; color: #fcd34d; }
[data-theme="dark"] .pam-badge-crit { background: #450a0a; color: #fca5a5; }

/* ── Section headings ── */
.pam-section-heading {
    font-size: 1.05rem;
    font-weight: 600;
}
body[data-theme="light"] .pam-section-heading { color: #111827; }
[data-theme="dark"] .pam-section-heading { color: #f3f4f6; }

/* ── External link button ── */
.pam-external-link {
    font-size: 0.78rem;
    padding: 2px 10px;
    white-space: nowrap;
}

/* ── DataTable — theme-aware header + cells ── */

/* Light: white background, dark text */
body[data-theme="light"] .pam-table-wrapper .dash-header,
body[data-theme="light"] .pam-table-wrapper th.dash-header {
    background-color: #f1f5f9 !important;
    color: #1e293b !important;
    border-color: #e2e8f0 !important;
    font-family: inherit !important;
}
body[data-theme="light"] .pam-table-wrapper .dash-cell,
body[data-theme="light"] .pam-table-wrapper td.dash-cell {
    background-color: #ffffff !important;
    color: #1e293b !important;
    border-color: #e2e8f0 !important;
    font-family: inherit !important;
}

/* Dark: dark background, light text */
[data-theme="dark"] .pam-table-wrapper .dash-header,
[data-theme="dark"] .pam-table-wrapper th.dash-header {
    background-color: #1e2537 !important;
    color: #e8eaf0 !important;
    border-color: #2d3548 !important;
    font-family: inherit !important;
}
[data-theme="dark"] .pam-table-wrapper .dash-cell,
[data-theme="dark"] .pam-table-wrapper td.dash-cell {
    background-color: #252b3b !important;
    color: #e8eaf0 !important;
    border-color: #2d3548 !important;
    font-family: inherit !important;
}