/* FINAL readability override */

/* Any light/white panel must use dark readable text */
.bg-white,
.bg-gray-50,
.bg-gray-100,
.bg-gray-200,
.bg-slate-50,
.bg-slate-100,
.bg-slate-200,
[class*="bg-white"],
[class*="bg-gray-100"],
[class*="bg-gray-200"],
[style*="background: white"],
[style*="background-color: white"],
[style*="background:#fff"],
[style*="background-color:#fff"],
[style*="background: #fff"],
[style*="background-color: #fff"],
[style*="background: rgb(255"],
[style*="background-color: rgb(255"] {
    background-color: #e5e7eb !important;
    color: #111827 !important;
}

/* Children inside light panels must also become dark */
.bg-white *,
.bg-gray-50 *,
.bg-gray-100 *,
.bg-gray-200 *,
.bg-slate-50 *,
.bg-slate-100 *,
.bg-slate-200 *,
[class*="bg-white"] *,
[class*="bg-gray-100"] *,
[class*="bg-gray-200"] *,
[style*="background: white"] *,
[style*="background-color: white"] *,
[style*="background:#fff"] *,
[style*="background-color:#fff"] *,
[style*="background: #fff"] *,
[style*="background-color: #fff"] *,
[style*="background: rgb(255"] *,
[style*="background-color: rgb(255"] * {
    color: #111827 !important;
}

/* Workflow pills/buttons */
button,
.btn,
.workflow-step,
.workflow-pill,
.pill,
.badge,
[role="button"] {
    background-color: #334155 !important;
    color: #ffffff !important;
    border: 1px solid #64748b !important;
    opacity: 1 !important;
}

button *,
.btn *,
.workflow-step *,
.workflow-pill *,
.pill *,
.badge *,
[role="button"] * {
    color: #ffffff !important;
}

/* Disabled-looking buttons still readable */
button:disabled,
.disabled,
[aria-disabled="true"] {
    background-color: #475569 !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

button:disabled *,
.disabled *,
[aria-disabled="true"] * {
    color: #ffffff !important;
}

/* Main dark panels */
.card,
.panel,
.box,
section {
    color: #f8fafc !important;
}
/* CIA Classification Bar Fix */
.cia-bar,
[class*="cia"],
[class*="classification"] {
    background: #0f172a !important;   /* dark navy */
    color: #ffffff !important;        /* white text */
    border: 1px solid #334155 !important;
}

/* If it's using badges or spans inside */
.cia-bar * {
    color: #ffffff !important;
}

/* Override any light gray backgrounds globally (last resort) */
.bg-light,
.bg-gray,
.light,
[class*="light"] {
    background-color: #1e293b !important;
    color: #ffffff !important;
}