:root { font-family: Arial, sans-serif; color-scheme: dark; }
body { margin: 0; background: #0f172a; color: #e2e8f0; }
#app { max-width: 1080px; margin: 0 auto; padding: 16px; }
.app-header { padding: 12px; background: #111827; border: 1px solid #334155; border-radius: 8px; }
.nav { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0; }
.nav-link { padding: 6px 10px; border: 1px solid #334155; border-radius: 6px; color: #93c5fd; text-decoration: none; }
.nav-link.active { background: #1d4ed8; color: white; }
.card { border: 1px solid #334155; border-radius: 8px; padding: 12px; background: #111827; margin-bottom: 12px; }
.status-row { display: flex; justify-content: space-between; padding: 4px 0; border-bottom: 1px dotted #334155; }
.actions-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 8px; }
button { padding: 8px; border: 1px solid #475569; background: #1e293b; color: #94a3b8; border-radius: 6px; }
.safety-badges { display: flex; flex-wrap: wrap; gap: 8px; }
.safety-badges span { border: 1px solid #7f1d1d; color: #fecaca; padding: 4px 8px; border-radius: 999px; font-size: 12px; }
.danger-zone { border: 1px solid #7f1d1d; background: #1f1116; border-radius: 8px; padding: 10px; }
.danger { border-color: #ef4444; color: #fecaca; }
.placeholder { color: #93c5fd; }
.system-status-grid { display: grid; gap: 2px; }
.readonly-contract-note { margin-bottom: 8px; color: #93c5fd; font-size: 13px; }
.readonly-contract-routes { margin: 0 0 12px 18px; padding: 0; color: #cbd5e1; }
.readonly-contract-routes code { color: #bfdbfe; }

/* TCDC_SHELL_ASSET_AND_DESIGN_SYNC_V1 — light app icon / brand mark */
.brand-lockup { display: flex; align-items: center; gap: 12px; }
.brand-icon { width: 48px; height: 48px; border-radius: 999px; flex: 0 0 auto; background: #f7f8fa; }
.brand-copy h1 { margin: 0 0 4px; }
.brand-copy p { margin: 0; }


.paper-report-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 10px; }
.paper-report-chip { border: 1px solid #334155; border-radius: 8px; padding: 10px; background: #0b1220; }
.paper-report-chip h4 { margin: 0 0 6px; }
.paper-report-chip p { margin: 0; color: #cbd5e1; font-size: 13px; }
.paper-report-curve { margin-top: 12px; }
.paper-report-curve-table { width: 100%; border-collapse: collapse; }
.paper-report-curve-table th, .paper-report-curve-table td { border: 1px solid #334155; padding: 6px; font-size: 13px; }
.paper-report-curve-empty { color: #93c5fd; }
.paper-report-note { color: #94a3b8; font-size: 12px; }

.paper-report-warning { border: 1px solid #b45309; background: #2b1a08; color: #fde68a; padding: 10px; border-radius: 8px; margin: 10px 0; }
.paper-report-coverage { margin-top: 12px; }
.paper-report-curve-window { color: #fcd34d; font-size: 12px; margin: 0 0 8px; }