/* /Components/Layout/AuthLayout.razor.rz.scp.css */
.auth-page[b-egowenryml] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
    padding: var(--spacing-md);
}

.auth-page[b-egowenryml]  .language-switcher .form-select {
    background-color: var(--color-primary);
    color: #fff;
    border-color: rgba(255, 255, 255, 0.3);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.auth-page[b-egowenryml]  .language-switcher .form-select:focus {
    border-color: rgba(255, 255, 255, 0.6);
    box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.15);
}

.auth-page[b-egowenryml]  .language-switcher .form-select option {
    background-color: var(--color-primary);
    color: #fff;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-ofo5ssal9t] {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
}

main[b-ofo5ssal9t] {
    flex: 1;
    min-width: 0;
    background-color: var(--color-background);
}

.sidebar[b-ofo5ssal9t] {
    background: var(--sidebar-bg);
}

.top-row[b-ofo5ssal9t] {
    background-color: var(--topbar-bg);
    border-bottom: 1px solid var(--topbar-border);
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-ofo5ssal9t]  a, .top-row[b-ofo5ssal9t]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
        color: var(--color-secondary);
        transition: color var(--transition-fast);
    }

    .top-row[b-ofo5ssal9t]  a:hover, .top-row[b-ofo5ssal9t]  .btn-link:hover {
        text-decoration: underline;
        color: var(--color-primary);
    }

    .top-row[b-ofo5ssal9t]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 767.98px) {
    .top-row[b-ofo5ssal9t] {
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 0.25rem 0.75rem;
        height: auto;
        min-height: 3.5rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .top-row[b-ofo5ssal9t]  a, .top-row[b-ofo5ssal9t]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 768px) {
    .page[b-ofo5ssal9t] {
        flex-direction: row;
    }

    .sidebar[b-ofo5ssal9t] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-ofo5ssal9t] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-ofo5ssal9t]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-ofo5ssal9t], article[b-ofo5ssal9t] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-ofo5ssal9t] {
    background: lightyellow;
    bottom: 0;
    box-shadow: var(--shadow-md);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-ofo5ssal9t] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-b36obsxnyn] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-b36obsxnyn] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-b36obsxnyn] {
    height: 3.5rem;
    background-color: var(--color-primary-dark);
    overflow: hidden;
}

.navbar-brand[b-b36obsxnyn] {
    font-size: 1.1rem;
    gap: 0.3rem;
}

.brand-text[b-b36obsxnyn] {
    color: white;
    font-weight: 600;
}

.brand-icon[b-b36obsxnyn] {
    height: 2rem;
    width: 2rem;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.bi[b-b36obsxnyn] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-b36obsxnyn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-b36obsxnyn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-send-fill-nav-menu[b-b36obsxnyn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-send-fill' viewBox='0 0 16 16'%3E%3Cpath d='M15.964.686a.5.5 0 0 0-.65-.65L.767 5.855H.766l-.452.18a.5.5 0 0 0-.082.887l.41.26.001.002 4.995 3.178 3.178 4.995.002.002.26.41a.5.5 0 0 0 .886-.083l6-15Zm-1.833 1.89L6.637 10.07l-.215-.338a.5.5 0 0 0-.154-.154l-.338-.215 7.494-7.494 1.178-.471-.47 1.178Z'/%3E%3C/svg%3E");
}

.bi-clock-fill-nav-menu[b-b36obsxnyn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-clock-fill' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 3.5a.5.5 0 0 0-1 0V8a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 7.71V3.5z'/%3E%3C/svg%3E");
}

/* Submissions icon (check-circle-fill) */
.bi-check-circle-fill-nav-menu[b-b36obsxnyn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-check-circle-fill' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z'/%3E%3C/svg%3E");
}

.bi-link-45deg-nav-menu[b-b36obsxnyn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-link-45deg' viewBox='0 0 16 16'%3E%3Cpath d='M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.002 1.002 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z'/%3E%3Cpath d='M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243L6.586 4.672z'/%3E%3C/svg%3E");
}

.bi-person-lines-fill-nav-menu[b-b36obsxnyn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-lines-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-5 6s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H1zM11 3.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5zm.5 2.5a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4zm2 3a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2zm-1 3a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3z'/%3E%3C/svg%3E");
}

.bi-gear-fill-nav-menu[b-b36obsxnyn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-gear-fill' viewBox='0 0 16 16'%3E%3Cpath d='M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872l-.1-.34zM8 10.93a2.929 2.929 0 1 1 0-5.86 2.929 2.929 0 0 1 0 5.858z'/%3E%3C/svg%3E");
}

.bi-people-fill-nav-menu[b-b36obsxnyn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-people-fill' viewBox='0 0 16 16'%3E%3Cpath d='M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H7Zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-5.784 6A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1h4.216ZM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z'/%3E%3C/svg%3E");
}

/* Payment Codes icon (qr-code) */
.bi-phone-nav-menu[b-b36obsxnyn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-qr-code' viewBox='0 0 16 16'%3E%3Cpath d='M2 2h2v2H2V2Z'/%3E%3Cpath d='M6 0v6H0V0h6ZM5 1H1v4h4V1ZM4 12H2v2h2v-2Z'/%3E%3Cpath d='M6 10v6H0v-6h6Zm-5 1v4h4v-4H1Zm11-9h2v2h-2V2Z'/%3E%3Cpath d='M10 0v6h6V0h-6Zm5 1v4h-4V1h4ZM8 1V0h1v2H8v2H7V1h1Zm0 5V4h1v2H8ZM6 8V7h1V6h1v2h1V7h5v1h-4v1H7V8H6Zm0 0v1H2V8H1v1H0V7h3v1h3Zm10 1h-1V7h1v2Zm-1 0h-1v2h2v-1h-1V9Zm-4 0h2v1h-1v1h-1V9Zm2 3v-1h-1v1h-1v1H9v1h3v-2h1Zm0 0h3v1h-2v1h-1v-2Zm-4-1v1h1v-2H7v1h2Zm1 1v2h-2v-2h2Zm-2 3v-1h2v1h-2Zm3 0h-1v1h1v-1Z'/%3E%3Cpath d='M14 11v2h-2v-2h2Z'/%3E%3C/svg%3E");
}

/* ID Documents icon (person-badge) */
.bi-camera-nav-menu[b-b36obsxnyn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-3.25-1.544h-3.5A4.198 4.198 0 0 0 3 13.295V2.5z'/%3E%3C/svg%3E");
}

/* Bookings icon (calendar-check) */
.bi-bookings-nav-menu[b-b36obsxnyn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-calendar-check' viewBox='0 0 16 16'%3E%3Cpath d='M10.854 7.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 9.793l2.646-2.647a.5.5 0 0 1 .708 0z'/%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z'/%3E%3C/svg%3E");
}

/* Invoices icon (receipt) */
.bi-invoices-nav-menu[b-b36obsxnyn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-receipt' viewBox='0 0 16 16'%3E%3Cpath d='M1.92.506a.5.5 0 0 1 .434.14L3 1.293l.646-.647a.5.5 0 0 1 .708 0L5 1.293l.646-.647a.5.5 0 0 1 .708 0L7 1.293l.646-.647a.5.5 0 0 1 .708 0L9 1.293l.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .801.13l.5 1A.5.5 0 0 1 15 2v12a.5.5 0 0 1-.742.44l-1-1a.5.5 0 0 0-.557.07l-.646.647a.5.5 0 0 1-.708 0L11 13.707l-.646.647a.5.5 0 0 1-.708 0L9 13.707l-.646.647a.5.5 0 0 1-.708 0L7 13.707l-.646.647a.5.5 0 0 1-.708 0L5 13.707l-.646.647a.5.5 0 0 1-.708 0L3 13.707l-.646.647a.5.5 0 0 1-.801-.13l-.5-1A.5.5 0 0 1 1 13V2a.5.5 0 0 1 .053-.224l.5-1a.5.5 0 0 1 .367-.27zm.217 1.338L2 2.118v11.764l.137.274.51-.51a.5.5 0 0 1 .707 0l.646.647.646-.646a.5.5 0 0 1 .708 0l.646.646.646-.646a.5.5 0 0 1 .708 0l.646.646.646-.646a.5.5 0 0 1 .708 0l.646.646.646-.646a.5.5 0 0 1 .708 0l.646.646.646-.646a.5.5 0 0 1 .708 0l.509.509.137-.274V2.118l-.137-.274-.51.51a.5.5 0 0 1-.707 0L12 1.707l-.646.647a.5.5 0 0 1-.708 0L10 1.707l-.646.647a.5.5 0 0 1-.708 0L8 1.707l-.646.647a.5.5 0 0 1-.708 0L6 1.707l-.646.647a.5.5 0 0 1-.708 0L4 1.707l-.646.647a.5.5 0 0 1-.708 0l-.509-.51z'/%3E%3Cpath d='M3 4.5a.5.5 0 0 1 .5-.5h6a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm8-6a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

/* API Key icon (key-fill) */
.bi-key-fill-nav-menu[b-b36obsxnyn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-key-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 11.5a3.5 3.5 0 1 1 3.163-5H14L15.5 8 14 9.5l-1-1-1 1-1-1-1 1-1-1-1 1H6.663a3.5 3.5 0 0 1-3.163 2zM2.5 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2z'/%3E%3C/svg%3E");
}

/* Templates icon (file-earmark-text) */
.bi-templates-nav-menu[b-b36obsxnyn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-file-earmark-text' viewBox='0 0 16 16'%3E%3Cpath d='M5.5 7a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zM5 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5z'/%3E%3Cpath d='M9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.5L9.5 0zm0 1v2A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5z'/%3E%3C/svg%3E");
}

/* Subscription icon (credit-card) */
.bi-subscription-nav-menu[b-b36obsxnyn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-credit-card' viewBox='0 0 16 16'%3E%3Cpath d='M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm2-1a1 1 0 0 0-1 1v1h14V4a1 1 0 0 0-1-1H2zm13 4H1v5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V7z'/%3E%3Cpath d='M2 10a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-1z'/%3E%3C/svg%3E");
}

/* AL Properties icon (building) */
.bi-building-nav-menu[b-b36obsxnyn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-building' viewBox='0 0 16 16'%3E%3Cpath d='M4 2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1Zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1Zm3.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1ZM4 5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1ZM7.5 5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm2.5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1ZM4.5 8a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm2.5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1Zm3.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Z'/%3E%3Cpath d='M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V1Zm11 0H3v14h3v-2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5V15h3V1Z'/%3E%3C/svg%3E");
}

/* Email Settings icon (envelope-fill) */
.bi-envelope-fill-nav-menu[b-b36obsxnyn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-envelope-fill' viewBox='0 0 16 16'%3E%3Cpath d='M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757ZM16 11.801V4.697l-5.803 3.546L16 11.801Z'/%3E%3C/svg%3E");
}

/* Cleaning Schedules icon (calendar-week) */
.bi-calendar-week-nav-menu[b-b36obsxnyn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-calendar-week' viewBox='0 0 16 16'%3E%3Cpath d='M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-5 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z'/%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z'/%3E%3C/svg%3E");
}

/* Task Lists icon (list-check) */
.bi-list-check-nav-menu[b-b36obsxnyn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-check' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zM3.854 2.146a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 1 1 .708-.708L2 3.293l1.146-1.147a.5.5 0 0 1 .708 0zm0 4a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 1 1 .708-.708L2 7.293l1.146-1.147a.5.5 0 0 1 .708 0zm0 4a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 0 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
}

/* Newsletter Dashboard icon (speedometer2) */
.bi-speedometer2-nav-menu[b-b36obsxnyn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-speedometer2' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5V6a.5.5 0 0 1-1 0V4.5A.5.5 0 0 1 8 4zM3.732 5.732a.5.5 0 0 1 .707 0l.915.914a.5.5 0 1 1-.708.708l-.914-.915a.5.5 0 0 1 0-.707zM2 10a.5.5 0 0 1 .5-.5h1.586a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 10zm9.5 0a.5.5 0 0 1 .5-.5h1.5a.5.5 0 0 1 0 1H12a.5.5 0 0 1-.5-.5zm.754-4.246a.5.5 0 0 0-.708 0l-.914.914a.5.5 0 0 0 .708.708l.914-.914a.5.5 0 0 0 0-.708zM0 10a8 8 0 1 1 15.547 2.661c-.442 1.253-1.845 1.602-2.932 1.25C11.309 13.488 9.475 13 8 13c-1.474 0-3.31.488-4.615.911-1.087.352-2.49.003-2.932-1.25A7.988 7.988 0 0 1 0 10zm8-7a7 7 0 0 0-6.603 9.329c.203.575.923.876 1.68.63C4.397 12.533 6.358 12 8 12s3.604.532 4.923.96c.757.245 1.477-.056 1.68-.631A7 7 0 0 0 8 3z'/%3E%3Cpath d='M12.5 10a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0zm-1.983-1.496a.5.5 0 0 0-.274.93l.13.065a.5.5 0 1 0 .45-.89l-.129-.065a.5.5 0 0 0-.177-.04z'/%3E%3C/svg%3E");
}

/* Newsletter Subscribers icon (people) */
.bi-people-nav-menu[b-b36obsxnyn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-people' viewBox='0 0 16 16'%3E%3Cpath d='M15 14s1 0 1-1-1-4-5-4-5 3-5 4 1 1 1 1h8Zm-7.978-1A.261.261 0 0 1 7 12.996c.001-.264.167-1.03.76-1.72C8.312 10.629 9.282 10 11 10c1.717 0 2.687.63 3.24 1.276.593.69.758 1.457.76 1.72l-.008.002a.274.274 0 0 1-.014.002H7.022ZM11 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm3-2a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM6.936 9.28a5.88 5.88 0 0 0-1.23-.247A7.35 7.35 0 0 0 5 9c-4 0-5 3-5 4 0 .667.333 1 1 1h4.216A2.238 2.238 0 0 1 5 13c0-1.01.377-2.042 1.09-2.904.243-.294.526-.569.846-.816ZM4.92 10A5.493 5.493 0 0 0 4 13H1c0-.26.164-1.03.76-1.724.545-.636 1.492-1.256 3.16-1.275ZM1.5 5.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0Zm3-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z'/%3E%3C/svg%3E");
}

/* Newsletter Lists icon (list-ul) */
.bi-list-ul-nav-menu[b-b36obsxnyn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-ul' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm-3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2z'/%3E%3C/svg%3E");
}

/* Newsletter Campaigns icon (megaphone) */
.bi-megaphone-nav-menu[b-b36obsxnyn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-megaphone' viewBox='0 0 16 16'%3E%3Cpath d='M13 2.5a1.5 1.5 0 0 1 3 0v11a1.5 1.5 0 0 1-3 0v-.214c-2.162-1.241-4.49-1.843-6.912-2.083l.405 2.712A1 1 0 0 1 5.51 15.1h-.548a1 1 0 0 1-.916-.599l-1.85-3.49a68.14 68.14 0 0 0-.202-.003A2.014 2.014 0 0 1 0 9V7a2.02 2.02 0 0 1 1.992-2.013 74.663 74.663 0 0 0 2.483-.075c3.043-.154 6.148-.849 8.525-2.199V2.5zm1 0v11a.5.5 0 0 0 1 0v-11a.5.5 0 0 0-1 0zm-1 1.35c-2.344 1.205-5.209 1.842-8 2.033v4.233c2.791.192 5.656.829 8 2.033V3.85zM1.998 7.002A1.007 1.007 0 0 0 1 7.999V9c0 .556.449 1.002 1.002 1.002a61.181 61.181 0 0 1 2.993.07l.005.001L5 10.07V5.928l-.003.001A72.26 72.26 0 0 1 1.998 7zm2.087 7.062-.025.028-.02.045L5.91 14.5h.548l-.59-3.39a69.36 69.36 0 0 0-1.782-.048l-.001.006z'/%3E%3C/svg%3E");
}

/* Section header style for nav categories */
.nav-section-header[b-b36obsxnyn] {
    color: rgba(255, 255, 255, 0.45);
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding-top: 0.75rem;
    padding-bottom: 0.25rem;
    margin-top: 0.25rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    transition: color var(--transition-fast, 0.15s);
}

.nav-section-header:hover[b-b36obsxnyn] {
    color: rgba(255, 255, 255, 0.7);
}

.nav-section-header:first-of-type[b-b36obsxnyn] {
    border-top: none;
    margin-top: 0;
}

.nav-section-toggle[b-b36obsxnyn] {
    display: inline-block;
    font-size: 0.6rem;
    transition: transform 0.2s ease;
}

.nav-section-toggle.collapsed[b-b36obsxnyn] {
    transform: rotate(-90deg);
}

.nav-item[b-b36obsxnyn] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-b36obsxnyn] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-b36obsxnyn] {
        padding-bottom: 1rem;
    }

    .nav-item[b-b36obsxnyn]  .nav-link {
        color: var(--sidebar-text);
        background: none;
        border: none;
        border-radius: var(--radius-sm);
        min-height: 2.5rem;
        display: flex;
        align-items: center;
        line-height: 1.3;
        width: 100%;
        font-size: 0.85rem;
        padding-top: 0.35rem;
        padding-bottom: 0.35rem;
        white-space: normal;
        transition: background-color var(--transition-fast), color var(--transition-fast);
    }

