/**
 * Тема: прохладный серо-синий фон (контраст к белым карточкам),
 * чёткая типографика, акценты teal + indigo + тёплый amber — в одной гамме.
 */
:root {
    /* фон страницы — заметно темнее карточек */
    --corp-page-from: #9fb0c4;
    --corp-page-mid: #b4c2d4;
    --corp-page-to: #cad6e4;

    --corp-bg: #b4c2d4;
    --corp-bg-soft: #c9d4e4;
    --corp-surface: #ffffff;
    --corp-surface-2: #e8eef5;
    --corp-surface-muted: #d8e2ed;

    --corp-border: #6b7c90;
    --corp-border-strong: #556575;

    --corp-text: #0f172a;
    --corp-text-secondary: #1e293b;
    --corp-text-muted: #475569;

    /* акценты (сочетаются на холодном фоне) */
    --corp-teal: #0d9488;
    --corp-teal-dark: #0f766e;
    --corp-teal-soft: #ccfbf1;

    --corp-indigo: #4f46e5;
    --corp-indigo-dark: #3730a3;
    --corp-indigo-soft: #e0e7ff;

    --corp-amber: #d97706;
    --corp-amber-dark: #b45309;
    --corp-amber-soft: #ffedd5;

    /* срок 1–3 дня (ещё не просрочено) — песок / охра */
    --corp-deadline-near-bg: #fffbeb;
    --corp-deadline-near-border: #d97706;
    --corp-deadline-near-accent: #b45309;
    --corp-deadline-near-pill-from: #fde68a;
    --corp-deadline-near-pill-to: #fbbf24;
    --corp-deadline-near-text: #78350f;
    --corp-deadline-near-soft: #fef3c7;
    --corp-deadline-near-line: #f59e0b;

    /* просрочено */
    --corp-deadline-overdue-bg: #fef2f2;
    --corp-deadline-overdue-soft: #fee2e2;
    --corp-deadline-overdue-border: #991b1b;
    --corp-deadline-overdue-stripe: #7f1d1d;

    /* срок сегодня — оранжево-красный, отдельно от просрочки */
    --corp-deadline-today-bg: #fff7ed;
    --corp-deadline-today-border: #ea580c;
    --corp-deadline-today-pill: #c2410c;

    /* обобщённые слоты */
    --corp-accent: var(--corp-teal);
    --corp-accent-hover: var(--corp-teal-dark);
    --corp-accent-soft: #b2f5ea;
    --corp-shadow: 0 14px 44px rgba(15, 23, 42, 0.16), 0 4px 12px rgba(15, 23, 42, 0.1);
    --corp-radius: 14px;
    --corp-radius-sm: 10px;
}

html {
    scroll-behavior: smooth;
    font-size: 17px;
}

::selection {
    background: rgba(13, 148, 136, 0.28);
    color: var(--corp-text);
}

body {
    background: linear-gradient(
        165deg,
        var(--corp-page-from) 0%,
        var(--corp-page-mid) 50%,
        var(--corp-page-to) 100%
    );
    background-color: var(--corp-bg);
    color: var(--corp-text);
    -webkit-font-smoothing: antialiased;
    line-height: 1.55;
}

a {
    color: var(--corp-indigo-dark);
    text-decoration-color: rgba(55, 48, 163, 0.4);
    font-weight: 500;
}

a:hover {
    color: var(--corp-teal-dark);
}

:focus-visible {
    outline: 2px solid var(--corp-teal);
    outline-offset: 2px;
}

button:not(:disabled),
input[type="submit"]:not(:disabled),
input[type="button"]:not(:disabled) {
    cursor: pointer;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
select,
textarea {
    accent-color: var(--corp-teal);
}

hr {
    border: none;
    border-top: 1px solid var(--corp-border);
}

*::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

*::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, 0.06);
    border-radius: 8px;
}

*::-webkit-scrollbar-thumb {
    background: #64748b;
    border-radius: 8px;
    border: 2px solid var(--corp-page-to);
}

*::-webkit-scrollbar-thumb:hover {
    background: var(--corp-teal-dark);
}

/* Бейджи заявок (статус, исполнитель, дата) — тёмный фон + белый текст */
.badge.badge-accent-teal {
    background: var(--corp-teal-dark);
    color: #ffffff !important;
    border-color: #0a5c52;
}

.badge.badge-accent-indigo {
    background: var(--corp-indigo-dark);
    color: #ffffff !important;
    border-color: #312e81;
}