/* Trilno skin: source tokens from Trilno.Web/wwwroot/app.css and trilno-theme.css.
   Loaded after the application styles so this can be maintained as one skin. */
:root {
    --trilno-navy: #0d1b2a;
    --trilno-teal: #00b4b0;
    --trilno-mint: #5ed1c6;
    --trilno-font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
    --trilno-font-display: "Playfair Display", Georgia, serif;
}

html, body { font-family: var(--trilno-font-body); }
a, .btn-link { color: var(--mud-palette-primary, #007a77); }

/* Navigation and settings cards use the same brand family. Status indicators
   still use MudBlazor's success, warning and error colours. */
.mud-layout {
    --nav-azure: #007a77;
    --nav-green: #26766b;
    --nav-violet: #3d6d80;
    --nav-cyan: #007a77;
    --nav-amber: #95651c;
    --nav-pink: #52737c;
    --nav-lime: #46735d;
    --nav-orange: #94683a;
    --nav-indigo: #3e647b;
}
.mud-layout.app-dark {
    --nav-azure: #5ed1c6;
    --nav-green: #8ed6ba;
    --nav-violet: #9cc5d4;
    --nav-cyan: #5ed1c6;
    --nav-amber: #e4c38a;
    --nav-pink: #a7c8cd;
    --nav-lime: #afd4b6;
    --nav-orange: #dfbd98;
    --nav-indigo: #9abfcf;
}

.mud-appbar {
    border-bottom: 1px solid rgba(94, 209, 198, 0.2);
    box-shadow: 0 3px 16px rgba(13, 27, 42, 0.12);
}
.platform-caption { letter-spacing: 0.035em; }
.mud-drawer { border-inline-end: 1px solid var(--mud-palette-lines-default); }
.mud-nav-link { border-radius: 8px; }
.mud-button-root { letter-spacing: 0; }
.mud-button-filled-primary { box-shadow: 0 3px 10px rgba(0, 122, 119, 0.16); }
.mud-table-container { scrollbar-color: var(--mud-palette-lines-inputs) transparent; }
.mud-table-head .mud-table-cell {
    background-color: var(--mud-palette-background-gray);
    font-weight: 600;
}
.auth-page {
    background: radial-gradient(ellipse at 50% 20%, rgba(0, 180, 176, 0.1), transparent 68%);
}
.auth-card {
    border-radius: 18px;
    border-top: 3px solid var(--trilno-teal);
    box-shadow: 0 20px 56px rgba(4, 18, 31, 0.18);
}
.auth-title {
    font-family: var(--trilno-font-display);
    font-weight: 500;
    letter-spacing: -0.025em;
}
/* Static Identity screens use Bootstrap controls inside the shared Mud shell. */
.auth-card .btn-primary {
    --bs-btn-bg: #007a77;
    --bs-btn-border-color: #007a77;
    --bs-btn-hover-bg: #006a67;
    --bs-btn-hover-border-color: #006a67;
    --bs-btn-active-bg: #006a67;
    --bs-btn-active-border-color: #006a67;
    background-color: #007a77;
    border-color: #007a77;
    border-radius: 8px;
}
.auth-card .btn-primary:hover { background-color: #006a67; border-color: #006a67; }
.auth-card .form-control:focus {
    border-color: var(--trilno-mint);
    box-shadow: 0 0 0 3px rgba(94, 209, 198, 0.18);
}
.auth-card .form-check-input:checked { background-color: #007a77; border-color: #007a77; }

@media print {
    .mud-table-head .mud-table-cell { background-color: #f2f4f7; color: #0d1b2a; }
}