/* ============================================================
   Additive states only — the base design CSS is untouched.
   Uses the same design tokens from the uploaded design files.
   ============================================================ */
.urgency-medium {
    background-color: #fff4e5;
    color: #a15c00;
}

.urgency-high {
    background-color: #fdecea;
    color: #b3261e;
}

#auth-alert {
    display: none;
    padding: 12px 14px;
    border-radius: 8px;
    font-size: 12.5px;
    line-height: 1.7;
    margin-bottom: 18px;
}

#auth-alert a { font-weight: 700; }

#app-toast { animation: toastIn .25s ease; }

@keyframes toastIn {
    from { opacity: 0; transform: translate(-50%, 10px); }
    to   { opacity: 1; transform: translate(-50%, 0); }
}

.btn[disabled] { cursor: not-allowed; }

.nav-item { user-select: none; }