.nav-item[b-b36obsxnyn]  a.active {
    background-color: var(--sidebar-active-bg);
    color: var(--sidebar-brand-color);
}

.nav-item[b-b36obsxnyn]  .nav-link:hover {
    background-color: var(--sidebar-hover-bg);
    color: var(--sidebar-brand-color);
}

.nav-scrollable[b-b36obsxnyn] {
    display: none;
    user-select: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-b36obsxnyn] {
    display: block;
}

@media (min-width: 768px) {
    .navbar-toggler[b-b36obsxnyn] {
        display: none;
    }

    .nav-scrollable[b-b36obsxnyn] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Pages/Account/AccessDenied.razor.rz.scp.css */
.auth-container[b-l1r7jp0osz] {
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
}

.auth-card[b-l1r7jp0osz] {
    background: var(--color-background);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    padding: var(--spacing-xl);
}

.auth-header[b-l1r7jp0osz] {
    text-align: center;
    margin-bottom: var(--spacing-lg);
}

    .auth-header h3[b-l1r7jp0osz] {
        color: var(--color-primary);
        margin-bottom: var(--spacing-xs);
    }

.auth-subtitle[b-l1r7jp0osz] {
    color: var(--color-text-muted);
    margin-bottom: 0;
}

@media (max-width: 575.98px) {
    .auth-card[b-l1r7jp0osz] {
        padding: var(--spacing-lg);
    }
}
/* /Components/Pages/Account/ChangePassword.razor.rz.scp.css */
.auth-container[b-ydry1puovv] {
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
}

.auth-card[b-ydry1puovv] {
    background: var(--color-background);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    padding: var(--spacing-xl);
}

.auth-header[b-ydry1puovv] {
    text-align: center;
    margin-bottom: var(--spacing-lg);
}

    .auth-header h3[b-ydry1puovv] {
        color: var(--color-primary);
        margin-bottom: var(--spacing-xs);
    }

.auth-subtitle[b-ydry1puovv] {
    color: var(--color-text-muted);
    margin-bottom: 0;
}

.auth-link[b-ydry1puovv] {
    color: var(--color-secondary);
    text-decoration: none;
    font-weight: 500;
}

    .auth-link:hover[b-ydry1puovv] {
        color: var(--color-primary);
        text-decoration: underline;
    }

.mandatory-warning[b-ydry1puovv] {
    background-color: var(--color-primary);
    color: #f0ad4e;
    border-radius: var(--radius-md);
    padding: var(--spacing-sm) var(--spacing-md);
    text-align: center;
    font-size: 0.9rem;
    margin-top: var(--spacing-xs);
}

@media (max-width: 575.98px) {
    .auth-card[b-ydry1puovv] {
        padding: var(--spacing-lg);
    }
}
/* /Components/Pages/Account/Login.razor.rz.scp.css */
.auth-container[b-3pfmlddo0p] {
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
}

.auth-card[b-3pfmlddo0p] {
    background: var(--color-background);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    padding: var(--spacing-xl);
}

.auth-header[b-3pfmlddo0p] {
    text-align: center;
    margin-bottom: var(--spacing-lg);
}

    .auth-header h3[b-3pfmlddo0p] {
        color: var(--color-primary);
        margin-bottom: var(--spacing-xs);
    }

.auth-subtitle[b-3pfmlddo0p] {
    color: var(--color-text-muted);
    margin-bottom: 0;
}

.auth-divider[b-3pfmlddo0p] {
    display: flex;
    align-items: center;
    margin: var(--spacing-md) 0;
    color: var(--color-text-muted);
    font-size: 0.85rem;
}

    .auth-divider[b-3pfmlddo0p]::before,
    .auth-divider[b-3pfmlddo0p]::after {
        content: '';
        flex: 1;
        border-bottom: 1px solid var(--color-border);
    }

    .auth-divider span[b-3pfmlddo0p] {
        padding: 0 var(--spacing-sm);
    }

.auth-link[b-3pfmlddo0p] {
    color: var(--color-secondary);
    text-decoration: none;
    font-weight: 500;
}

    .auth-link:hover[b-3pfmlddo0p] {
        color: var(--color-primary);
        text-decoration: underline;
    }

@media (max-width: 575.98px) {
    .auth-card[b-3pfmlddo0p] {
        padding: var(--spacing-lg);
    }
}
/* /Components/Pages/Account/Register.razor.rz.scp.css */
.auth-container[b-hb6f6qje75] {
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
}

.auth-card[b-hb6f6qje75] {
    background: var(--color-background);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    padding: var(--spacing-xl);
}

.auth-header[b-hb6f6qje75] {
    text-align: center;
    margin-bottom: var(--spacing-lg);
}

    .auth-header h3[b-hb6f6qje75] {
        color: var(--color-primary);
        margin-bottom: var(--spacing-xs);
    }

.auth-subtitle[b-hb6f6qje75] {
    color: var(--color-text-muted);
    margin-bottom: 0;
}

.auth-divider[b-hb6f6qje75] {
    display: flex;
    align-items: center;
    margin: var(--spacing-md) 0;
    color: var(--color-text-muted);
    font-size: 0.85rem;
}

    .auth-divider[b-hb6f6qje75]::before,
    .auth-divider[b-hb6f6qje75]::after {
        content: '';
        flex: 1;
        border-bottom: 1px solid var(--color-border);
    }

    .auth-divider span[b-hb6f6qje75] {
        padding: 0 var(--spacing-sm);
    }

.auth-link[b-hb6f6qje75] {
    color: var(--color-secondary);
    text-decoration: none;
    font-weight: 500;
}

    .auth-link:hover[b-hb6f6qje75] {
        color: var(--color-primary);
        text-decoration: underline;
    }

@media (max-width: 575.98px) {
    .auth-card[b-hb6f6qje75] {
        padding: var(--spacing-lg);
    }
}
/* /Components/Pages/Admin/IdDocuments.razor.rz.scp.css */
/* IdDocuments page — scoped styles */

.page-header[b-j4500aejn4] {
    margin-bottom: var(--spacing-xl);
    padding-bottom: var(--spacing-md);
    border-bottom: 2px solid var(--color-surface-alt);
}

.page-header h3[b-j4500aejn4] {
    color: var(--color-primary);
    font-weight: 700;
    font-size: 1.6rem;
    margin-bottom: var(--spacing-xs);
}

.page-subtitle[b-j4500aejn4] {
    color: var(--color-text-muted);
    font-size: 0.95rem;
    margin-bottom: 0;
}

.card[b-j4500aejn4] {
    border: 1px solid var(--color-border-light);
    box-shadow: var(--shadow-sm);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.card-header[b-j4500aejn4] {
    background-color: var(--color-surface-alt);
    border-bottom: 1px solid var(--color-border-light);
    padding: var(--spacing-md) var(--spacing-lg);
}

.card-header h5[b-j4500aejn4] {
    color: var(--color-primary);
    font-weight: 600;
    font-size: 1.05rem;
    margin-bottom: 0;
}

[b-j4500aejn4] .table td {
    padding: var(--spacing-md);
    vertical-align: middle;
}

.photo-row[b-j4500aejn4] {
    cursor: pointer;
}

.photo-row:hover[b-j4500aejn4] {
    background-color: var(--color-surface-alt);
}

[b-j4500aejn4] .btn-group .btn {
    border-color: #343a40;
}

/* Document photo thumbnail */
.doc-photo-thumbnail[b-j4500aejn4] {
    max-width: 14rem;
    max-height: 10rem;
    border-radius: 0.5rem;
    border: 1px solid var(--color-border-light);
    object-fit: contain;
    cursor: pointer;
    transition: opacity var(--transition-fast), box-shadow var(--transition-fast);
}

.doc-photo-thumbnail:hover[b-j4500aejn4] {
    opacity: 0.85;
    box-shadow: var(--shadow-md);
}

/* Dual document photos container */
.doc-photos-container[b-j4500aejn4] {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.doc-photo-item[b-j4500aejn4] {
    flex: 1 1 12rem;
    max-width: 18rem;
    text-align: center;
}

.doc-photo-label-sm[b-j4500aejn4] {
    font-weight: 600;
    font-size: 0.82rem;
    color: var(--color-text-muted);
    margin-bottom: 0.35rem;
}

/* Fullscreen photo overlay */
.doc-photo-overlay[b-j4500aejn4] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.85);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.doc-photo-modal[b-j4500aejn4] {
    position: relative;
    max-width: 95vw;
    max-height: 95vh;
}

.doc-photo-fullsize[b-j4500aejn4] {
    max-width: 95vw;
    max-height: 90vh;
    border-radius: 0.5rem;
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.5);
    object-fit: contain;
}

.doc-photo-close[b-j4500aejn4] {
    position: absolute;
    top: -0.75rem;
    right: -0.75rem;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    border: none;
    background-color: #fff;
    color: #333;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: var(--shadow-md);
    z-index: 1;
    transition: background-color var(--transition-fast);
}

.doc-photo-close:hover[b-j4500aejn4] {
    background-color: #f0f0f0;
}

@media (max-width: 767.98px) {
    .table-responsive[b-j4500aejn4] {
        font-size: 0.85rem;
    }

    .btn-group-sm .btn[b-j4500aejn4] {
        padding: 0.25rem 0.4rem;
        font-size: 0.75rem;
    }

    .page-header h3[b-j4500aejn4] {
        font-size: 1.3rem;
    }
}

@media (max-width: 575.98px) {
    .page-header h3[b-j4500aejn4] {
        font-size: 1.15rem;
    }

    [b-j4500aejn4] .table td {
        padding: var(--spacing-sm);
    }
}
/* /Components/Pages/Admin/Users.razor.rz.scp.css */
.page-header[b-vm5vckqb7u] {
    margin-bottom: var(--spacing-lg);
}

    .page-header h3[b-vm5vckqb7u] {
        color: var(--color-primary);
        margin-bottom: var(--spacing-xs);
    }

.page-subtitle[b-vm5vckqb7u] {
    color: var(--color-text-muted);
}

.table th[b-vm5vckqb7u] {
    font-weight: 600;
    color: var(--color-text);
    border-bottom-width: 2px;
    white-space: nowrap;
}

.table td[b-vm5vckqb7u] {
    vertical-align: middle;
}

code[b-vm5vckqb7u] {
    font-size: 0.8rem;
    color: var(--color-secondary);
}

@media (max-width: 767.98px) {
    .table-responsive[b-vm5vckqb7u] {
        font-size: 0.85rem;
    }

    .page-header h3[b-vm5vckqb7u] {
        font-size: 1.3rem;
    }
}

@media (max-width: 575.98px) {
    .page-header h3[b-vm5vckqb7u] {
        font-size: 1.15rem;
    }

    .table-responsive[b-vm5vckqb7u] {
        font-size: 0.8rem;
    }
}
/* /Components/Pages/Error.razor.rz.scp.css */
/* Error page � Lisbon Modern scoped styles */

h1[b-ns1ii34ol2] {
    color: var(--color-danger);
    font-weight: 600;
}

h2[b-ns1ii34ol2] {
    color: var(--color-danger);
    font-size: 1.25rem;
    margin-bottom: var(--spacing-lg);
}

h3[b-ns1ii34ol2] {
    color: var(--color-primary);
    font-weight: 600;
    margin-top: var(--spacing-xl);
}

p[b-ns1ii34ol2] {
    color: var(--color-text-muted);
    line-height: var(--line-height-base);
}

code[b-ns1ii34ol2] {
    color: var(--color-secondary);
    background-color: var(--color-surface-alt);
    padding: var(--spacing-xs) var(--spacing-sm);
    border-radius: var(--radius-sm);
}
/* /Components/Pages/Extension/ApiKeys.razor.rz.scp.css */
.page-header[b-k3rwimf8fr] {
    margin-bottom: var(--spacing-lg);
}

.page-subtitle[b-k3rwimf8fr] {
    color: var(--color-text-muted);
    font-size: 0.95rem;
}

[b-k3rwimf8fr] .table {
    font-size: 0.9rem;
}

[b-k3rwimf8fr] .table th {
    color: var(--color-text-muted);
    font-weight: 600;
    border-bottom: 2px solid var(--color-border);
}

.font-monospace[b-k3rwimf8fr] {
    font-size: 0.85rem;
}

@media (max-width: 767.98px) {
    [b-k3rwimf8fr] .table {
        font-size: 0.8rem;
    }

    .font-monospace[b-k3rwimf8fr] {
        font-size: 0.75rem;
    }
}
/* /Components/Pages/Extension/Templates.razor.rz.scp.css */
.page-header[b-s7jltvp3v1] {
    margin-bottom: var(--spacing-lg);
}

.page-subtitle[b-s7jltvp3v1] {
    color: var(--color-text-muted);
    font-size: 0.95rem;
}

.template-preview[b-s7jltvp3v1] {
    max-height: 6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    word-break: break-word;
}

[b-s7jltvp3v1] .card {
    box-shadow: var(--shadow-sm);
    border-radius: var(--radius-md);
    transition: box-shadow var(--transition-base);
}

[b-s7jltvp3v1] .card:hover {
    box-shadow: var(--shadow-md);
}

@media (max-width: 767.98px) {
    .template-preview[b-s7jltvp3v1] {
        max-height: 4rem;
    }
}
/* /Components/Pages/GuestForm.razor.rz.scp.css */
/* GuestForm page � Lisbon Modern scoped styles */
/* Uses AuthLayout (minimal full-page layout with dark navy background) */

.guest-form-container[b-rg4g2yfucx] {
    max-width: 48rem;
    margin: 0 auto;
    padding: var(--spacing-xl) var(--spacing-md);
}

.guest-title[b-rg4g2yfucx] {
    color: var(--color-text-on-primary);
    font-weight: 700;
    font-size: 1.6rem;
    margin-bottom: var(--spacing-xs);
}

.guest-subtitle[b-rg4g2yfucx] {
    color: rgba(255, 255, 255, 0.75);
    font-size: 0.95rem;
}

.guest-subtitle strong[b-rg4g2yfucx] {
    color: var(--color-accent);
}

/* Header area layout */
.guest-header-area[b-rg4g2yfucx] {
    display: flex;
    flex-direction: column;
}

.guest-header-top-row[b-rg4g2yfucx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--spacing-sm);
}

