/*
 * Copyright (c) 2026 A BIT LOGIC (PRIVATE) LIMITED. All rights reserved.
 * Part of the White-Label Booking System. Licensed under the LICENSE file
 * in the repository root.
 */

/* ── Portal theme: Poppins everywhere ─────────────────────────────────────── */
html, body,
.mud-typography, .mud-input, .mud-input-root, .mud-select,
.mud-button-root, .mud-button-label, .mud-nav-link, .mud-nav-group,
.mud-table, .mud-table-cell, .mud-input-label, .mud-chip,
input, button, textarea, select {
    font-family: 'Poppins', 'Roboto', ui-sans-serif, system-ui, -apple-system, sans-serif !important;
}

h1:focus { outline: none; }

.valid.modified:not([type=checkbox]) { outline: 1px solid #26b050; }
.invalid { outline: 1px solid #e50000; }
.validation-message { color: #e50000; }

.blazor-error-boundary {
    background: #b32121;
    padding: 1rem;
    color: white;
}
.blazor-error-boundary::after { content: "An error has occurred."; }

/* ── Brand accents ─────────────────────────────────────────────────────────── */

/* Pill-shaped buttons, matching the brand kit's rounded call-to-actions. */
.mud-button-root.mud-button-filled,
.mud-button-root.mud-button-outlined {
    border-radius: 999px !important;
    padding-left: 20px;
    padding-right: 20px;
    text-transform: none;
    font-weight: 600;
}

/* Primary call-to-action = deep blue with white text. */
.mud-button-filled-primary:not([disabled]) {
    background-color: #004182 !important;
    color: #ffffff !important;
}
.mud-button-filled-primary:not([disabled]):hover {
    background-color: #00325f !important;
}

/* Active sidebar link: deep-blue ink on a soft deep-blue field with a deep-blue rail. */
.mud-nav-link.active:not(.mud-nav-link-disabled) {
    color: #003a75 !important;
    background-color: rgba(0, 65, 130, 0.10) !important;
    border-left: 3px solid #004182;
    font-weight: 600;
}
.mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-icon {
    color: #004182 !important;
}

/* Cards read as calm, clean panels with a hairline border. */
.mud-paper {
    border: 1px solid var(--mud-palette-lines-default);
}