/* ==========================================================================
   Request Create — dark mode overrides.
   Loaded after request_create.css so the light tokens are already defined.
   ========================================================================== */

html[data-layout-mode=dark_mode] {
    --rc-ink: #e8edf3;
    --rc-text: #c3cbd6;
    --rc-muted: #9aa5b4;
    --rc-faint: #7f8b9b;
    --rc-line: #2a3340;
    --rc-line-soft: #232a35;
    --rc-surface: #1a1f27;
    --rc-surface-alt: #232a35;
    --rc-blue: #4a8fd4;
    --rc-blue-dark: #16558f;
    --rc-blue-soft: #1c2a3a;
    --rc-blue-line: #31506f;
    --rc-blue-tint: #24384f;
    --rc-green: #2f9e5a;
    --rc-green-dark: #2b8c50;
    --rc-green-soft: #172a20;
    --rc-green-line: #2c5540;
    --rc-green-ink: #6ee7a5;
    --rc-amber-soft: #2c2416;
    --rc-amber-ink: #f0b45f;
    --rc-red: #e06868;
    --rc-red-soft: #2c1a1c;
    --rc-red-line: #58302f;
}

html[data-layout-mode=dark_mode] .rc-banner {
    background: linear-gradient(110deg, #1c2a3a, #1a1f27);
}

html[data-layout-mode=dark_mode] .rc-banner__icon,
html[data-layout-mode=dark_mode] .rc-banner--done .rc-banner__icon {
    color: #0f172a;
}

html[data-layout-mode=dark_mode] .rc-section--complete {
    background: linear-gradient(180deg, #172a20 0%, var(--rc-surface) 42%);
}

html[data-layout-mode=dark_mode] .rc-section--complete .rc-section__number {
    background: #172a20;
    color: #6ee7a5;
}

html[data-layout-mode=dark_mode] .rc-section--complete .rc-section__title {
    color: #6ee7a5;
}

html[data-layout-mode=dark_mode] .rc-progress {
    background: #1c2a3a;
}

html[data-layout-mode=dark_mode] .rc-progress--ready {
    background: #172a20;
}

html[data-layout-mode=dark_mode] .rc-progress__icon {
    background: #12171f;
}

html[data-layout-mode=dark_mode] .rc-progress__copy strong {
    color: #93c5fd;
}

html[data-layout-mode=dark_mode] .rc-progress--ready .rc-progress__copy strong {
    color: #6ee7a5;
}

html[data-layout-mode=dark_mode] .rc-progress__track {
    fill: rgba(18, 23, 31, 0.85);
}

html[data-layout-mode=dark_mode] .rc-progress__pct {
    color: #93c5fd;
}

html[data-layout-mode=dark_mode] .rc-progress--ready .rc-progress__pct {
    color: #6ee7a5;
}

html[data-layout-mode=dark_mode] .rc-net {
    background: linear-gradient(135deg, var(--rc-blue) 0%, var(--rc-blue-dark) 100%);
    border-top: 0;
}

html[data-layout-mode=dark_mode] .rc-net span {
    color: rgba(239, 246, 255, 0.82);
}

html[data-layout-mode=dark_mode] .rc-summary {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 8px 24px rgba(0, 0, 0, 0.2);
}

html[data-layout-mode=dark_mode] .rc-summary__divider {
    border-top-color: #3a4556;
}

html[data-layout-mode=dark_mode] .rc-adjustment {
    background: #232a35;
}

html[data-layout-mode=dark_mode] .rc-adjustment__remove:hover {
    background: #3a1f22;
}

html[data-layout-mode=dark_mode] .rc-net__copy small {
    color: rgba(239, 246, 255, 0.82);
}

html[data-layout-mode=dark_mode] .rc-match--ok {
    background: #172a20;
    color: #6ee7a5;
}

html[data-layout-mode=dark_mode] .rc-match--ok .rc-match__icon {
    background: #1f3a2a;
    color: #6ee7a5;
}

html[data-layout-mode=dark_mode] .rc-match__icon {
    background: rgba(255, 255, 255, 0.06);
}

html[data-layout-mode=dark_mode] .rc-upload {
    background: #1c2430;
}

html[data-layout-mode=dark_mode] .rc-picker__new-btn {
    background: var(--rc-surface);
}

html[data-layout-mode=dark_mode] .rc-picker__card {
    background: var(--rc-surface);
}

html[data-layout-mode=dark_mode] .rc-picker__card:hover {
    background: #1c2a3a;
}

html[data-layout-mode=dark_mode] .rc-picker__add {
    background: #12171f;
}

html[data-layout-mode=dark_mode] .rc-empty {
    background: #1c2430;
}

html[data-layout-mode=dark_mode] .request-create-modal.p-dialog > .p-dialog-footer,
html[data-layout-mode=dark_mode] .rc-footer {
    background: #232a35;
    border-top-color: #2a3340;
}

html[data-layout-mode=dark_mode] .rc-line-dialog.p-dialog > .p-dialog-footer,
html[data-layout-mode=dark_mode] .rc-new-item-dialog.p-dialog > .p-dialog-footer {
    background: #232a35;
    border-top-color: #2a3340;
}

html[data-layout-mode=dark_mode] .rc-attach {
    background: #1a1f27;
    border-color: #2a3340;
}

html[data-layout-mode=dark_mode] .rc-attach__title {
    color: #e8edf3;
}

html[data-layout-mode=dark_mode] .rc-attach-card {
    background: #1a1f27;
    border-color: #2a3340;
}

html[data-layout-mode=dark_mode] .rc-attach-card__copy strong {
    color: #e8edf3;
}

html[data-layout-mode=dark_mode] .rc-attach__tip {
    background: #1c2a3a;
    border-color: #31506f;
}

html[data-layout-mode=dark_mode] .rc-attach__tip p {
    color: #c3cbd6;
}

html[data-layout-mode=dark_mode] .rc-attach__tip strong {
    color: #e8edf3;
}

html[data-layout-mode=dark_mode] .rc-btn--ghost {
    background: #1a1f27;
    border-color: #2a3340;
    color: #c3cbd6;
}

html[data-layout-mode=dark_mode] .rc-btn--ghost:hover:not(:disabled) {
    background: #2c3441;
    border-color: #3a4554;
    color: #e8edf3;
}

html[data-layout-mode=dark_mode] .rc-line--free {
    background: var(--rc-amber-soft);
    border-color: #5c4a28;
}

html[data-layout-mode=dark_mode] .rc-sheet {
    background: var(--rc-surface);
    box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.45);
}

html[data-layout-mode=dark_mode] .rc-sheet__bar {
    background: linear-gradient(135deg, var(--rc-blue) 0%, var(--rc-blue-dark) 100%);
}

html[data-layout-mode=dark_mode] .rc-mode-panel__title {
    color: var(--rc-faint);
}

html[data-layout-mode=dark_mode] .rc-btn--primary,
html[data-layout-mode=dark_mode] .rc-btn--success {
    color: #0f172a;
}

html[data-layout-mode=dark_mode] .rc-error {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.35);
}