.guest-header-spacer[b-rg4g2yfucx] {
    flex: 1;
}

/* Guest progress badge */
.guest-progress-badge[b-rg4g2yfucx] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.35rem 0.85rem;
    background-color: rgba(255, 255, 255, 0.10);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: var(--radius-lg);
    color: rgba(255, 255, 255, 0.75);
    font-size: 0.85rem;
}

.guest-progress-badge strong[b-rg4g2yfucx] {
    color: var(--color-accent);
}

.guest-submitted-list[b-rg4g2yfucx] {
    margin: 0.5rem auto 0.75rem;
    padding: 0.45rem 1rem;
    background-color: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: var(--radius-lg);
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.85rem;
    max-width: 90%;
}

/* ?? Success / confirmation state ?? */
.guest-success-icon[b-rg4g2yfucx] {
    font-size: 3.5rem;
    color: var(--color-accent);
}

.guest-success-title[b-rg4g2yfucx] {
    color: var(--color-text-on-primary);
    font-weight: 700;
    font-size: 1.6rem;
}

.guest-success-text[b-rg4g2yfucx] {
    color: rgba(255, 255, 255, 0.8);
    font-size: 1rem;
    line-height: 1.6;
}

.guest-success-text strong[b-rg4g2yfucx] {
    color: var(--color-accent);
}

