@import url('./itc-theme-control.css');

/* Shared dark surfaces for public HTML pages. Filament and PDFs keep their own styles. */
html.dark {
    --itc-dark-navy: #f1f5f9;
    --itc-navy: #9fc5ff;
    --itc-slate: #d5deed;
    --itc-muted: #b5c3d6;
    --itc-border: #45546b;
    --itc-soft: #0b1424;
    --itc-surface: #172439;
}

html.dark body {
    background: #0b1424;
    color: #f1f5f9;
}

html.dark .topbar {
    background: #101d32;
    color: #f1f5f9;
}

html.dark .intro,
html.dark .card,
html.dark .validation-card,
html.dark section,
html.dark .detail-item,
html.dark .record-cell,
html.dark .trust-item,
html.dark .proof-list li,
html.dark input,
html.dark select,
html.dark textarea {
    background: #172439;
    border-color: #45546b;
    color: #f1f5f9;
}

html.dark .record-panel,
html.dark .trust-panel,
html.dark .protected-id,
html.dark .topbar-pill {
    background: #243650;
    border-color: #45546b;
    color: #f1f5f9;
}

html.dark .eyebrow,
html.dark .record-title,
html.dark .trust-title,
html.dark .text-link {
    color: #bdd8ff;
}

html.dark .trust-item span {
    color: #b9efcf;
}

html.dark button[type="submit"],
html.dark .button-link {
    background: #17457b;
    color: #fff;
}

html.dark .qa-warning {
    background: #54331e;
    color: #ffe6c7;
}

html.dark .session-card {
    background: linear-gradient(180deg, #172439 0%, #1b2b42 100%);
}

html.dark .summary-item,
html.dark .process-step {
    background: #22334b;
    border-color: #455873;
}

html.dark .active-day-card {
    background: #173d33;
    border-color: #328467;
}

html.dark .signature-card {
    background: linear-gradient(180deg, #22334b, #1b2b42);
    border-color: #455873;
}

html.dark .itc-simple-status-page main {
    background: #172439;
    border-color: #45546b;
    color: #f1f5f9;
}

html.dark .itc-simple-status-page h1,
html.dark .itc-simple-status-page .brand {
    color: #f1f5f9;
}

html.dark .itc-simple-status-page p {
    color: #cbd5e1;
}

.itc-theme-floating {
    position: fixed;
    top: 12px;
    right: 12px;
    z-index: 50;
}

.itc-theme-inline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

@media (max-width: 820px) {
    .itc-theme-inline {
        justify-content: flex-start;
    }
}