.guest-success-hint[b-rg4g2yfucx] {
    color: rgba(255, 255, 255, 0.55);
    font-size: 0.9rem;
}

/* Next guest registration area */
.guest-next-area[b-rg4g2yfucx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-md);
}

.guest-next-divider[b-rg4g2yfucx] {
    width: 4rem;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 1px;
    margin-bottom: var(--spacing-xs);
}

.guest-next-info[b-rg4g2yfucx] {
    color: rgba(255, 255, 255, 0.75);
    font-size: 0.95rem;
    margin-bottom: 0;
}

.guest-next-info strong[b-rg4g2yfucx] {
    color: var(--color-accent);
}

.btn-accent[b-rg4g2yfucx] {
    background-color: var(--color-accent, #D69E2E);
    border-color: var(--color-accent, #D69E2E);
    color: #1a202c;
    border-radius: var(--radius-sm);
    padding: 0.6rem 2rem;
    font-weight: 600;
    font-size: 0.95rem;
    transition: background-color var(--transition-fast),
                transform var(--transition-fast),
                box-shadow var(--transition-fast);
}

.btn-accent:hover[b-rg4g2yfucx] {
    background-color: #c08b1f;
    border-color: #c08b1f;
    color: #1a202c;
    transform: translateY(-1px);
    box-shadow: var(--shadow-md);
}

/* ?? Error / unavailable state ?? */
.guest-error-title[b-rg4g2yfucx] {
    color: var(--color-accent);
    font-weight: 700;
}

.guest-error-text[b-rg4g2yfucx] {
    color: rgba(255, 255, 255, 0.7);
}

.card[b-rg4g2yfucx] {
    border: 1px solid var(--color-border-light);
    box-shadow: var(--shadow-sm);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.card-header[b-rg4g2yfucx] {
    background-color: var(--color-surface-alt);
    border-bottom: 1px solid var(--color-border-light);
    padding: var(--spacing-md) var(--spacing-lg);
}

.card-header h5[b-rg4g2yfucx] {
    color: var(--color-primary);
    font-weight: 600;
    font-size: 1.05rem;
    margin-bottom: 0;
}

.card-body[b-rg4g2yfucx] {
    padding: var(--spacing-lg);
}

.form-label[b-rg4g2yfucx] {
    color: var(--color-text);
    font-weight: 500;
    font-size: 0.875rem;
    margin-bottom: var(--spacing-xs);
}

[b-rg4g2yfucx] .form-control,
[b-rg4g2yfucx] .form-select {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    padding: 0.5rem 0.75rem;
    font-size: 0.925rem;
    color: var(--color-text);
}

[b-rg4g2yfucx] .form-control:focus,
[b-rg4g2yfucx] .form-select:focus {
    border-color: var(--color-secondary);
    box-shadow: 0 0 0 0.2rem rgba(74, 144, 217, 0.2);
}

.btn-submit[b-rg4g2yfucx] {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    border-radius: var(--radius-sm);
    padding: 0.6rem 2rem;
    font-weight: 600;
    font-size: 0.95rem;
    transition: background-color var(--transition-fast),
                transform var(--transition-fast),
                box-shadow var(--transition-fast);
}

.btn-submit:hover[b-rg4g2yfucx] {
    background-color: var(--color-primary-light);
    border-color: var(--color-primary-light);
    transform: translateY(-1px);
    box-shadow: var(--shadow-md);
}

@media (max-width: 575.98px) {
    .guest-form-container[b-rg4g2yfucx] {
        padding: var(--spacing-md) var(--spacing-sm);
    }

    .guest-title[b-rg4g2yfucx] {
        font-size: 1.3rem;
    }

    .guest-success-title[b-rg4g2yfucx] {
        font-size: 1.3rem;
    }
}

/* Document Capture Step */
.doc-capture-area[b-rg4g2yfucx] {
    min-height: 16rem;
}

.doc-icon-area[b-rg4g2yfucx] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.doc-placeholder-icon[b-rg4g2yfucx] {
    font-size: 5rem;
    color: var(--color-secondary);
    opacity: 0.5;
}

.doc-video-wrapper[b-rg4g2yfucx] {
    text-align: center;
}

.doc-video-preview[b-rg4g2yfucx] {
    width: 100%;
    max-width: 36rem;
    border-radius: var(--radius-lg);
    border: 2px solid var(--color-border-light);
    background-color: #000;
}

.doc-preview-area[b-rg4g2yfucx] {
    padding: var(--spacing-md) 0;
}

.doc-preview-image[b-rg4g2yfucx] {
    max-width: 100%;
    max-height: 24rem;
    border-radius: var(--radius-lg);
    border: 2px solid var(--color-border-light);
    box-shadow: var(--shadow-sm);
    object-fit: contain;
}

@media (max-width: 575.98px) {
    .doc-placeholder-icon[b-rg4g2yfucx] {
        font-size: 3.5rem;
    }

    .doc-preview-image[b-rg4g2yfucx] {
        max-height: 16rem;
    }
}

/* Privacy disclaimer */
.doc-privacy-notice[b-rg4g2yfucx] {
    margin-top: var(--spacing-md);
    padding: var(--spacing-md) var(--spacing-lg);
    background-color: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: var(--radius-lg);
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.82rem;
    line-height: 1.55;
    text-align: center;
}

/* Document photo sections (front / back) */
.doc-photo-section[b-rg4g2yfucx] {
    padding: var(--spacing-md);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    background-color: rgba(255, 255, 255, 0.03);
}

/* Upload progress overlay */
.upload-overlay[b-rg4g2yfucx] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.65);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    animation: overlayFadeIn-b-rg4g2yfucx 0.25s ease-out;
}

@keyframes overlayFadeIn-b-rg4g2yfucx {
    from { opacity: 0; }
    to { opacity: 1; }
}

.upload-overlay-card[b-rg4g2yfucx] {
    background: var(--color-surface, #fff);
    border-radius: var(--radius-lg, 0.75rem);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
    padding: 2.5rem 2rem 2rem;
    text-align: center;
    width: 22rem;
    max-width: 90vw;
    animation: cardSlideUp-b-rg4g2yfucx 0.3s ease-out;
}

@keyframes cardSlideUp-b-rg4g2yfucx {
    from { opacity: 0; transform: translateY(1.5rem); }
    to { opacity: 1; transform: translateY(0); }
}

.upload-overlay-icon-area[b-rg4g2yfucx] {
    margin-bottom: 1rem;
}

.upload-overlay-icon[b-rg4g2yfucx] {
    font-size: 2.8rem;
    color: var(--color-primary, #0D3B66);
    animation: iconPulse-b-rg4g2yfucx 1.8s ease-in-out infinite;
}

@keyframes iconPulse-b-rg4g2yfucx {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.6; transform: scale(1.08); }
}

.upload-overlay-title[b-rg4g2yfucx] {
    font-weight: 700;
    font-size: 1.15rem;
    color: var(--color-text, #1a202c);
    margin-bottom: 0.25rem;
}

.upload-overlay-filename[b-rg4g2yfucx] {
    font-size: 0.82rem;
    color: var(--color-text-muted, #6c757d);
    margin-bottom: 1.25rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.upload-overlay-progress-track[b-rg4g2yfucx] {
    width: 100%;
    height: 0.5rem;
    background-color: var(--color-border-light, #e2e8f0);
    border-radius: 999px;
    overflow: hidden;
    margin-bottom: 0.5rem;
}

.upload-overlay-progress-bar[b-rg4g2yfucx] {
    height: 100%;
    background: linear-gradient(90deg, var(--color-primary, #0D3B66), var(--color-secondary, #4A90D9));
    border-radius: 999px;
    transition: width 0.2s ease;
}

.upload-overlay-percent[b-rg4g2yfucx] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--color-text, #1a202c);
    margin-bottom: 1.25rem;
}

.upload-overlay-cancel[b-rg4g2yfucx] {
    border-radius: var(--radius-sm, 0.375rem);
    font-size: 0.85rem;
    padding: 0.35rem 1.25rem;
}

.doc-photo-label[b-rg4g2yfucx] {
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--color-primary);
    margin-bottom: var(--spacing-sm);
    display: flex;
    align-items: center;
}

.doc-back-capture-area[b-rg4g2yfucx] {
    border: 2px dashed var(--color-border-light);
    border-radius: var(--radius-lg);
    padding: var(--spacing-lg);
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* ==========================================================================
   Landing Page – Lisbon Modern
   Setpoint.io-inspired layout with existing theme variables.
   ========================================================================== */

/* ── Full-viewport overlay for unauthenticated users ── */
.landing-page[b-m7djp986qh] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    background: var(--color-background);
    overflow-y: auto;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

/* ── Shared container ── */
.landing-container[b-m7djp986qh] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 var(--spacing-xl);
}

/* ── Authenticated home (simple) ── */
h1[b-m7djp986qh] {
    color: var(--color-primary);
    font-weight: 600;
    margin-bottom: var(--spacing-md);
}

p[b-m7djp986qh] {
    color: var(--color-text-muted);
    font-size: 1.05rem;
}

/* ==========================================================================
   NAVIGATION BAR
   ========================================================================== */
.landing-nav[b-m7djp986qh] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1200;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--color-border-light);
    height: 4rem;
}

.nav-inner[b-m7djp986qh] {
    display: flex;
    align-items: center;
    height: 100%;
    gap: var(--spacing-lg);
}

.nav-brand[b-m7djp986qh] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    text-decoration: none;
    font-weight: 700;
    font-size: 1.15rem;
    color: var(--color-primary);
    flex-shrink: 0;
}

.nav-brand:hover[b-m7djp986qh] {
    color: var(--color-primary);
}

.nav-logo[b-m7djp986qh] {
    width: 32px;
    height: 32px;
    border-radius: var(--radius-sm);
}

.nav-links[b-m7djp986qh] {
    display: flex;
    align-items: center;
    gap: var(--spacing-lg);
    margin-left: auto;
}

.nav-link-item[b-m7djp986qh] {
    color: var(--color-text-muted);
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    transition: color var(--transition-fast);
}

.nav-link-item:hover[b-m7djp986qh] {
    color: var(--color-primary);
}

.nav-actions[b-m7djp986qh] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    margin-left: auto;
}

.nav-actions[b-m7djp986qh]  .language-switcher {
    margin-right: var(--spacing-xs);
}

.btn-nav-signin[b-m7djp986qh] {
    color: var(--color-primary);
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    padding: 0.4rem 1rem;
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.btn-nav-signin:hover[b-m7djp986qh] {
    color: var(--color-primary-light);
    background: var(--color-surface);
}

.btn-nav-start[b-m7djp986qh] {
    color: var(--color-text-on-primary);
    background: var(--color-primary);
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 600;
    padding: 0.4rem 1.25rem;
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.btn-nav-start:hover[b-m7djp986qh] {
    background: var(--color-primary-light);
    color: var(--color-text-on-primary);
}

/* ==========================================================================
   HERO SECTION
   ========================================================================== */
.hero-section[b-m7djp986qh] {
    position: relative;
    padding: 8rem 0 5rem;
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 50%, #061E35 100%);
    overflow: hidden;
}

.hero-bg-pattern[b-m7djp986qh] {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 20% 80%, rgba(74, 144, 217, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(244, 211, 94, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.02) 0%, transparent 70%);
    pointer-events: none;
}

.hero-inner[b-m7djp986qh] {
    position: relative;
    text-align: center;
    max-width: 800px;
}

.hero-badge[b-m7djp986qh] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 50px;
    padding: 0.35rem 1rem;
    margin-bottom: var(--spacing-xl);
    color: var(--color-accent);
    font-size: 0.85rem;
    font-weight: 500;
    letter-spacing: 0.02em;
}

.hero-badge i[b-m7djp986qh] {
    font-size: 0.9rem;
}

.hero-title[b-m7djp986qh] {
    color: #FFFFFF;
    font-size: clamp(2rem, 5vw, 3.25rem);
    font-weight: 700;
    line-height: 1.15;
    margin-bottom: var(--spacing-lg);
    letter-spacing: -0.02em;
}

.hero-subtitle[b-m7djp986qh] {
    color: rgba(255, 255, 255, 0.75);
    font-size: clamp(1rem, 2vw, 1.2rem);
    line-height: 1.7;
    margin-bottom: var(--spacing-xl);
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}

.hero-actions[b-m7djp986qh] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-md);
    margin-bottom: 3.5rem;
    flex-wrap: wrap;
}

.btn-hero-primary[b-m7djp986qh] {
    display: inline-flex;
    align-items: center;
    background: var(--color-accent);
    color: var(--color-text-on-accent);
    font-weight: 600;
    font-size: 1rem;
    padding: 0.75rem 2rem;
    border-radius: var(--radius-lg);
    text-decoration: none;
    transition: all var(--transition-base);
    box-shadow: 0 4px 16px rgba(244, 211, 94, 0.3);
}

.btn-hero-primary:hover[b-m7djp986qh] {
    background: var(--color-accent-dark);
    color: var(--color-text-on-accent);
    transform: translateY(-1px);
    box-shadow: 0 6px 24px rgba(244, 211, 94, 0.4);
}

.btn-hero-secondary[b-m7djp986qh] {
    display: inline-flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 500;
    font-size: 1rem;
    padding: 0.75rem 2rem;
    border-radius: var(--radius-lg);
    border: 1px solid rgba(255, 255, 255, 0.25);
    text-decoration: none;
    transition: all var(--transition-base);
}

.btn-hero-secondary:hover[b-m7djp986qh] {
    background: rgba(255, 255, 255, 0.1);
    color: #FFFFFF;
    border-color: rgba(255, 255, 255, 0.4);
}

.hero-stats[b-m7djp986qh] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-xl);
    flex-wrap: wrap;
}

.hero-stat[b-m7djp986qh] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.hero-stat-icon[b-m7djp986qh] {
    width: 2.25rem;
    height: 2.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.1);
    border-radius: var(--radius-md);
    color: var(--color-accent);
    font-size: 1rem;
}

.hero-stat-label[b-m7djp986qh] {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.85rem;
    font-weight: 500;
}

.hero-stat-divider[b-m7djp986qh] {
    width: 1px;
    height: 2rem;
    background: rgba(255, 255, 255, 0.15);
}

/* ==========================================================================
   FEATURES SECTION
   ========================================================================== */
.features-section[b-m7djp986qh] {
    padding: 5rem 0;
    background: var(--color-background);
}

.section-header[b-m7djp986qh] {
    text-align: center;
    margin-bottom: 3.5rem;
}

.section-label[b-m7djp986qh] {
    display: inline-block;
    color: var(--color-secondary);
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: var(--spacing-sm);
}

.section-title[b-m7djp986qh] {
    color: var(--color-primary);
    font-size: clamp(1.5rem, 3.5vw, 2.25rem);
    font-weight: 700;
    margin-bottom: var(--spacing-md);
    letter-spacing: -0.01em;
}

.section-subtitle[b-m7djp986qh] {
    color: var(--color-text-muted);
    font-size: 1.05rem;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

.features-grid[b-m7djp986qh] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-xl);
}

.feature-card[b-m7djp986qh] {
    background: var(--color-surface);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    padding: var(--spacing-xl);
    transition: all var(--transition-base);
}

.feature-card:hover[b-m7djp986qh] {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
    border-color: var(--color-secondary);
}

.feature-icon-wrap[b-m7djp986qh] {
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-primary);
    color: var(--color-text-on-primary);
    border-radius: var(--radius-md);
    font-size: 1.3rem;
    margin-bottom: var(--spacing-lg);
}

.feature-card:hover .feature-icon-wrap[b-m7djp986qh] {
    background: var(--color-secondary);
}

.feature-title[b-m7djp986qh] {
    color: var(--color-primary);
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: var(--spacing-sm);
}

.feature-desc[b-m7djp986qh] {
    color: var(--color-text-muted);
    font-size: 0.9rem;
    line-height: 1.6;
    margin: 0;
}

/* ==========================================================================
   HOW IT WORKS SECTION
   ========================================================================== */
.steps-section[b-m7djp986qh] {
    padding: 5rem 0;
    background: var(--color-surface);
}

.steps-grid[b-m7djp986qh] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: var(--spacing-md);
}

.step-card[b-m7djp986qh] {
    text-align: center;
    flex: 1;
    max-width: 240px;
    position: relative;
}

.step-number[b-m7djp986qh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    background: var(--color-accent);
    color: var(--color-text-on-accent);
    border-radius: 50%;
    font-size: 0.85rem;
    font-weight: 700;
    margin-bottom: var(--spacing-md);
}

.step-icon[b-m7djp986qh] {
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-background);
    border: 2px solid var(--color-border-light);
    border-radius: 50%;
    font-size: 1.4rem;
    color: var(--color-primary);
    margin: 0 auto var(--spacing-md);
    transition: all var(--transition-base);
}

.step-card:hover .step-icon[b-m7djp986qh] {
    border-color: var(--color-secondary);
    color: var(--color-secondary);
}

.step-connector[b-m7djp986qh] {
    display: flex;
    align-items: center;
    color: var(--color-border);
    font-size: 1.25rem;
    padding-top: 3.5rem;
    flex-shrink: 0;
}

.step-title[b-m7djp986qh] {
    color: var(--color-primary);
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: var(--spacing-xs);
}

.step-desc[b-m7djp986qh] {
    color: var(--color-text-muted);
    font-size: 0.85rem;
    line-height: 1.5;
    margin: 0;
}

/* ==========================================================================
   CTA SECTION
   ========================================================================== */
.cta-section[b-m7djp986qh] {
    padding: 5rem 0;
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
    position: relative;
    overflow: hidden;
}

.cta-section[b-m7djp986qh]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 30% 50%, rgba(74, 144, 217, 0.15) 0%, transparent 60%);
    pointer-events: none;
}

.cta-inner[b-m7djp986qh] {
    position: relative;
    text-align: center;
    max-width: 700px;
}

.cta-title[b-m7djp986qh] {
    color: #FFFFFF;
    font-size: clamp(1.5rem, 3.5vw, 2rem);
    font-weight: 700;
    margin-bottom: var(--spacing-md);
}

.cta-subtitle[b-m7djp986qh] {
    color: rgba(255, 255, 255, 0.75);
    font-size: 1.05rem;
    line-height: 1.6;
    margin-bottom: var(--spacing-xl);
}

.cta-actions[b-m7djp986qh] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-md);
    flex-wrap: wrap;
}

.btn-cta-primary[b-m7djp986qh] {
    display: inline-flex;
    align-items: center;
    background: var(--color-accent);
    color: var(--color-text-on-accent);
    font-weight: 600;
    font-size: 1rem;
    padding: 0.75rem 2rem;
    border-radius: var(--radius-lg);
    text-decoration: none;
    transition: all var(--transition-base);
    box-shadow: 0 4px 16px rgba(244, 211, 94, 0.3);
}

.btn-cta-primary:hover[b-m7djp986qh] {
    background: var(--color-accent-dark);
    color: var(--color-text-on-accent);
    transform: translateY(-1px);
    box-shadow: 0 6px 24px rgba(244, 211, 94, 0.4);
}

.btn-cta-secondary[b-m7djp986qh] {
    display: inline-flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 500;
    font-size: 1rem;
    padding: 0.75rem 2rem;
    border-radius: var(--radius-lg);
    border: 1px solid rgba(255, 255, 255, 0.25);
    text-decoration: none;
    transition: all var(--transition-base);
}

.btn-cta-secondary:hover[b-m7djp986qh] {
    background: rgba(255, 255, 255, 0.1);
    color: #FFFFFF;
    border-color: rgba(255, 255, 255, 0.4);
}

/* ==========================================================================
   FOOTER
   ========================================================================== */
.landing-footer[b-m7djp986qh] {
    background: var(--color-surface);
    border-top: 1px solid var(--color-border-light);
}

.footer-inner[b-m7djp986qh] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 3rem 0;
    gap: var(--spacing-xl);
}

.footer-brand[b-m7djp986qh] {
    max-width: 280px;
}

.footer-brand-top[b-m7djp986qh] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    margin-bottom: var(--spacing-sm);
}

.footer-logo[b-m7djp986qh] {
    width: 36px;
    height: 36px;
    border-radius: var(--radius-sm);
}

.footer-brand-name[b-m7djp986qh] {
    font-weight: 700;
    color: var(--color-primary);
    font-size: 1.1rem;
}

.footer-tagline[b-m7djp986qh] {
    color: var(--color-text-muted);
    font-size: 0.85rem;
    line-height: 1.5;
    margin: 0;
}

.footer-links[b-m7djp986qh] {
    display: flex;
    gap: 4rem;
}

.footer-col h4[b-m7djp986qh] {
    color: var(--color-primary);
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: var(--spacing-md);
}

.footer-col a[b-m7djp986qh] {
    display: block;
    color: var(--color-text-muted);
    text-decoration: none;
    font-size: 0.9rem;
    padding: 0.2rem 0;
    transition: color var(--transition-fast);
}

.footer-col a:hover[b-m7djp986qh] {
    color: var(--color-primary);
}

.footer-bottom[b-m7djp986qh] {
    border-top: 1px solid var(--color-border-light);
    padding: var(--spacing-lg) 0;
    text-align: center;
    color: var(--color-text-muted);
    font-size: 0.8rem;
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

/* Tablet */
@media (max-width: 991.98px) {
    .features-grid[b-m7djp986qh] {
        grid-template-columns: repeat(2, 1fr);
    }

    .steps-grid[b-m7djp986qh] {
        flex-wrap: wrap;
        gap: var(--spacing-xl);
    }

    .step-connector[b-m7djp986qh] {
        display: none;
    }

    .step-card[b-m7djp986qh] {
        flex: 0 0 calc(50% - var(--spacing-lg));
        max-width: none;
    }
}

/* Mobile */
@media (max-width: 767.98px) {
    .landing-container[b-m7djp986qh] {
        padding: 0 var(--spacing-lg);
    }

    .hero-section[b-m7djp986qh] {
        padding: 6.5rem 0 3.5rem;
    }

    .features-section[b-m7djp986qh],
    .steps-section[b-m7djp986qh],
    .cta-section[b-m7djp986qh] {
        padding: 3.5rem 0;
    }

    .features-grid[b-m7djp986qh] {
        grid-template-columns: 1fr;
        gap: var(--spacing-lg);
    }

    .step-card[b-m7djp986qh] {
        flex: 0 0 100%;
    }

    .hero-stats[b-m7djp986qh] {
        gap: var(--spacing-lg);
    }

    .hero-stat-divider[b-m7djp986qh] {
        display: none;
    }

    .hero-actions[b-m7djp986qh] {
        flex-direction: column;
    }

    .btn-hero-primary[b-m7djp986qh],
    .btn-hero-secondary[b-m7djp986qh] {
        width: 100%;
        justify-content: center;
    }

    .cta-actions[b-m7djp986qh] {
        flex-direction: column;
    }

    .btn-cta-primary[b-m7djp986qh],
    .btn-cta-secondary[b-m7djp986qh] {
        width: 100%;
        justify-content: center;
    }

    .footer-inner[b-m7djp986qh] {
        flex-direction: column;
        gap: var(--spacing-xl);
    }

    .footer-links[b-m7djp986qh] {
        gap: var(--spacing-xl);
    }

    .nav-inner[b-m7djp986qh] {
        gap: var(--spacing-sm);
    }

    .nav-brand span[b-m7djp986qh] {
        display: none;
    }

    .btn-nav-signin[b-m7djp986qh] {
        padding: 0.35rem 0.75rem;
        font-size: 0.85rem;
    }

    .btn-nav-start[b-m7djp986qh] {
        padding: 0.35rem 0.9rem;
        font-size: 0.85rem;
    }
}

/* Small mobile */
@media (max-width: 575.98px) {
    .hero-title[b-m7djp986qh] {
        font-size: 1.75rem;
    }

    .section-title[b-m7djp986qh] {
        font-size: 1.35rem;
    }
}

/* ==========================================================================
   UNDER CONSTRUCTION MODAL
   ========================================================================== */
.uc-overlay[b-m7djp986qh] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-lg);
}

.uc-modal[b-m7djp986qh] {
    background: var(--color-background, #fff);
    border-radius: 1.25rem;
    padding: 2.5rem 2rem;
    max-width: 420px;
    width: 100%;
    text-align: center;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    animation: uc-fade-in-b-m7djp986qh 0.4s ease-out;
}

@keyframes uc-fade-in-b-m7djp986qh {
    from { opacity: 0; transform: scale(0.9) translateY(20px); }
    to   { opacity: 1; transform: scale(1) translateY(0); }
}

.uc-animation[b-m7djp986qh] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px;
    margin-bottom: 1.5rem;
}

.uc-cog[b-m7djp986qh] {
    animation: uc-spin-b-m7djp986qh 4s linear infinite;
}

.uc-wrench[b-m7djp986qh] {
    position: absolute;
    bottom: 8px;
    right: 4px;
    animation: uc-wrench-rock-b-m7djp986qh 1.2s ease-in-out infinite;
    transform-origin: 70% 70%;
}

@keyframes uc-spin-b-m7djp986qh {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

@keyframes uc-wrench-rock-b-m7djp986qh {
    0%, 100% { transform: rotate(0deg); }
    25%      { transform: rotate(-15deg); }
    75%      { transform: rotate(15deg); }
}

.uc-title[b-m7djp986qh] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--color-text, #1a1a2e);
    margin-bottom: 0.75rem;
}

.uc-text[b-m7djp986qh] {
    font-size: 1rem;
    color: var(--color-text-muted, #6b7280);
    margin-bottom: 1.5rem;
    line-height: 1.6;
}

.uc-btn[b-m7djp986qh] {
    min-width: 160px;
}
/* /Components/Pages/Invoicing/Bookings.razor.rz.scp.css */
.page-header[b-z8mm0mewpo] {
    margin-bottom: var(--spacing-lg);
}

.page-subtitle[b-z8mm0mewpo] {
    color: var(--color-text-muted);
    font-size: 0.95rem;
}

[b-z8mm0mewpo] .table {
    font-size: 0.9rem;
}

[b-z8mm0mewpo] .table th {
    color: var(--color-text-muted);
    font-weight: 600;
    border-bottom: 2px solid var(--color-border);
}

[b-z8mm0mewpo] .badge {
    font-weight: 500;
}

@media (max-width: 767.98px) {
    [b-z8mm0mewpo] .table {
        font-size: 0.8rem;
    }

    [b-z8mm0mewpo] .btn-sm {
        font-size: 0.75rem;
        padding: 0.2rem 0.4rem;
    }
}
/* /Components/Pages/Invoicing/Invoices.razor.rz.scp.css */
.page-header[b-7zq39xq20o] {
    margin-bottom: var(--spacing-lg);
}

.page-subtitle[b-7zq39xq20o] {
    color: var(--color-text-muted);
    font-size: 0.95rem;
}

.summary-card[b-7zq39xq20o] {
    box-shadow: var(--shadow-sm);
    border-radius: var(--radius-md);
    transition: box-shadow var(--transition-base);
}

.summary-card:hover[b-7zq39xq20o] {
    box-shadow: var(--shadow-md);
}

[b-7zq39xq20o] .table {
    font-size: 0.9rem;
}

[b-7zq39xq20o] .table th {
    color: var(--color-text-muted);
    font-weight: 600;
    border-bottom: 2px solid var(--color-border);
}

@media (max-width: 767.98px) {
    [b-7zq39xq20o] .table {
        font-size: 0.8rem;
    }

    .summary-card .h3[b-7zq39xq20o] {
        font-size: 1.2rem;
    }
}
/* /Components/Pages/Siba/GuestRegistrations.razor.rz.scp.css */
/* GuestRegistrations page — Lisbon Modern scoped styles */

.page-header[b-dqvnczji2u] {
    margin-bottom: var(--spacing-xl);
    padding-bottom: var(--spacing-md);
    border-bottom: 2px solid var(--color-surface-alt);
}

.page-header h3[b-dqvnczji2u] {
    color: var(--color-primary);
    font-weight: 700;
    font-size: 1.6rem;
    margin-bottom: var(--spacing-xs);
}

.page-subtitle[b-dqvnczji2u] {
    color: var(--color-text-muted);
    font-size: 0.95rem;
    margin-bottom: 0;
}

.card[b-dqvnczji2u] {
    border: 1px solid var(--color-border-light);
    box-shadow: var(--shadow-sm);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: box-shadow var(--transition-base);
}

.card:hover[b-dqvnczji2u] {
    box-shadow: var(--shadow-md);
}

.card-header[b-dqvnczji2u] {
    background-color: var(--color-surface-alt);
    border-bottom: 1px solid var(--color-border-light);
    padding: var(--spacing-md) var(--spacing-lg);
}

.card-header h5[b-dqvnczji2u] {
    color: var(--color-primary);
    font-weight: 600;
    font-size: 1.05rem;
    margin-bottom: 0;
}

.card-body[b-dqvnczji2u] {
    padding: var(--spacing-lg);
}

[b-dqvnczji2u] .badge {
    font-size: 0.8rem;
    padding: 0.35em 0.65em;
    font-weight: 500;
}

/* Action buttons with dark borders */
[b-dqvnczji2u] .btn-action-outline {
    border: 1px solid #343a40;
    color: #343a40;
    background-color: transparent;
    transition: background-color var(--transition-fast), color var(--transition-fast);
}

[b-dqvnczji2u] .btn-action-outline:hover {
    background-color: #343a40;
    color: #fff;
}

[b-dqvnczji2u] .btn-action-danger {
    color: #dc3545;
}

[b-dqvnczji2u] .btn-action-danger:hover {
    background-color: #dc3545;
    border-color: #343a40;
    color: #fff;
}

[b-dqvnczji2u] .btn-action-link {
    color: var(--color-primary, #2B6CB0);
    border-color: var(--color-primary, #2B6CB0);
}

[b-dqvnczji2u] .btn-action-link:hover {
    background-color: var(--color-primary, #2B6CB0);
    color: #fff;
}

/* Clickable row */
[b-dqvnczji2u] .guest-link-row {
    cursor: pointer;
}

[b-dqvnczji2u] .guest-link-row:hover {
    background-color: var(--color-surface-alt);
}

/* Status bar */
[b-dqvnczji2u] .status-bar {
    display: flex;
    height: 1.3rem;
    border-radius: var(--radius-sm, 4px);
    overflow: hidden;
    border: 1px solid var(--color-border-light);
    min-width: 2rem;
    max-width: 3.5rem;
    margin: 0 auto;
}

[b-dqvnczji2u] .status-bar-segment {
    height: 100%;
    transition: background-color var(--transition-fast);
}

[b-dqvnczji2u] .status-bar-segment + .status-bar-segment {
    border-left: 1px solid rgba(255, 255, 255, 0.4);
}

[b-dqvnczji2u] .status-bar-empty {
    background-color: #e9ecef;
}

/* Detail row and pane */
[b-dqvnczji2u] .guest-link-detail-row td {
    padding: 0 !important;
    border-top: none;
}

.guest-link-detail-pane[b-dqvnczji2u] {
    padding: var(--spacing-lg);
    background-color: var(--color-surface-alt);
    border-top: 2px solid var(--color-primary, #2B6CB0);
}

.detail-pane-title[b-dqvnczji2u] {
    color: var(--color-primary);
    font-weight: 600;
    font-size: 0.95rem;
    margin-bottom: var(--spacing-md);
}

.guest-detail-list[b-dqvnczji2u] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.guest-detail-item[b-dqvnczji2u] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: var(--spacing-md);
    padding: 0.6rem 0.85rem;
    background-color: #fff;
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-sm);
}

.guest-detail-indicator[b-dqvnczji2u] {
    width: 4px;
    min-height: 2rem;
    border-radius: 2px;
    flex-shrink: 0;
}

.guest-detail-info[b-dqvnczji2u] {
    flex: 1;
    min-width: 0;
}

.guest-detail-name[b-dqvnczji2u] {
    font-size: 0.9rem;
    color: var(--color-text);
}

.guest-detail-meta[b-dqvnczji2u] {
    font-size: 0.8rem;
    color: var(--color-text-muted);
    margin-top: 0.15rem;
}

.guest-detail-status[b-dqvnczji2u] {
    flex-shrink: 0;
}

.guest-detail-remaining[b-dqvnczji2u] {
    margin-top: var(--spacing-sm);
    font-size: 0.85rem;
    color: var(--color-text-muted);
}

[b-dqvnczji2u] .copied-tooltip {
    position: absolute;
    bottom: 100%;
    left: 0;
    margin-bottom: 6px;
    padding: 4px 10px;
    background-color: var(--color-primary, #2B6CB0);
    color: #fff;
    font-size: 0.78rem;
    font-weight: 500;
    border-radius: var(--radius-sm, 4px);
    white-space: nowrap;
    pointer-events: none;
    box-shadow: var(--shadow-sm, 0 1px 3px rgba(0,0,0,.15));
    animation: tooltipFadeIn-b-dqvnczji2u 0.15s ease-out;
    z-index: 10;
}

[b-dqvnczji2u] .copied-tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 1rem;
    border: 5px solid transparent;
    border-top-color: var(--color-primary, #2B6CB0);
}

@keyframes tooltipFadeIn-b-dqvnczji2u {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Clickable AwaitingApproval guest rows */
.guest-detail-clickable[b-dqvnczji2u] {
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

.guest-detail-clickable:hover[b-dqvnczji2u] {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    background-color: #f0f4f8;
}

/* ══ Registration Queue section ══ */

.queue-section-header[b-dqvnczji2u] {
    margin-top: var(--spacing-xl);
    margin-bottom: var(--spacing-lg);
    padding-top: var(--spacing-lg);
    border-top: 2px solid var(--color-surface-alt);
}

.queue-section-header h4[b-dqvnczji2u] {
    color: var(--color-primary);
    font-weight: 700;
    font-size: 1.4rem;
    margin-bottom: var(--spacing-xs);
}

/* Table */
[b-dqvnczji2u] .table td {
    padding: var(--spacing-md);
    vertical-align: middle;
}

.queue-entry-row[b-dqvnczji2u] {
    cursor: pointer;
    scroll-margin-top: 5rem;
}

.queue-entry-row:hover[b-dqvnczji2u] {
    background-color: var(--color-surface-alt);
}

/* Document photo inline (full-size in details pane) */
.doc-photo-inline[b-dqvnczji2u] {
    display: flex;
    justify-content: center;
}

.doc-photo-full[b-dqvnczji2u] {
    width: 100%;
    max-width: 40rem;
    border-radius: 0.5rem;
    border: 1px solid var(--color-border-light);
    box-shadow: var(--shadow-sm);
    object-fit: contain;
}

.doc-photo-clickable[b-dqvnczji2u] {
    cursor: pointer;
    transition: opacity var(--transition-fast), box-shadow var(--transition-fast);
}

.doc-photo-clickable:hover[b-dqvnczji2u] {
    opacity: 0.85;
    box-shadow: 0 0 0 3px rgba(43, 108, 176, 0.3);
}

/* Dual document photos container */
.doc-photos-container[b-dqvnczji2u] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    justify-items: center;
}

.doc-photo-item[b-dqvnczji2u] {
    max-width: 40rem;
    text-align: center;
    width: 100%;
}

.doc-photo-label-sm[b-dqvnczji2u] {
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--color-text-muted);
    margin-bottom: 0.5rem;
}

/* Fullscreen photo overlay */
.photo-overlay[b-dqvnczji2u] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.85);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    animation: overlayFadeIn-b-dqvnczji2u 0.2s ease-out;
}

.photo-overlay-img[b-dqvnczji2u] {
    max-width: 90vw;
    max-height: 90vh;
    object-fit: contain;
    border-radius: 0.5rem;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.5);
}

@keyframes overlayFadeIn-b-dqvnczji2u {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Highlighted entry row — fades out after 3 seconds */
.highlight-entry[b-dqvnczji2u] {
    animation: highlightFade-b-dqvnczji2u 3s ease-out;
}

@keyframes highlightFade-b-dqvnczji2u {
    0% { background-color: rgba(43, 108, 176, 0.15); }
    70% { background-color: rgba(43, 108, 176, 0.08); }
    100% { background-color: transparent; }
}

/* Responsive */
@media (max-width: 767.98px) {
    .table-responsive[b-dqvnczji2u] {
        font-size: 0.85rem;
    }

    .btn-group-sm .btn[b-dqvnczji2u] {
        padding: 0.25rem 0.4rem;
        font-size: 0.75rem;
    }

    .page-header h3[b-dqvnczji2u] {
        font-size: 1.3rem;
    }

    .guest-detail-item[b-dqvnczji2u] {
        flex-wrap: wrap;
    }

    .doc-photos-container[b-dqvnczji2u] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .page-header h3[b-dqvnczji2u] {
        font-size: 1.15rem;
    }

    [b-dqvnczji2u] .table td {
        padding: var(--spacing-sm);
    }
}
/* /Components/Pages/Siba/SendGuestRegistration.razor.rz.scp.css */
/* SendGuestRegistration page � Lisbon Modern scoped styles */

/* ?? Page header ?? */
.page-header[b-yj942q0q9f] {
    margin-bottom: var(--spacing-xl);
    padding-bottom: var(--spacing-md);
    border-bottom: 2px solid var(--color-surface-alt);
}

.page-header h3[b-yj942q0q9f] {
    color: var(--color-primary);
    font-weight: 700;
    font-size: 1.6rem;
    margin-bottom: var(--spacing-xs);
}

.page-subtitle[b-yj942q0q9f] {
    color: var(--color-text-muted);
    font-size: 0.95rem;
    margin-bottom: 0;
}

/* ?? Cards ?? */
.card[b-yj942q0q9f] {
    border: 1px solid var(--color-border-light);
    box-shadow: var(--shadow-sm);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: box-shadow var(--transition-base);
}

.card:hover[b-yj942q0q9f] {
    box-shadow: var(--shadow-md);
}

.card-header[b-yj942q0q9f] {
    background-color: var(--color-surface-alt);
    border-bottom: 1px solid var(--color-border-light);
    padding: var(--spacing-md) var(--spacing-lg);
}

.card-header h5[b-yj942q0q9f] {
    color: var(--color-primary);
    font-weight: 600;
    font-size: 1.05rem;
    margin-bottom: 0;
    letter-spacing: 0.01em;
}

.card-body[b-yj942q0q9f] {
    padding: var(--spacing-lg);
}

/* ?? Form controls ?? */
.form-label[b-yj942q0q9f] {
    color: var(--color-text);
    font-weight: 500;
    font-size: 0.875rem;
    margin-bottom: var(--spacing-xs);
}

[b-yj942q0q9f] .form-control,
[b-yj942q0q9f] .form-select {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    padding: 0.5rem 0.75rem;
    font-size: 0.925rem;
    color: var(--color-text);
    background-color: var(--color-background);
    transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}

[b-yj942q0q9f] .form-control::placeholder {
    color: var(--color-text-muted);
    opacity: 0.6;
}

[b-yj942q0q9f] .form-control:focus,
[b-yj942q0q9f] .form-select:focus {
    border-color: var(--color-secondary);
    box-shadow: 0 0 0 0.2rem rgba(74, 144, 217, 0.2);
}

[b-yj942q0q9f] .form-control.invalid,
[b-yj942q0q9f] .form-select.invalid {
    border-color: var(--color-danger);
}

[b-yj942q0q9f] .form-control.valid.modified,
[b-yj942q0q9f] .form-select.valid.modified {
    border-color: var(--color-success);
}

/* ?? Submit button ?? */
.btn-submit[b-yj942q0q9f] {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    border-radius: var(--radius-sm);
    padding: 0.6rem 2rem;
    font-weight: 600;
    font-size: 0.95rem;
    letter-spacing: 0.02em;
    transition: background-color var(--transition-fast),
                border-color var(--transition-fast),
                box-shadow var(--transition-fast),
                transform var(--transition-fast);
}

.btn-submit:hover[b-yj942q0q9f] {
    background-color: var(--color-primary-light);
    border-color: var(--color-primary-light);
    transform: translateY(-1px);
    box-shadow: var(--shadow-md);
}

.btn-submit:active[b-yj942q0q9f] {
    transform: translateY(0);
}

/* ?? Alerts ?? */
.alert[b-yj942q0q9f] {
    border-radius: var(--radius-sm);
    font-size: 0.925rem;
}

/* ?? Validation summary ?? */
[b-yj942q0q9f] .validation-errors {
    background-color: #fef2f2;
    border: 1px solid var(--color-danger);
    border-radius: var(--radius-sm);
    padding: var(--spacing-md);
    color: var(--color-danger);
    font-size: 0.875rem;
}

/* ?? Responsive ?? */
@media (max-width: 767.98px) {
    .page-header h3[b-yj942q0q9f] {
        font-size: 1.3rem;
    }

    .card-body[b-yj942q0q9f] {
        padding: var(--spacing-md);
    }

    .btn-submit[b-yj942q0q9f] {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .page-header h3[b-yj942q0q9f] {
        font-size: 1.15rem;
    }

    .card-header[b-yj942q0q9f] {
        padding: var(--spacing-sm) var(--spacing-md);
    }

    .card-body[b-yj942q0q9f] {
        padding: var(--spacing-sm);
    }
}
/* /Components/Pages/Siba/StatusSiba.razor.rz.scp.css */
/* SibaSubmissions page — Lisbon Modern scoped styles */

/* Page header */
.page-header[b-wy93jo2zzw] {
    margin-bottom: var(--spacing-xl);
    padding-bottom: var(--spacing-md);
    border-bottom: 2px solid var(--color-surface-alt);
}

.page-header h3[b-wy93jo2zzw] {
    color: var(--color-primary);
    font-weight: 700;
    font-size: 1.6rem;
    margin-bottom: var(--spacing-xs);
}

.page-subtitle[b-wy93jo2zzw] {
    color: var(--color-text-muted);
    font-size: 0.95rem;
    margin-bottom: 0;
}

/* Cards */
.card[b-wy93jo2zzw] {
    border: 1px solid var(--color-border-light);
    box-shadow: var(--shadow-sm);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: box-shadow var(--transition-base);
}

.card-header[b-wy93jo2zzw] {
    background-color: var(--color-surface-alt);
    border-bottom: 1px solid var(--color-border-light);
    padding: var(--spacing-md) var(--spacing-lg);
}

.card-header h5[b-wy93jo2zzw] {
    color: var(--color-primary);
    font-weight: 600;
    font-size: 1.05rem;
    margin-bottom: 0;
}

.card-body[b-wy93jo2zzw] {
    padding: var(--spacing-lg);
}

/* Table */
[b-wy93jo2zzw] .table td {
    padding: var(--spacing-md);
    vertical-align: middle;
}

.submission-row[b-wy93jo2zzw] {
    cursor: pointer;
}

.submission-row:hover[b-wy93jo2zzw] {
    background-color: var(--color-surface-alt);
}

/* Badges */
[b-wy93jo2zzw] .badge {
    font-size: 0.8rem;
    padding: 0.35em 0.65em;
    font-weight: 500;
}

/* Action buttons with dark borders */
[b-wy93jo2zzw] .btn-group .btn {
    border-color: #343a40;
}

/* Responsive */
@media (max-width: 767.98px) {
    .table-responsive[b-wy93jo2zzw] {
        font-size: 0.85rem;
    }

    .btn-group-sm .btn[b-wy93jo2zzw] {
        padding: 0.25rem 0.4rem;
        font-size: 0.75rem;
    }

    .page-header h3[b-wy93jo2zzw] {
        font-size: 1.3rem;
    }
}

@media (max-width: 575.98px) {
    .page-header h3[b-wy93jo2zzw] {
        font-size: 1.15rem;
    }

    [b-wy93jo2zzw] .table td {
        padding: var(--spacing-sm);
    }
}

/* Document photo thumbnail */
.doc-photo-thumbnail[b-wy93jo2zzw] {
    max-width: 14rem;
    max-height: 10rem;
    border-radius: 0.5rem;
    border: 1px solid var(--color-border-light);
    object-fit: contain;
    cursor: pointer;
    transition: opacity var(--transition-fast), box-shadow var(--transition-fast);
}

.doc-photo-thumbnail:hover[b-wy93jo2zzw] {
    opacity: 0.85;
    box-shadow: var(--shadow-md);
}

/* Fullscreen photo overlay */
.doc-photo-overlay[b-wy93jo2zzw] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.85);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.doc-photo-modal[b-wy93jo2zzw] {
    position: relative;
    max-width: 95vw;
    max-height: 95vh;
}

.doc-photo-fullsize[b-wy93jo2zzw] {
    max-width: 95vw;
    max-height: 90vh;
    border-radius: 0.5rem;
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.5);
    object-fit: contain;
}

.doc-photo-close[b-wy93jo2zzw] {
    position: absolute;
    top: -0.75rem;
    right: -0.75rem;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    border: none;
    background-color: #fff;
    color: #333;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: var(--shadow-md);
    z-index: 1;
    transition: background-color var(--transition-fast);
}

.doc-photo-close:hover[b-wy93jo2zzw] {
    background-color: #f0f0f0;
}
/* /Components/Pages/User/ALProperties.razor.rz.scp.css */
.import-log-container[b-q85ixwuxla] {
    max-height: 20rem;
    overflow-y: auto;
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-sm);
    padding: 0.5rem;
}

.import-log-container .alert[b-q85ixwuxla] {
    font-size: 0.875rem;
}
/* /Components/Pages/User/Settings.razor.rz.scp.css */
/* Settings page � Lisbon Modern scoped styles */

h3[b-7aj3dhseeb] {
    color: var(--color-primary);
    font-weight: 600;
    margin-bottom: var(--spacing-lg);
}

.card[b-7aj3dhseeb] {
    border-color: var(--color-border-light);
    box-shadow: var(--shadow-sm);
    border-radius: var(--radius-md);
}

.card-header[b-7aj3dhseeb] {
    background-color: var(--color-surface-alt);
    border-bottom-color: var(--color-border-light);
}

.card-header h5[b-7aj3dhseeb] {
    color: var(--color-primary);
    margin-bottom: 0;
    font-weight: 600;
}

.form-label[b-7aj3dhseeb] {
    color: var(--color-text);
    font-weight: 500;
}

.form-text[b-7aj3dhseeb] {
    color: var(--color-text-muted);
}

.form-control[b-7aj3dhseeb] {
    border-color: var(--color-border);
    border-radius: var(--radius-sm);
    transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.form-control:focus[b-7aj3dhseeb] {
    border-color: var(--color-secondary);
    box-shadow: 0 0 0 0.2rem rgba(74, 144, 217, 0.25);
}

.btn-primary[b-7aj3dhseeb] {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    border-radius: var(--radius-sm);
    transition: background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.btn-primary:hover[b-7aj3dhseeb] {
    background-color: var(--color-primary-light);
    border-color: var(--color-primary-light);
}

.registration-number-wrapper[b-7aj3dhseeb] {
    max-width: 8rem;
}

.form-check-input:checked[b-7aj3dhseeb] {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.form-check-label[b-7aj3dhseeb] {
    color: var(--color-text);
    font-weight: 500;
}

.import-log-container[b-7aj3dhseeb] {
    max-height: 20rem;
    overflow-y: auto;
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-sm);
    padding: 0.5rem;
}

.import-log-container .alert[b-7aj3dhseeb] {
    font-size: 0.875rem;
}

.btn-warning[b-7aj3dhseeb] {
    border-radius: var(--radius-sm);
}

/* ══ Email Settings section ══ */

.page-subtitle[b-7aj3dhseeb] {
    color: var(--color-text-muted);
    font-size: 0.95rem;
    margin-bottom: 0;
}

[b-7aj3dhseeb] dl {
    margin-bottom: 0;
}

[b-7aj3dhseeb] dt {
    font-weight: 600;
    color: var(--color-text);
    font-size: 0.85rem;
    margin-top: 0.75rem;
}

[b-7aj3dhseeb] dt:first-child {
    margin-top: 0;
}

[b-7aj3dhseeb] dd {
    margin-bottom: 0;
    margin-left: 0;
}

[b-7aj3dhseeb] .accordion-item {
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-sm);
    margin-bottom: 0.5rem;
    overflow: hidden;
}

[b-7aj3dhseeb] .accordion-button {
    padding: 0.6rem 1rem;
    font-size: 0.9rem;
    font-weight: 600;
    background-color: var(--color-surface-alt);
    color: var(--color-text);
    box-shadow: none;
}

[b-7aj3dhseeb] .accordion-button:not(.collapsed) {
    background-color: var(--color-surface-alt);
    color: var(--color-primary);
}

[b-7aj3dhseeb] .accordion-body {
    padding: 1rem;
    font-size: 0.9rem;
}

[b-7aj3dhseeb] .accordion-body ol li {
    line-height: 1.6;
}

/* ══ Responsive ══ */
@media (max-width: 767.98px) {
    h3[b-7aj3dhseeb] {
        font-size: 1.3rem;
    }

    .card-body[b-7aj3dhseeb] {
        padding: var(--spacing-md);
    }
}

@media (max-width: 575.98px) {
    h3[b-7aj3dhseeb] {
        font-size: 1.15rem;
    }

    .registration-number-wrapper[b-7aj3dhseeb] {
        max-width: 100%;
    }
}
/* /Components/Pages/User/Subscription.razor.rz.scp.css */
.page-header[b-02rdtj4c3e] {
    margin-bottom: var(--spacing-lg);
}

.page-subtitle[b-02rdtj4c3e] {
    color: var(--color-text-muted);
    font-size: 0.95rem;
}

.display-4[b-02rdtj4c3e] {
    color: var(--color-primary);
}

.border-primary[b-02rdtj4c3e] {
    border-color: var(--color-primary) !important;
}

.border-accent[b-02rdtj4c3e] {
    border-color: var(--color-accent) !important;
}

[b-02rdtj4c3e] .card {
    box-shadow: var(--shadow-sm);
    border-radius: var(--radius-md);
    transition: box-shadow var(--transition-base);
}

[b-02rdtj4c3e] .card:hover {
    box-shadow: var(--shadow-md);
}

[b-02rdtj4c3e] .card-header {
    border-radius: var(--radius-md) var(--radius-md) 0 0;
}

[b-02rdtj4c3e] .payment-method-card {
    transition: all var(--transition-base);
    cursor: pointer;
}

[b-02rdtj4c3e] .payment-method-card:hover {
    border-color: var(--color-primary) !important;
    background-color: var(--color-background-subtle, #f8f9fa);
}

[b-02rdtj4c3e] .payment-method-card .form-check-input {
    display: none;
}

@media (max-width: 767.98px) {
    .display-4[b-02rdtj4c3e] {
        font-size: 2rem;
    }
}