/* /Components/Account/Shared/ManageLayout.razor.rz.scp.css */
.account-manage-page[b-gi133yyqkj] {
    position: relative;
    min-height: 100vh;
    padding: 7.25rem 2rem 6rem 2rem;
    color: white;
    overflow-x: clip;
    isolation: isolate;
    background: var(--color-night);
}

    .account-manage-page[b-gi133yyqkj]::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background: radial-gradient(circle at 16% 8%, rgba(255, 46, 166, 0.36), transparent 30rem), radial-gradient(circle at 84% 10%, rgba(41, 244, 255, 0.24), transparent 30rem), linear-gradient(135deg, var(--color-night) 0%, var(--color-deep-purple) 48%, var(--color-dark-plum) 100%);
    }

.account-manage-shell[b-gi133yyqkj] {
    width: min(1180px, 100%);
    margin: 0 auto;
}

.account-manage-header[b-gi133yyqkj] {
    max-width: 900px;
    margin-bottom: 2.25rem;
}

.account-label[b-gi133yyqkj] {
    margin: 0 0 1rem 0;
    color: var(--color-neon-pink);
    font-size: 0.78rem;
    font-weight: 950;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.account-manage-header h1[b-gi133yyqkj] {
    margin: 0 0 1.2rem 0;
    color: white;
    font-size: clamp(2.8rem, 5.6vw, 5.5rem);
    line-height: 0.92;
    font-weight: 950;
    letter-spacing: -0.07em;
    text-transform: uppercase;
    text-wrap: balance;
}

.account-manage-header p[b-gi133yyqkj] {
    max-width: 780px;
    margin: 0;
    color: rgba(255, 255, 255, 0.9);
    font-size: clamp(1rem, 1.55vw, 1.16rem);
    line-height: 1.75;
}

.account-manage-grid[b-gi133yyqkj] {
    display: grid;
    grid-template-columns: minmax(240px, 0.34fr) minmax(0, 1fr);
    gap: 1.5rem;
    align-items: start;
}

.account-manage-nav[b-gi133yyqkj],
.account-manage-content[b-gi133yyqkj] {
    border: 1px solid rgba(255, 46, 166, 0.12);
    border-radius: var(--radius-card);
    background: radial-gradient(circle at 92% 6%, rgba(41, 244, 255, 0.08), transparent 14rem), linear-gradient(180deg, rgba(255, 255, 255, 0.985), rgba(255, 247, 251, 0.985));
    box-shadow: var(--shadow-soft);
}

.account-manage-nav[b-gi133yyqkj] {
    padding: 1.35rem;
}

.account-manage-content[b-gi133yyqkj] {
    min-width: 0;
    padding: 2.25rem;
}

/* Manage nav */

.account-manage-nav[b-gi133yyqkj]  nav,
.account-manage-nav[b-gi133yyqkj]  ul {
    display: grid;
    gap: 0.45rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.account-manage-nav[b-gi133yyqkj]  a,
.account-manage-nav[b-gi133yyqkj]  .nav-link {
    display: flex;
    align-items: center;
    min-height: 2.9rem;
    padding: 0.85rem 1rem;
    border-radius: var(--radius-pill);
    color: rgba(22, 19, 31, 0.66);
    font-size: 0.86rem;
    font-weight: 950;
    letter-spacing: 0.06em;
    text-decoration: none;
    text-transform: uppercase;
    transition: background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

    .account-manage-nav[b-gi133yyqkj]  a:hover,
    .account-manage-nav[b-gi133yyqkj]  .nav-link:hover {
        background: rgba(255, 46, 166, 0.12);
        color: var(--color-night);
        text-decoration: none;
        transform: translateY(-1px);
    }

    .account-manage-nav[b-gi133yyqkj]  a.active,
    .account-manage-nav[b-gi133yyqkj]  .nav-link.active {
        background: rgba(255, 46, 166, 0.2);
        color: var(--color-night);
        box-shadow: inset 0 0 0 1px rgba(255, 46, 166, 0.28);
    }

/* Content sections from child pages */

.account-manage-content[b-gi133yyqkj]  .account-manage-section {
    color: var(--color-text-dark);
}

.account-manage-content[b-gi133yyqkj]  .account-manage-section-header {
    max-width: 760px;
    margin-bottom: 1.75rem;
}

.account-manage-content[b-gi133yyqkj]  .account-manage-eyebrow {
    margin: 0 0 0.7rem 0;
    color: rgba(22, 19, 31, 0.58);
    font-size: 0.78rem;
    font-weight: 950;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.account-manage-content[b-gi133yyqkj]  .account-manage-section-header h2 {
    margin: 0 0 0.8rem 0;
    color: var(--color-text-dark);
    font-size: clamp(2rem, 4vw, 3.45rem);
    line-height: 0.96;
    font-weight: 950;
    letter-spacing: -0.06em;
    text-transform: uppercase;
    text-wrap: balance;
}

.account-manage-content[b-gi133yyqkj]  .account-manage-section-header p {
    margin: 0;
    color: var(--color-text-muted);
    font-size: 1rem;
    line-height: 1.7;
}

.account-manage-content[b-gi133yyqkj]  .account-manage-form {
    display: grid;
    gap: 1.15rem;
    max-width: 680px;
}

.account-manage-content[b-gi133yyqkj]  .account-field {
    display: grid;
    gap: 0.42rem;
}

    .account-manage-content[b-gi133yyqkj]  .account-field label {
        color: rgba(22, 19, 31, 0.72);
        font-size: 0.78rem;
        font-weight: 950;
        letter-spacing: 0.1em;
        text-transform: uppercase;
    }

.account-manage-content[b-gi133yyqkj]  .account-input {
    width: 100%;
    min-height: 3.45rem;
    padding: 0.95rem 1.1rem;
    border: 1px solid rgba(32, 214, 199, 0.72);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.96);
    color: var(--color-text-dark);
    font-size: 1rem;
    font-weight: 750;
    outline: none;
    box-shadow: none;
    transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

    .account-manage-content[b-gi133yyqkj]  .account-input:focus {
        border-color: var(--color-neon-pink);
        background: white;
        box-shadow: 0 0 0 0.16rem rgba(255, 46, 166, 0.14), 0 10px 28px rgba(9, 8, 22, 0.07);
    }

    .account-manage-content[b-gi133yyqkj]  .account-input:disabled {
        border-color: rgba(22, 19, 31, 0.12);
        background: rgba(22, 19, 31, 0.055);
        color: rgba(22, 19, 31, 0.62);
        cursor: not-allowed;
    }

.account-manage-content[b-gi133yyqkj]  .account-field-help {
    margin: 0;
    color: rgba(22, 19, 31, 0.58);
    font-size: 0.9rem;
    line-height: 1.55;
}

.account-manage-content[b-gi133yyqkj]  .validation-message,
.account-manage-content[b-gi133yyqkj]  .account-inline-error {
    color: #c2185b;
    font-size: 0.88rem;
    font-weight: 850;
    line-height: 1.45;
}

.account-manage-content[b-gi133yyqkj]  .account-inline-error {
    padding: 0.9rem 1rem;
    border: 1px solid rgba(255, 46, 166, 0.2);
    border-radius: 1rem;
    background: rgba(255, 46, 166, 0.08);
}

.account-manage-content[b-gi133yyqkj]  .account-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 3.15rem;
    padding: 0.95rem 1.35rem;
    border: 0;
    border-radius: var(--radius-pill);
    background: var(--color-neon-pink);
    color: var(--color-night);
    font-size: 0.9rem;
    font-weight: 950;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    box-shadow: 0 0 34px rgba(255, 46, 166, 0.34);
    cursor: pointer;
    transition: background 0.16s ease, color 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease;
}

    .account-manage-content[b-gi133yyqkj]  .account-button:hover {
        background: var(--color-hot-pink);
        color: var(--color-night);
        transform: translateY(-1px);
        box-shadow: 0 18px 48px rgba(9, 8, 22, 0.16), 0 0 42px rgba(255, 46, 166, 0.42);
    }

.account-manage-content[b-gi133yyqkj]  .account-manage-save-button {
    width: min(100%, 22rem);
}

/* Delete account page */

.account-manage-content[b-gi133yyqkj]  .account-danger-warning {
    margin-bottom: 1.1rem;
    padding: 1rem;
    border: 1px solid rgba(255, 183, 3, 0.28);
    border-radius: 1rem;
    background: rgba(255, 183, 3, 0.14);
    color: #5c4100;
}

    .account-manage-content[b-gi133yyqkj]  .account-danger-warning p {
        margin: 0;
        line-height: 1.6;
    }

.account-manage-content[b-gi133yyqkj]  .account-danger-note {
    max-width: 760px;
    margin: 0 0 1.25rem 0;
    color: var(--color-text-muted);
    line-height: 1.7;
}

.account-manage-content[b-gi133yyqkj]  .account-danger-button {
    background: #e0314b;
    color: white;
    box-shadow: 0 0 34px rgba(224, 49, 75, 0.26);
}

    .account-manage-content[b-gi133yyqkj]  .account-danger-button:hover {
        background: #c92a42;
        color: white;
        box-shadow: 0 18px 48px rgba(9, 8, 22, 0.16), 0 0 42px rgba(224, 49, 75, 0.34);
    }

/* Status message */

.account-manage-content[b-gi133yyqkj]  .alert,
.account-manage-content[b-gi133yyqkj]  .status-message {
    margin-bottom: 1.25rem;
    padding: 0.95rem 1rem;
    border-radius: 1rem;
    font-weight: 850;
    line-height: 1.5;
}

.account-manage-content[b-gi133yyqkj]  .alert-success {
    border: 1px solid rgba(32, 214, 199, 0.28);
    background: #ecfdf5;
    color: #145c4d;
}

.account-manage-content[b-gi133yyqkj]  .alert-danger,
.account-manage-content[b-gi133yyqkj]  .alert-error {
    border: 1px solid rgba(255, 46, 166, 0.24);
    background: #fff1f7;
    color: #991b4f;
}

/* Responsive */

@media (max-width: 980px) {
    .account-manage-grid[b-gi133yyqkj] {
        grid-template-columns: 1fr;
    }

    .account-manage-nav[b-gi133yyqkj] {
        padding: 1rem;
    }

        .account-manage-nav[b-gi133yyqkj]  nav,
        .account-manage-nav[b-gi133yyqkj]  ul {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
}

@media (max-width: 640px) {
    .account-manage-page[b-gi133yyqkj] {
        padding: 6rem 1rem 4.5rem 1rem;
        overflow: hidden;
    }

    .account-manage-shell[b-gi133yyqkj] {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .account-manage-header[b-gi133yyqkj] {
        max-width: 100%;
        margin-bottom: 1.65rem;
    }

    .account-label[b-gi133yyqkj] {
        margin-bottom: 0.85rem;
        font-size: 0.72rem;
        letter-spacing: 0.22em;
    }

    .account-manage-header h1[b-gi133yyqkj] {
        max-width: 100%;
        margin-bottom: 1rem;
        font-size: clamp(2.05rem, 9.8vw, 2.65rem);
        line-height: 0.96;
        letter-spacing: -0.055em;
        text-wrap: balance;
        overflow-wrap: normal;
        word-break: normal;
        hyphens: auto;
    }

    .account-manage-header p[b-gi133yyqkj] {
        font-size: 0.96rem;
        line-height: 1.68;
    }

    .account-manage-grid[b-gi133yyqkj] {
        gap: 1.25rem;
    }

    .account-manage-nav[b-gi133yyqkj],
    .account-manage-content[b-gi133yyqkj] {
        border-radius: 1.35rem;
    }

    .account-manage-nav[b-gi133yyqkj] {
        padding: 1rem;
    }

        .account-manage-nav[b-gi133yyqkj]  nav,
        .account-manage-nav[b-gi133yyqkj]  ul {
            grid-template-columns: 1fr;
            gap: 0.35rem;
        }

        .account-manage-nav[b-gi133yyqkj]  a,
        .account-manage-nav[b-gi133yyqkj]  .nav-link {
            min-height: 2.65rem;
            padding: 0.75rem 0.95rem;
            font-size: 0.82rem;
        }

    .account-manage-content[b-gi133yyqkj] {
        padding: 1.55rem;
    }

        .account-manage-content[b-gi133yyqkj]  .account-manage-section-header {
            margin-bottom: 1.35rem;
        }

        .account-manage-content[b-gi133yyqkj]  .account-manage-eyebrow {
            font-size: 0.72rem;
            letter-spacing: 0.18em;
        }

        .account-manage-content[b-gi133yyqkj]  .account-manage-section-header h2 {
            font-size: clamp(1.75rem, 8.5vw, 2.25rem);
            line-height: 0.98;
            letter-spacing: -0.045em;
        }

        .account-manage-content[b-gi133yyqkj]  .account-manage-section-header p,
        .account-manage-content[b-gi133yyqkj]  .account-field-help,
        .account-manage-content[b-gi133yyqkj]  .account-danger-note {
            font-size: 0.94rem;
            line-height: 1.65;
        }

        .account-manage-content[b-gi133yyqkj]  .account-input {
            min-height: 3.35rem;
            padding: 0.9rem 1rem;
        }

        .account-manage-content[b-gi133yyqkj]  .account-button,
        .account-manage-content[b-gi133yyqkj]  .account-manage-save-button {
            width: 100%;
            min-height: 3.1rem;
        }
}

@media (max-width: 390px) {
    .account-manage-page[b-gi133yyqkj] {
        padding-right: 0.85rem;
        padding-left: 0.85rem;
    }

    .account-manage-header h1[b-gi133yyqkj] {
        font-size: clamp(1.85rem, 9vw, 2.25rem);
        line-height: 1;
        letter-spacing: -0.04em;
    }

    .account-manage-content[b-gi133yyqkj] {
        padding: 1.25rem;
    }
}
/* /Components/Forms/GalleryImageCreateForm.razor.rz.scp.css */
.gallery-admin-create-card[b-h0zpj01a6e] {
    width: min(1420px, calc(100% - 2rem));
    margin: 0 auto 1.5rem auto;
    padding: 2rem;
    border: 1px solid rgba(255, 46, 166, 0.12);
    border-radius: var(--radius-card);
    background: radial-gradient(circle at 96% 4%, rgba(41, 244, 255, 0.1), transparent 16rem), radial-gradient(circle at 5% 12%, rgba(255, 46, 166, 0.08), transparent 16rem), linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(255, 247, 251, 0.98));
    box-shadow: var(--shadow-soft);
}

.gallery-admin-create-header[b-h0zpj01a6e] {
    display: grid;
    gap: 0.45rem;
    margin-bottom: 1.45rem;
}

.gallery-admin-create-eyebrow[b-h0zpj01a6e] {
    margin: 0;
    color: var(--color-neon-pink);
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.gallery-admin-create-card h3[b-h0zpj01a6e] {
    margin: 0;
    color: var(--color-text-dark);
    font-size: clamp(1.65rem, 3vw, 2.5rem);
    line-height: 0.96;
    font-weight: 950;
    letter-spacing: -0.055em;
    text-transform: uppercase;
}

.gallery-admin-create-header p[b-h0zpj01a6e] {
    max-width: 760px;
    margin: 0;
    color: var(--color-text-muted);
    font-size: 0.95rem;
    line-height: 1.65;
}

.gallery-admin-create-card[b-h0zpj01a6e]  .rz-stack {
    gap: 1rem !important;
}


.gallery-admin-local-message[b-h0zpj01a6e] {
    margin: 0 0 1rem 0;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(194, 24, 91, 0.22);
    border-radius: 1rem;
    background: rgba(194, 24, 91, 0.08);
    color: #8a1041;
    font-size: 0.9rem;
    font-weight: 850;
    line-height: 1.45;
}

/* Form field base */

.gallery-admin-create-card[b-h0zpj01a6e]  .rz-form-field {
    position: relative;
    width: 100%;
    margin: 0;
}

.gallery-admin-create-card[b-h0zpj01a6e]  .rz-form-field-content {
    position: relative;
    min-height: 2.75rem;
    padding: 0.9rem 1rem 0.35rem 1rem;
    border: 1px solid rgba(32, 214, 199, 0.72) !important;
    border-radius: 1rem !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: none !important;
    overflow: visible !important;
    transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

.gallery-admin-create-card[b-h0zpj01a6e]  .rz-form-field:focus-within .rz-form-field-content {
    border-color: var(--color-neon-pink) !important;
    background: white !important;
    box-shadow: 0 0 0 0.16rem rgba(255, 46, 166, 0.14), 0 10px 28px rgba(9, 8, 22, 0.07) !important;
}

/* Floating labels */

.gallery-admin-create-card[b-h0zpj01a6e]  .rz-form-field-label {
    position: absolute !important;
    top: -0.52rem !important;
    left: 0.85rem !important;
    z-index: 3 !important;
    display: inline-flex !important;
    align-items: center;
    padding: 0 0.45rem !important;
    margin: 0 !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 247, 251, 0.98)) !important;
    color: rgba(22, 19, 31, 0.72) !important;
    font-size: 0.8rem !important;
    font-weight: 950 !important;
    letter-spacing: 0.095em;
    line-height: 1.1 !important;
    text-transform: uppercase;
    pointer-events: none;
}

/* Radzen wrapper cleanup */

.gallery-admin-create-card[b-h0zpj01a6e]  fieldset,
.gallery-admin-create-card[b-h0zpj01a6e]  .rz-fieldset,
.gallery-admin-create-card[b-h0zpj01a6e]  .rz-fieldset-content,
.gallery-admin-create-card[b-h0zpj01a6e]  .rz-input,
.gallery-admin-create-card[b-h0zpj01a6e]  .rz-inputtext,
.gallery-admin-create-card[b-h0zpj01a6e]  .rz-dropdown,
.gallery-admin-create-card[b-h0zpj01a6e]  .rz-spinner,
.gallery-admin-create-card[b-h0zpj01a6e]  .rz-textarea {
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Inputs */

.gallery-admin-create-card[b-h0zpj01a6e]  .rz-inputtext,
.gallery-admin-create-card[b-h0zpj01a6e]  .rz-dropdown,
.gallery-admin-create-card[b-h0zpj01a6e]  .rz-spinner,
.gallery-admin-create-card[b-h0zpj01a6e]  .rz-textarea {
    width: 100%;
    min-height: auto;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--color-text-dark);
    font-weight: 500;
}

.gallery-admin-create-card[b-h0zpj01a6e]  input,
.gallery-admin-create-card[b-h0zpj01a6e]  textarea,
.gallery-admin-create-card[b-h0zpj01a6e]  select {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--color-text-dark);
    font-weight: 500 !important;
    box-shadow: none !important;
    outline: none !important;
}

    .gallery-admin-create-card[b-h0zpj01a6e]  input:focus,
    .gallery-admin-create-card[b-h0zpj01a6e]  textarea:focus,
    .gallery-admin-create-card[b-h0zpj01a6e]  select:focus {
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        outline: none !important;
    }

/* Dropdown inner label cleanup */

.gallery-admin-create-card[b-h0zpj01a6e]  .rz-dropdown .rz-dropdown-label,
.gallery-admin-create-card[b-h0zpj01a6e]  .rz-dropdown .rz-dropdown-label.rz-inputtext,
.gallery-admin-create-card[b-h0zpj01a6e]  span.rz-dropdown-label.rz-inputtext {
    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    color: var(--color-text-dark) !important;
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.gallery-admin-create-card[b-h0zpj01a6e]  .rz-dropdown-trigger {
    flex: 0 0 2rem !important;
    width: 2rem !important;
    min-width: 2rem !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--color-text-muted) !important;
    box-shadow: none !important;
}

/* Upload block */

.gallery-admin-upload-block[b-h0zpj01a6e] {
    display: grid;
    gap: 0.65rem;
}

.gallery-admin-upload-label[b-h0zpj01a6e] {
    display: block;
    color: var(--color-text-dark);
    font-size: 0.8rem;
    font-weight: 950;
    letter-spacing: 0.095em;
    text-transform: uppercase;
}

.gallery-admin-upload-dropzone[b-h0zpj01a6e] {
    position: relative;
    display: grid;
    place-items: center;
    gap: 0.35rem;
    min-height: 9rem;
    padding: 1.35rem;
    border: 1px dashed rgba(255, 46, 166, 0.42);
    border-radius: 1.25rem;
    background: radial-gradient(circle at 8% 10%, rgba(255, 46, 166, 0.1), transparent 10rem), radial-gradient(circle at 92% 90%, rgba(41, 244, 255, 0.1), transparent 10rem), rgba(255, 255, 255, 0.74);
    color: var(--color-text-dark);
    text-align: center;
    cursor: pointer;
    transition: border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
    overflow: hidden;
}

    .gallery-admin-upload-dropzone:hover[b-h0zpj01a6e] {
        border-color: rgba(255, 46, 166, 0.72);
        background: radial-gradient(circle at 8% 10%, rgba(255, 46, 166, 0.16), transparent 10rem), radial-gradient(circle at 92% 90%, rgba(41, 244, 255, 0.16), transparent 10rem), rgba(255, 255, 255, 0.95);
        box-shadow: 0 16px 36px rgba(9, 8, 22, 0.08);
        transform: translateY(-1px);
    }

    .gallery-admin-file-input[b-h0zpj01a6e],
    .gallery-admin-upload-dropzone[b-h0zpj01a6e]  input[type="file"] {
        position: absolute !important;
        inset: 0 !important;
        z-index: 10 !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-width: 100% !important;
        min-height: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        opacity: 0 !important;
        color: transparent !important;
        background: transparent !important;
        cursor: pointer !important;
        font-size: 0 !important;
        line-height: 0 !important;
        appearance: none !important;
        -webkit-appearance: none !important;
    }

        .gallery-admin-file-input[b-h0zpj01a6e]::-webkit-file-upload-button,
        .gallery-admin-upload-dropzone[b-h0zpj01a6e]  input[type="file"]::-webkit-file-upload-button {
            visibility: hidden !important;
            display: none !important;
        }

.gallery-admin-upload-icon[b-h0zpj01a6e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: var(--radius-pill);
    background: var(--color-neon-pink);
    color: var(--color-night);
    font-size: 1.4rem;
    font-weight: 950;
    line-height: 1;
    box-shadow: 0 0 24px rgba(255, 46, 166, 0.26);
    pointer-events: none;
}

.gallery-admin-upload-title[b-h0zpj01a6e] {
    color: var(--color-text-dark);
    font-size: 0.98rem;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    pointer-events: none;
}

.gallery-admin-upload-hint[b-h0zpj01a6e] {
    max-width: 38rem;
    color: var(--color-text-muted);
    font-size: 0.86rem;
    font-weight: 700;
    line-height: 1.45;
    pointer-events: none;
}

.gallery-create-upload-preview[b-h0zpj01a6e] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin-top: 0.25rem;
    padding: 0.75rem;
    border: 1px solid rgba(32, 214, 199, 0.22);
    border-radius: 1rem;
    background: rgba(32, 214, 199, 0.07);
}

.gallery-create-preview-image[b-h0zpj01a6e] {
    display: block;
    width: 120px;
    height: 78px;
    flex: 0 0 auto;
    border: 1px solid rgba(255, 46, 166, 0.14);
    border-radius: 0.85rem;
    object-fit: cover;
    background: var(--color-surface-muted);
    box-shadow: 0 10px 28px rgba(9, 8, 22, 0.12);
}

.gallery-create-upload-preview div[b-h0zpj01a6e] {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
}

.gallery-create-upload-preview strong[b-h0zpj01a6e] {
    color: var(--color-text-dark);
    font-size: 0.9rem;
    font-weight: 950;
}

.gallery-create-upload-preview span[b-h0zpj01a6e] {
    color: var(--color-text-muted);
    font-size: 0.84rem;
    font-weight: 700;
    line-height: 1.45;
}

.gallery-create-upload-preview small[b-h0zpj01a6e] {
    display: block;
    max-width: 100%;
    margin-top: 0.15rem;
    color: rgba(22, 19, 31, 0.45);
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

/* Checkbox */

.gallery-admin-checkbox-row[b-h0zpj01a6e] {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    color: var(--color-text-dark);
    font-weight: 750;
    cursor: pointer;
}

    .gallery-admin-checkbox-row[b-h0zpj01a6e]  .rz-chkbox {
        border-radius: 0.45rem;
    }

/* Actions */

.gallery-admin-form-actions[b-h0zpj01a6e] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    padding-top: 0.25rem;
}

    .gallery-admin-form-actions[b-h0zpj01a6e]  .rz-button {
        min-height: 2.8rem;
        padding-inline: 1rem !important;
        border: 0 !important;
        border-radius: var(--radius-pill) !important;
        font-size: 0.82rem !important;
        font-weight: 950 !important;
        letter-spacing: 0.045em;
        text-transform: uppercase;
        box-shadow: none !important;
    }

        .gallery-admin-form-actions[b-h0zpj01a6e]  .rz-button.rz-primary,
        .gallery-admin-form-actions[b-h0zpj01a6e]  .rz-button.rz-button-primary {
            background: var(--color-neon-pink) !important;
            color: var(--color-night) !important;
            box-shadow: 0 0 28px rgba(255, 46, 166, 0.25) !important;
        }

        .gallery-admin-form-actions[b-h0zpj01a6e]  .rz-button.rz-light,
        .gallery-admin-form-actions[b-h0zpj01a6e]  .rz-button.rz-button-light {
            border: 1px solid rgba(22, 19, 31, 0.14) !important;
            background: white !important;
            color: var(--color-text-dark) !important;
        }

/* Validators */

.gallery-admin-create-card[b-h0zpj01a6e]  .rz-message,
.gallery-admin-create-card[b-h0zpj01a6e]  .rz-validator {
    display: block;
    margin-top: 0.35rem;
    color: #c2185b !important;
    font-size: 0.82rem !important;
    font-weight: 800;
}

@media (max-width: 768px) {
    .gallery-admin-create-card[b-h0zpj01a6e] {
        width: min(100% - 2rem, 1420px);
        padding: 1.5rem;
        border-radius: 1.25rem;
    }

    .gallery-admin-form-actions[b-h0zpj01a6e]  .rz-button {
        width: 100%;
    }

    .gallery-create-upload-preview[b-h0zpj01a6e] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/Forms/RentRequestForm.razor.rz.scp.css */
.rent-request-experience[b-k1ikrpf4d7] {
    display: grid;
    gap: 1.5rem;
}
.rent-form-card[b-k1ikrpf4d7] {
    min-height: 100%;
    padding: 2.25rem;
    border: 1px solid rgba(255, 46, 166, 0.12);
    border-radius: var(--radius-card);
    background: radial-gradient(circle at 92% 4%, rgba(41, 244, 255, 0.08), transparent 14rem), radial-gradient(circle at 0% 4%, rgba(255, 46, 166, 0.06), transparent 16rem), linear-gradient(180deg, rgba(255, 255, 255, 0.985), rgba(255, 247, 251, 0.985));
    box-shadow: var(--shadow-soft);
}

.rent-form-header[b-k1ikrpf4d7] {
    margin-bottom: 1.55rem;
}

.rent-form-eyebrow[b-k1ikrpf4d7] {
    margin: 0 0 0.65rem 0;
    color: var(--color-neon-pink);
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.rent-form-header h3[b-k1ikrpf4d7] {
    margin: 0 0 0.65rem 0;
    color: var(--color-text-dark);
    font-size: clamp(1.75rem, 3vw, 2.45rem);
    line-height: 0.96;
    font-weight: 950;
    letter-spacing: -0.055em;
    text-transform: uppercase;
}

.rent-form-header p[b-k1ikrpf4d7] {
    max-width: 660px;
    margin: 0;
    color: var(--color-text-muted);
    line-height: 1.65;
}

.rent-form-card[b-k1ikrpf4d7]  .rz-stack {
    gap: 1rem !important;
}

.rent-form-field-block[b-k1ikrpf4d7] {
    display: grid;
    gap: 0.35rem;
}

.rent-form-two-column[b-k1ikrpf4d7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

/* Base form field */

.rent-form-card[b-k1ikrpf4d7]  .rz-form-field {
    position: relative;
    width: 100%;
    margin: 0;
}

.rent-form-card[b-k1ikrpf4d7]  .rz-form-field-content {
    position: relative;
    min-height: 2.85rem;
    padding: 0.95rem 1rem 0.38rem 1rem;
    border: 1px solid rgba(32, 214, 199, 0.72) !important;
    border-radius: 1rem !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: none !important;
    overflow: visible !important;
    transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

.rent-form-card[b-k1ikrpf4d7]  .rz-form-field:focus-within .rz-form-field-content {
    border-color: var(--color-neon-pink) !important;
    background: white !important;
    box-shadow: 0 0 0 0.16rem rgba(255, 46, 166, 0.14), 0 10px 28px rgba(9, 8, 22, 0.07) !important;
}

.rent-form-card[b-k1ikrpf4d7]  .rz-form-field-label {
    position: absolute !important;
    top: -0.52rem !important;
    left: 0.85rem !important;
    z-index: 3 !important;
    display: inline-flex !important;
    align-items: center;
    padding: 0 0.45rem !important;
    margin: 0 !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 247, 251, 0.98)) !important;
    color: rgba(22, 19, 31, 0.72) !important;
    font-size: 0.8rem !important;
    font-weight: 950 !important;
    letter-spacing: 0.095em;
    line-height: 1.1 !important;
    text-transform: uppercase;
    pointer-events: none;
}

/* Radzen reset */

.rent-form-card[b-k1ikrpf4d7]  fieldset,
.rent-form-card[b-k1ikrpf4d7]  .rz-fieldset,
.rent-form-card[b-k1ikrpf4d7]  .rz-fieldset-content,
.rent-form-card[b-k1ikrpf4d7]  .rz-input,
.rent-form-card[b-k1ikrpf4d7]  .rz-inputtext,
.rent-form-card[b-k1ikrpf4d7]  .rz-dropdown,
.rent-form-card[b-k1ikrpf4d7]  .rz-calendar,
.rent-form-card[b-k1ikrpf4d7]  .rz-datepicker,
.rent-form-card[b-k1ikrpf4d7]  .rz-spinner,
.rent-form-card[b-k1ikrpf4d7]  .rz-numeric,
.rent-form-card[b-k1ikrpf4d7]  .rz-textarea {
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

.rent-form-card[b-k1ikrpf4d7]  .rz-inputtext,
.rent-form-card[b-k1ikrpf4d7]  .rz-dropdown,
.rent-form-card[b-k1ikrpf4d7]  .rz-calendar,
.rent-form-card[b-k1ikrpf4d7]  .rz-datepicker,
.rent-form-card[b-k1ikrpf4d7]  .rz-spinner,
.rent-form-card[b-k1ikrpf4d7]  .rz-numeric,
.rent-form-card[b-k1ikrpf4d7]  .rz-textarea {
    width: 100%;
    min-height: auto;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--color-text-dark);
    font-weight: 500;
}

.rent-form-card[b-k1ikrpf4d7]  input,
.rent-form-card[b-k1ikrpf4d7]  textarea,
.rent-form-card[b-k1ikrpf4d7]  select {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--color-text-dark);
    font-weight: 500 !important;
    box-shadow: none !important;
    outline: none !important;
}

    .rent-form-card[b-k1ikrpf4d7]  input:focus,
    .rent-form-card[b-k1ikrpf4d7]  textarea:focus,
    .rent-form-card[b-k1ikrpf4d7]  select:focus {
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        outline: none !important;
    }

    /* Autofill */

    .rent-form-card[b-k1ikrpf4d7]  input:-webkit-autofill,
    .rent-form-card[b-k1ikrpf4d7]  input:-webkit-autofill:hover,
    .rent-form-card[b-k1ikrpf4d7]  input:-webkit-autofill:focus,
    .rent-form-card[b-k1ikrpf4d7]  textarea:-webkit-autofill,
    .rent-form-card[b-k1ikrpf4d7]  textarea:-webkit-autofill:hover,
    .rent-form-card[b-k1ikrpf4d7]  textarea:-webkit-autofill:focus {
        -webkit-text-fill-color: var(--color-text-dark) !important;
        caret-color: var(--color-text-dark);
        box-shadow: 0 0 0 1000px white inset !important;
        transition: background-color 9999s ease-in-out 0s;
    }

    /* Text inputs */

    .rent-form-card[b-k1ikrpf4d7]  .rz-inputtext,
    .rent-form-card[b-k1ikrpf4d7]  input.rz-inputtext {
        padding: 0 !important;
        line-height: 1.35;
    }

/* Dropdown */

.rent-form-card[b-k1ikrpf4d7]  .rz-dropdown {
    display: flex !important;
    align-items: center !important;
    position: relative;
    padding: 0 !important;
    overflow: hidden !important;
}

    .rent-form-card[b-k1ikrpf4d7]  .rz-dropdown-label,
    .rent-form-card[b-k1ikrpf4d7]  .rz-dropdown .rz-dropdown-label.rz-inputtext {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        height: auto !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        color: var(--color-text-dark) !important;
        font-weight: 500 !important;
        line-height: 1.35;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

.rent-form-card[b-k1ikrpf4d7]  .rz-dropdown-trigger {
    flex: 0 0 2.25rem !important;
    width: 2.25rem !important;
    min-width: 2.25rem !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--color-text-muted) !important;
    box-shadow: none !important;
}

/* DatePicker */

.rent-form-card[b-k1ikrpf4d7]  .rz-datepicker {
    position: relative;
    width: 100%;
    padding: 0 !important;
    background: transparent !important;
}

    .rent-form-card[b-k1ikrpf4d7]  .rz-datepicker .rz-inputtext,
    .rent-form-card[b-k1ikrpf4d7]  .rz-datepicker input {
        padding: 0 2.25rem 0 0 !important;
        border: 0 !important;
        background: transparent !important;
        line-height: 1.35;
        font-weight: 500 !important;
    }

    .rent-form-card[b-k1ikrpf4d7]  .rz-datepicker-trigger,
    .rent-form-card[b-k1ikrpf4d7]  .rz-datepicker .rz-button,
    .rent-form-card[b-k1ikrpf4d7]  .rz-calendar-button {
        position: absolute !important;
        top: 50% !important;
        right: 0.6rem !important;
        left: auto !important;
        width: 1.85rem !important;
        height: 1.85rem !important;
        min-width: 1.85rem !important;
        min-height: 1.85rem !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: var(--radius-pill) !important;
        background: transparent !important;
        color: var(--color-text-muted) !important;
        box-shadow: none !important;
        transform: translateY(-50%) !important;
    }

/* Numeric */

.rent-form-card[b-k1ikrpf4d7]  .rz-spinner,
.rent-form-card[b-k1ikrpf4d7]  .rz-numeric,
.rent-form-card[b-k1ikrpf4d7]  span.guest-count-numeric {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

    .rent-form-card[b-k1ikrpf4d7]  .rz-spinner input,
    .rent-form-card[b-k1ikrpf4d7]  .rz-numeric input,
    .rent-form-card[b-k1ikrpf4d7]  .rz-numeric .rz-numeric-input,
    .rent-form-card[b-k1ikrpf4d7]  span.guest-count-numeric input,
    .rent-form-card[b-k1ikrpf4d7]  input[name="GuestCount"],
    .rent-form-card[b-k1ikrpf4d7]  input[type="number"] {
        width: 100% !important;
        min-height: auto !important;
        height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: var(--color-text-dark) !important;
        font-weight: 500 !important;
        line-height: 1.35 !important;
        box-shadow: none !important;
        outline: none !important;
        appearance: textfield;
        -moz-appearance: textfield;
    }

.rent-form-card[b-k1ikrpf4d7]  .rz-spinner-button,
.rent-form-card[b-k1ikrpf4d7]  .rz-numeric-button,
.rent-form-card[b-k1ikrpf4d7]  .rz-spinner-up,
.rent-form-card[b-k1ikrpf4d7]  .rz-spinner-down {
    display: none !important;
}

.rent-form-card[b-k1ikrpf4d7]  input[type="number"]::-webkit-outer-spin-button,
.rent-form-card[b-k1ikrpf4d7]  input[type="number"]::-webkit-inner-spin-button,
.rent-form-card[b-k1ikrpf4d7]  span.guest-count-numeric input::-webkit-outer-spin-button,
.rent-form-card[b-k1ikrpf4d7]  span.guest-count-numeric input::-webkit-inner-spin-button {
    margin: 0;
    appearance: none;
    -webkit-appearance: none;
}

/* Textarea */

.rent-form-card[b-k1ikrpf4d7]  .rz-textarea,
.rent-form-card[b-k1ikrpf4d7]  textarea.rz-textarea,
.rent-form-card[b-k1ikrpf4d7]  textarea {
    width: 100%;
    min-height: 7rem;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--color-text-dark);
    font-weight: 400 !important;
    line-height: 1.55;
    resize: none !important;
    box-shadow: none !important;
    outline: none !important;
}

    .rent-form-card[b-k1ikrpf4d7]  .rz-placeholder,
    .rent-form-card[b-k1ikrpf4d7]  input::placeholder,
    .rent-form-card[b-k1ikrpf4d7]  textarea::placeholder {
        color: rgba(111, 104, 117, 0.7);
        font-weight: 500;
    }

/* Help / validators */

.rent-form-help[b-k1ikrpf4d7] {
    margin: 0;
    color: rgba(22, 19, 31, 0.58);
    font-size: 0.84rem;
    font-weight: 700;
    line-height: 1.45;
}

.rent-form-card[b-k1ikrpf4d7]  .rz-message,
.rent-form-card[b-k1ikrpf4d7]  .rz-validator,
.rent-form-card[b-k1ikrpf4d7]  .rent-form-validator {
    display: block;
    margin-top: 0.18rem;
    color: #c2185b !important;
    font-size: 0.82rem !important;
    font-weight: 850;
    line-height: 1.45;
}

/* Message */

.form-message[b-k1ikrpf4d7] {
    margin: 0 0 1.25rem 0;
    padding: 0.95rem 1rem;
    border-radius: 1rem;
    font-size: 0.92rem;
    font-weight: 850;
    line-height: 1.5;
}

.form-message-success[b-k1ikrpf4d7] {
    border: 1px solid rgba(32, 214, 199, 0.28);
    background: radial-gradient(circle at 4% 4%, rgba(32, 214, 199, 0.18), transparent 10rem), #ecfdf5;
    color: #145c4d;
}

.form-message-error[b-k1ikrpf4d7] {
    border: 1px solid rgba(255, 46, 166, 0.24);
    background: radial-gradient(circle at 4% 4%, rgba(255, 46, 166, 0.14), transparent 10rem), #fff1f7;
    color: #991b4f;
}

/* Submit button */

.rent-form-card[b-k1ikrpf4d7]  .rz-button,
.rent-form-card[b-k1ikrpf4d7]  .rent-form-submit-button {
    justify-content: center;
    width: 100%;
    min-height: 3.05rem;
    margin-top: 0.35rem;
    border: 0 !important;
    border-radius: var(--radius-pill) !important;
    font-size: 0.85rem !important;
    font-weight: 950 !important;
    letter-spacing: 0.055em;
    text-transform: uppercase;
    transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease, color 0.15s ease;
}

    .rent-form-card[b-k1ikrpf4d7]  .rz-button.rz-primary,
    .rent-form-card[b-k1ikrpf4d7]  .rz-button.rz-button-primary,
    .rent-form-card[b-k1ikrpf4d7]  .rent-form-submit-button {
        background: var(--color-neon-pink) !important;
        color: var(--color-night) !important;
        box-shadow: 0 0 34px rgba(255, 46, 166, 0.34) !important;
    }

        .rent-form-card[b-k1ikrpf4d7]  .rz-button.rz-primary:hover,
        .rent-form-card[b-k1ikrpf4d7]  .rz-button.rz-button-primary:hover,
        .rent-form-card[b-k1ikrpf4d7]  .rent-form-submit-button:hover {
            background: var(--color-hot-pink) !important;
            color: var(--color-night) !important;
            box-shadow: 0 18px 48px rgba(9, 8, 22, 0.16), 0 0 42px rgba(255, 46, 166, 0.42) !important;
            transform: translateY(-1px);
        }

    .rent-form-card[b-k1ikrpf4d7]  .rz-button:disabled,
    .rent-form-card[b-k1ikrpf4d7]  .rz-state-disabled {
        opacity: 0.72;
        cursor: not-allowed;
        transform: none !important;
    }

.rent-form-anti-bot-field[b-k1ikrpf4d7] {
    position: absolute !important;
    left: -10000px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

    .rent-form-anti-bot-field[b-k1ikrpf4d7]  input {
        tabindex: -1;
    }

.rent-form-privacy-note[b-k1ikrpf4d7] {
    margin: 0.1rem 0 0 0;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(255, 46, 166, 0.14);
    border-radius: 1rem;
    background: rgba(255, 46, 166, 0.06);
    color: rgba(22, 19, 31, 0.68);
    font-size: 0.82rem;
    font-weight: 750;
    line-height: 1.55;
}

    .rent-form-privacy-note a[b-k1ikrpf4d7] {
        color: var(--color-neon-pink);
        font-weight: 950;
        text-decoration: none;
    }

        .rent-form-privacy-note a:hover[b-k1ikrpf4d7],
        .rent-form-privacy-note a:focus[b-k1ikrpf4d7] {
            color: var(--color-hot-pink);
            text-decoration: underline;
        }

/* Responsive */

@media (max-width: 768px) {
    .rent-form-card[b-k1ikrpf4d7] {
        padding: 1.5rem;
        border-radius: 1.25rem;
    }

    .rent-form-two-column[b-k1ikrpf4d7] {
        grid-template-columns: 1fr;
    }

    .rent-form-header[b-k1ikrpf4d7] {
        margin-bottom: 1.35rem;
    }

    .rent-form-card[b-k1ikrpf4d7]  .rz-button,
    .rent-form-card[b-k1ikrpf4d7]  .rent-form-submit-button {
        min-height: 3rem;
    }
}

@media (max-width: 640px) {
    .rent-form-card[b-k1ikrpf4d7] {
        padding: 1.55rem;
        border-radius: 1.35rem;
    }

    .rent-form-header[b-k1ikrpf4d7] {
        margin-bottom: 1.2rem;
    }

        .rent-form-header h3[b-k1ikrpf4d7] {
            max-width: 100%;
            margin-bottom: 0.65rem;
            font-size: clamp(1.65rem, 8vw, 2.05rem);
            line-height: 0.96;
            letter-spacing: -0.055em;
        }

        .rent-form-header p[b-k1ikrpf4d7] {
            font-size: 0.95rem;
            line-height: 1.6;
        }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-7kryzhic3n] {
    min-height: 100vh;
    max-width: 100%;
    overflow-x: clip;
    background: radial-gradient(circle at 14% 4%, rgba(255, 46, 166, 0.22), transparent 28rem), radial-gradient(circle at 88% 8%, rgba(41, 244, 255, 0.16), transparent 26rem), linear-gradient(180deg, var(--color-night) 0%, var(--color-deep-purple) 20rem, var(--color-page) 42rem);
}

.app-main[b-7kryzhic3n] {
    min-height: calc(100vh - 5.5rem);
    max-width: 100%;
    overflow-x: clip;
}

.app-content[b-7kryzhic3n] {
    display: flow-root;
    min-height: calc(100vh - 5.5rem);
    max-width: 100%;
    overflow-x: clip;
}

#blazor-error-ui[b-7kryzhic3n] {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
    z-index: 1000;
    display: none;
    max-width: 920px;
    margin: 0 auto;
    padding: 0.95rem 3rem 0.95rem 1.25rem;
    border-radius: 1rem;
    background: var(--color-neon-pink);
    color: var(--color-night);
    box-shadow: 0 18px 60px rgba(9, 8, 22, 0.34);
    font-weight: 850;
}

    #blazor-error-ui .dismiss[b-7kryzhic3n] {
        position: absolute;
        top: 0.78rem;
        right: 1rem;
        cursor: pointer;
    }

    #blazor-error-ui .reload[b-7kryzhic3n] {
        color: var(--color-night);
        font-weight: 950;
    }

@media (max-width: 640px) {
    .app-main[b-7kryzhic3n],
    .app-content[b-7kryzhic3n] {
        min-height: calc(100vh - 4.75rem);
    }

    #blazor-error-ui[b-7kryzhic3n] {
        right: 0.75rem;
        bottom: 0.75rem;
        left: 0.75rem;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.site-header[b-0h0rp1a3mw] {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1000;
    padding: 0.85rem 1.25rem;
    background: transparent;
    pointer-events: none;
    transform: translateY(0);
    transition: transform 0.22s ease, padding 0.18s ease;
}

.site-nav[b-0h0rp1a3mw] {
    position: relative;
    z-index: 1002;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.85rem;
    width: min(1400px, 100%);
    max-width: 100%;
    margin: 0 auto;
    padding: 0.6rem 0.75rem 0.6rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.72);
    border-radius: var(--radius-pill);
    background: rgba(255, 247, 251, 0.96);
    box-shadow: 0 18px 60px rgba(9, 8, 22, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(18px);
    pointer-events: auto;
    transition: padding 0.18s ease, border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease, backdrop-filter 0.18s ease;
}

.site-brand[b-0h0rp1a3mw] {
    display: inline-flex;
    align-items: center;
    gap: 0.04rem;
    min-width: max-content;
    color: var(--color-night);
    font-size: 1.02rem;
    font-weight: 950;
    line-height: 1;
    letter-spacing: -0.045em;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    transition: font-size 0.18s ease, color 0.16s ease;
}

    .site-brand:hover[b-0h0rp1a3mw] {
        color: var(--color-night);
        text-decoration: none;
    }

.site-brand-accent[b-0h0rp1a3mw] {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 0.12rem 0.2rem 0.08rem 0.2rem;
    margin-left: 0.02rem;
    border-radius: 0.35rem;
    color: var(--color-neon-pink);
    background: radial-gradient(circle at 50% 50%, rgba(255, 46, 166, 0.28), transparent 70%), rgba(255, 46, 166, 0.06);
    text-shadow: 0 0 8px rgba(255, 46, 166, 0.85), 0 0 18px rgba(255, 46, 166, 0.62), 0 0 34px rgba(255, 46, 166, 0.38);
    box-shadow: 0 0 18px rgba(255, 46, 166, 0.22), inset 0 0 0 1px rgba(255, 46, 166, 0.12);
}

.site-nav-menu[b-0h0rp1a3mw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
}

.site-nav-links[b-0h0rp1a3mw] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.22rem;
    min-width: 0;
}

.site-nav-account[b-0h0rp1a3mw] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.42rem;
    min-width: 0;
}

    .site-nav-account form[b-0h0rp1a3mw] {
        display: inline-flex;
        margin: 0;
    }

/* NavLink isolation */

[b-0h0rp1a3mw] .site-nav-link,
[b-0h0rp1a3mw] .site-nav-login,
.site-nav-login[b-0h0rp1a3mw],
.site-nav-group-trigger[b-0h0rp1a3mw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.35rem;
    padding: 0.58rem 0.78rem;
    border: 0;
    border-radius: var(--radius-pill);
    background: transparent;
    color: rgba(22, 19, 31, 0.76);
    font-size: 0.76rem;
    font-weight: 900;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.035em;
    white-space: nowrap;
    overflow-wrap: normal;
    transition: min-height 0.18s ease, padding 0.18s ease, font-size 0.18s ease, color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

    [b-0h0rp1a3mw] .site-nav-link:hover,
    [b-0h0rp1a3mw] .site-nav-login:hover,
    .site-nav-login:hover[b-0h0rp1a3mw],
    .site-nav-group-trigger:hover[b-0h0rp1a3mw] {
        color: var(--color-night);
        background: rgba(255, 46, 166, 0.13);
        text-decoration: none;
        transform: translateY(-1px);
    }

    [b-0h0rp1a3mw] .site-nav-link.active {
        color: var(--color-night);
        background: rgba(255, 46, 166, 0.2);
        box-shadow: inset 0 0 0 1px rgba(255, 46, 166, 0.28);
    }

[b-0h0rp1a3mw] .site-nav-link-admin {
    color: var(--color-deep-purple);
}

    [b-0h0rp1a3mw] .site-nav-link-admin.active {
        background: rgba(41, 244, 255, 0.18);
        box-shadow: inset 0 0 0 1px rgba(41, 244, 255, 0.34);
    }

/* Backdrops */

.site-mobile-menu-backdrop[b-0h0rp1a3mw],
.site-nav-admin-backdrop[b-0h0rp1a3mw] {
    position: fixed;
    inset: 0;
    display: block;
    width: 100vw;
    height: 100vh;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: default;
    pointer-events: auto;
}

.site-mobile-menu-backdrop[b-0h0rp1a3mw] {
    z-index: 999;
    background: rgba(9, 8, 22, 0.16);
    backdrop-filter: blur(2px);
}

.site-nav-admin-backdrop[b-0h0rp1a3mw] {
    z-index: 1001;
}

/* Admin dropdown */

.site-nav-group[b-0h0rp1a3mw] {
    position: relative;
    z-index: 1003;
    display: inline-flex;
}

.site-nav-group-trigger[b-0h0rp1a3mw] {
    appearance: none;
    cursor: pointer;
    color: var(--color-deep-purple);
}

    .site-nav-group-trigger span:first-child[b-0h0rp1a3mw] {
        display: inline-flex;
        align-items: center;
    }

.site-nav-group-chevron[b-0h0rp1a3mw] {
    position: relative;
    width: 0.58rem;
    height: 0.58rem;
    margin-left: 0.48rem;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    opacity: 0.78;
    transform: translateY(-0.12rem) rotate(45deg);
    transition: transform 0.16s ease, opacity 0.16s ease;
}

.site-nav-group-open .site-nav-group-trigger[b-0h0rp1a3mw] {
    color: var(--color-night);
    background: rgba(41, 244, 255, 0.18);
    box-shadow: inset 0 0 0 1px rgba(41, 244, 255, 0.34);
}

.site-nav-group-open .site-nav-group-chevron[b-0h0rp1a3mw] {
    opacity: 1;
    transform: translateY(0.12rem) rotate(-135deg);
}

.site-nav-group-panel[b-0h0rp1a3mw] {
    position: absolute;
    top: calc(100% + 0.65rem);
    left: 50%;
    z-index: 1004;
    display: grid;
    min-width: 13.5rem;
    padding: 0.5rem;
    border: 1px solid rgba(255, 255, 255, 0.72);
    border-radius: 1.2rem;
    background: rgba(255, 247, 251, 0.98);
    box-shadow: 0 24px 70px rgba(9, 8, 22, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(18px);
    transform: translateX(-50%);
}

    .site-nav-group-panel[b-0h0rp1a3mw]  .site-nav-link {
        justify-content: flex-start;
        width: 100%;
        min-height: 2.25rem;
        padding-right: 0.95rem;
        padding-left: 0.95rem;
    }

/* Account */

[b-0h0rp1a3mw] .site-nav-login,
.site-nav-login[b-0h0rp1a3mw] {
    border: 1px solid rgba(22, 19, 31, 0.9);
    color: var(--color-night);
    overflow: hidden;
    text-overflow: ellipsis;
}

.site-nav-account-link[b-0h0rp1a3mw] {
    max-width: 13.5rem;
}

.site-nav-account-email[b-0h0rp1a3mw] {
    display: inline-block;
    max-width: 11rem;
    overflow: hidden;
    color: var(--color-night);
    text-overflow: ellipsis;
    text-transform: none;
    letter-spacing: 0;
    white-space: nowrap;
}

.site-nav-logout[b-0h0rp1a3mw] {
    min-width: 5.4rem;
}

button.site-nav-login[b-0h0rp1a3mw] {
    appearance: none;
    cursor: pointer;
}

[b-0h0rp1a3mw] .site-nav-login:hover,
.site-nav-login:hover[b-0h0rp1a3mw] {
    background: var(--color-night);
    color: white;
}

    .site-nav-login:hover .site-nav-account-email[b-0h0rp1a3mw] {
        color: rgba(255, 255, 255, 0.78);
    }

/* Mobile button hidden on desktop */

.site-nav-toggle-button[b-0h0rp1a3mw] {
    display: none;
}

.site-nav-toggle-button:focus-visible[b-0h0rp1a3mw],
.site-nav-group-trigger:focus-visible[b-0h0rp1a3mw],
.site-nav-login:focus-visible[b-0h0rp1a3mw],
[b-0h0rp1a3mw] .site-nav-link:focus-visible,
[b-0h0rp1a3mw] .site-nav-login:focus-visible {
    outline: 3px solid rgba(255, 46, 166, 0.72);
    outline-offset: 3px;
}

/* Compact navbar support */

.site-header.site-header-compact[b-0h0rp1a3mw] {
    padding-top: 0.45rem;
    padding-bottom: 0.45rem;
}

    .site-header.site-header-compact .site-nav[b-0h0rp1a3mw] {
        padding: 0.42rem 0.62rem 0.42rem 0.85rem;
        background: rgba(255, 247, 251, 0.92);
        border-color: rgba(255, 255, 255, 0.64);
        box-shadow: 0 14px 42px rgba(9, 8, 22, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.84);
        backdrop-filter: blur(22px);
    }

    .site-header.site-header-compact .site-brand[b-0h0rp1a3mw] {
        font-size: 0.92rem;
    }

    .site-header.site-header-compact[b-0h0rp1a3mw]  .site-nav-link,
    .site-header.site-header-compact[b-0h0rp1a3mw]  .site-nav-login,
    .site-header.site-header-compact .site-nav-login[b-0h0rp1a3mw],
    .site-header.site-header-compact .site-nav-group-trigger[b-0h0rp1a3mw] {
        min-height: 2rem;
        padding: 0.48rem 0.66rem;
        font-size: 0.7rem;
    }

/* Medium desktop protection */

@media (max-width: 1320px) {
    .site-nav[b-0h0rp1a3mw] {
        gap: 0.65rem;
    }

    [b-0h0rp1a3mw] .site-nav-link,
    [b-0h0rp1a3mw] .site-nav-login,
    .site-nav-login[b-0h0rp1a3mw],
    .site-nav-group-trigger[b-0h0rp1a3mw] {
        padding-right: 0.62rem;
        padding-left: 0.62rem;
        font-size: 0.72rem;
    }

    .site-nav-account-email[b-0h0rp1a3mw] {
        display: none;
    }

    .site-nav-account-link[b-0h0rp1a3mw] {
        max-width: none;
    }
}

/* Mobile */

@media (max-width: 1180px) {
    .site-header[b-0h0rp1a3mw] {
        padding: 0.75rem;
    }

    .site-nav[b-0h0rp1a3mw] {
        grid-template-columns: auto auto;
        gap: 0.75rem;
        width: min(100%, 36rem);
        padding: 0.62rem 0.65rem 0.62rem 0.9rem;
        border-radius: 1.5rem;
    }

    .site-brand[b-0h0rp1a3mw] {
        font-size: 0.95rem;
    }

    .site-nav-toggle-button[b-0h0rp1a3mw] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        justify-self: end;
        min-height: 2.35rem;
        padding: 0.6rem 0.95rem;
        border: 0;
        border-radius: var(--radius-pill);
        background: var(--color-neon-pink);
        color: var(--color-night);
        font-size: 0.8rem;
        font-weight: 950;
        line-height: 1;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        cursor: pointer;
        user-select: none;
        box-shadow: 0 0 28px rgba(255, 46, 166, 0.28);
        transition: min-height 0.18s ease, padding 0.18s ease, font-size 0.18s ease, background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
    }

        .site-nav-toggle-button:hover[b-0h0rp1a3mw] {
            background: var(--color-hot-pink);
            color: var(--color-night);
        }

    .site-nav-menu[b-0h0rp1a3mw] {
        display: none;
        grid-column: 1 / -1;
        grid-template-columns: 1fr;
        gap: 0.7rem;
        width: 100%;
        max-height: calc(100vh - 7rem);
        padding-top: 0.75rem;
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    .site-nav-open .site-nav-menu[b-0h0rp1a3mw] {
        display: grid;
    }

    .site-nav-links[b-0h0rp1a3mw],
    .site-nav-account[b-0h0rp1a3mw] {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 0.45rem;
        width: 100%;
        min-width: 0;
    }

    .site-nav-account[b-0h0rp1a3mw] {
        padding-top: 0.55rem;
        border-top: 1px solid rgba(22, 19, 31, 0.1);
    }

        .site-nav-account form[b-0h0rp1a3mw] {
            width: 100%;
        }

    [b-0h0rp1a3mw] .site-nav-link,
    [b-0h0rp1a3mw] .site-nav-login,
    .site-nav-login[b-0h0rp1a3mw],
    .site-nav-group-trigger[b-0h0rp1a3mw] {
        justify-content: flex-start;
        width: 100%;
        max-width: none;
        min-height: 2.55rem;
        padding: 0.72rem 1rem;
        font-size: 0.78rem;
    }

    .site-nav-account-email[b-0h0rp1a3mw] {
        display: inline-block;
        max-width: 100%;
    }

    .site-nav-group[b-0h0rp1a3mw] {
        display: block;
        width: 100%;
        z-index: auto;
    }

    .site-nav-group-trigger[b-0h0rp1a3mw] {
        justify-content: space-between;
    }

    .site-nav-group-panel[b-0h0rp1a3mw] {
        position: static;
        min-width: 0;
        margin-top: 0.45rem;
        padding: 0.45rem;
        border-color: rgba(41, 244, 255, 0.22);
        background: rgba(22, 19, 31, 0.04);
        box-shadow: none;
        transform: none;
    }

        .site-nav-group-panel[b-0h0rp1a3mw]  .site-nav-link {
            min-height: 2.35rem;
            padding-left: 1rem;
        }

    .site-header.site-header-compact[b-0h0rp1a3mw] {
        padding-top: 0.35rem;
        padding-bottom: 0.35rem;
    }

        .site-header.site-header-compact .site-nav[b-0h0rp1a3mw] {
            padding: 0.42rem 0.5rem 0.42rem 0.75rem;
            border-radius: 1.3rem;
            background: rgba(255, 247, 251, 0.93);
            box-shadow: 0 12px 34px rgba(9, 8, 22, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.86);
        }

        .site-header.site-header-compact .site-brand[b-0h0rp1a3mw] {
            font-size: 0.86rem;
        }

        .site-header.site-header-compact .site-nav-toggle-button[b-0h0rp1a3mw] {
            min-height: 1.95rem;
            padding: 0.48rem 0.78rem;
            font-size: 0.7rem;
        }

        .site-header.site-header-compact .site-nav-open .site-nav-menu[b-0h0rp1a3mw] {
            max-height: calc(100vh - 5.5rem);
            padding-top: 0.75rem;
        }

        .site-header.site-header-compact .site-nav-open[b-0h0rp1a3mw]  .site-nav-link,
        .site-header.site-header-compact .site-nav-open[b-0h0rp1a3mw]  .site-nav-login,
        .site-header.site-header-compact .site-nav-open .site-nav-login[b-0h0rp1a3mw],
        .site-header.site-header-compact .site-nav-open .site-nav-group-trigger[b-0h0rp1a3mw] {
            min-height: 2.45rem;
            padding: 0.72rem 1rem;
            font-size: 0.78rem;
        }
}

/* Mobile scroll behavior: hide navbar while scrolling down */

.site-header-hidden[b-0h0rp1a3mw] {
    transform: translateY(-115%);
}

    .site-header-hidden .site-nav[b-0h0rp1a3mw] {
        box-shadow: none;
    }

@media (min-width: 769px) {
    .site-header-hidden[b-0h0rp1a3mw] {
        transform: translateY(0);
    }
}

@media (max-width: 640px) {
    .site-header[b-0h0rp1a3mw] {
        padding: 0.75rem;
    }

    .site-nav[b-0h0rp1a3mw] {
        width: 100%;
        max-width: 100%;
    }

    .site-nav-menu[b-0h0rp1a3mw] {
        max-height: calc(100vh - 6.5rem);
    }

    .site-brand[b-0h0rp1a3mw] {
        font-size: 0.95rem;
    }

    .site-nav-toggle-button[b-0h0rp1a3mw] {
        min-height: 2.2rem;
        padding: 0.55rem 0.82rem;
    }
}

@media (max-width: 390px) {
    .site-header[b-0h0rp1a3mw] {
        padding: 0.55rem;
    }

    .site-nav[b-0h0rp1a3mw] {
        padding: 0.55rem 0.55rem 0.55rem 0.75rem;
    }

    .site-brand[b-0h0rp1a3mw] {
        font-size: 0.88rem;
    }

    .site-nav-toggle-button[b-0h0rp1a3mw] {
        min-height: 2.05rem;
        padding: 0.5rem 0.72rem;
        font-size: 0.72rem;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-4aibhovx93],
.components-reconnect-repeated-attempt-visible[b-4aibhovx93],
.components-reconnect-failed-visible[b-4aibhovx93],
.components-pause-visible[b-4aibhovx93],
.components-resume-failed-visible[b-4aibhovx93],
.components-rejoining-animation[b-4aibhovx93] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-4aibhovx93],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-4aibhovx93],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-4aibhovx93],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-4aibhovx93],
#components-reconnect-modal.components-reconnect-retrying[b-4aibhovx93],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-4aibhovx93],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-4aibhovx93],
#components-reconnect-modal.components-reconnect-failed[b-4aibhovx93],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-4aibhovx93] {
    display: block;
}


#components-reconnect-modal[b-4aibhovx93] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-4aibhovx93 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-4aibhovx93 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-4aibhovx93 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-4aibhovx93]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-4aibhovx93 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-4aibhovx93 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-4aibhovx93 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-4aibhovx93 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-4aibhovx93] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-4aibhovx93] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-4aibhovx93] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-4aibhovx93] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-4aibhovx93] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-4aibhovx93] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-4aibhovx93] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-4aibhovx93 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-4aibhovx93] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-4aibhovx93 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/BookingRequestsAdmin.razor.rz.scp.css */
.admin-section-header[b-6prq2cow52] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.25rem;
    width: min(1420px, calc(100% - 2rem));
    margin: 1.5rem auto 1rem auto;
}

.admin-section-header-spaced[b-6prq2cow52] {
    margin-top: 2.75rem;
}

.admin-section-label[b-6prq2cow52] {
    margin-bottom: 0.4rem;
    color: var(--color-neon-pink);
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.admin-section-header h2[b-6prq2cow52] {
    margin: 0;
    font-size: clamp(1.8rem, 3.2vw, 3rem);
    line-height: 0.95;
    font-weight: 950;
    letter-spacing: -0.055em;
    text-transform: uppercase;
}

.admin-section-header-active h2[b-6prq2cow52] {
    color: white;
}

.admin-section-header-archived h2[b-6prq2cow52] {
    color: var(--color-text-dark);
}

.admin-section-counter[b-6prq2cow52] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.25rem;
    padding: 0.6rem 0.95rem;
    border: 1px solid rgba(255, 46, 166, 0.24);
    border-radius: var(--radius-pill);
    background: rgba(255, 46, 166, 0.12);
    color: white;
    font-size: 0.78rem;
    font-weight: 950;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.admin-section-header-archived .admin-section-counter[b-6prq2cow52] {
    color: var(--color-text-dark);
    border-color: rgba(255, 46, 166, 0.28);
    background: rgba(255, 46, 166, 0.12);
}

.admin-empty-state[b-6prq2cow52] {
    width: min(1420px, calc(100% - 2rem));
    margin: 0 auto 5rem auto;
    padding: 1.5rem;
    border: 1px solid rgba(255, 46, 166, 0.12);
    border-radius: var(--radius-card);
    background: radial-gradient(circle at 92% 6%, rgba(41, 244, 255, 0.08), transparent 14rem), rgba(255, 255, 255, 0.96);
    color: var(--color-text-muted);
    box-shadow: var(--shadow-soft);
}

.admin-grid-wrapper[b-6prq2cow52] {
    width: min(1420px, calc(100% - 2rem));
    margin: 0 auto 5rem auto;
    padding: 0.75rem;
    border: 1px solid rgba(255, 46, 166, 0.12);
    border-radius: var(--radius-card);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(255, 247, 251, 0.98));
    box-shadow: var(--shadow-soft);
    overflow-x: auto;
}

.admin-grid-wrapper-archived[b-6prq2cow52] {
    margin-bottom: 6rem;
    opacity: 0.94;
}

.booking-requests-grid-archived[b-6prq2cow52] {
    filter: saturate(0.92);
}

.admin-grid-wrapper[b-6prq2cow52]  .booking-requests-grid,
.admin-grid-wrapper[b-6prq2cow52]  .booking-requests-grid-archived,
.admin-grid-wrapper[b-6prq2cow52]  .rz-datatable,
.admin-grid-wrapper[b-6prq2cow52]  .rz-data-grid,
.admin-grid-wrapper[b-6prq2cow52]  .rz-grid {
    min-width: 1360px !important;
    border: 0 !important;
    border-radius: 1.25rem;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.admin-grid-wrapper[b-6prq2cow52]  .booking-requests-grid-archived {
    min-width: 1320px !important;
}

.admin-grid-wrapper[b-6prq2cow52]  .rz-grid-table {
    width: 100% !important;
    table-layout: fixed !important;
}

.admin-grid-wrapper[b-6prq2cow52]  .rz-datatable-scrollable-wrapper,
.admin-grid-wrapper[b-6prq2cow52]  .rz-data-grid-data,
.admin-grid-wrapper[b-6prq2cow52]  .rz-datatable-scrollable-body {
    overflow: visible !important;
}

.admin-grid-wrapper[b-6prq2cow52]  .rz-datatable-thead > tr > th,
.admin-grid-wrapper[b-6prq2cow52]  .rz-grid-table thead th {
    padding: 0.7rem 0.45rem !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(22, 19, 31, 0.08) !important;
    background: var(--color-night) !important;
    color: white !important;
    font-size: 0.72rem !important;
    font-weight: 950 !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.admin-grid-wrapper[b-6prq2cow52]  .rz-column-title,
.admin-grid-wrapper[b-6prq2cow52]  .rz-sortable-column-icon {
    color: white !important;
}

.admin-grid-wrapper[b-6prq2cow52]  .rz-grid-filter-row td {
    padding: 0.45rem 0.4rem !important;
    background: var(--color-night) !important;
    vertical-align: middle;
}

.admin-grid-wrapper[b-6prq2cow52]  .rz-column-filter,
.admin-grid-wrapper[b-6prq2cow52]  .rz-column-filter input,
.admin-grid-wrapper[b-6prq2cow52]  .rz-column-filter .rz-inputtext {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 0.6rem !important;
}

.admin-grid-wrapper[b-6prq2cow52]  .rz-datatable-data td,
.admin-grid-wrapper[b-6prq2cow52]  .rz-grid-table td {
    padding: 0.6rem 0.45rem !important;
    border-bottom: 1px solid rgba(22, 19, 31, 0.07) !important;
    color: var(--color-text-dark);
    font-size: 0.83rem;
    line-height: 1.35;
    vertical-align: middle;
}

.admin-grid-wrapper[b-6prq2cow52]  .rz-datatable-data tr,
.admin-grid-wrapper[b-6prq2cow52]  .rz-grid-table tbody tr {
    background: rgba(255, 255, 255, 0.84);
}

    .admin-grid-wrapper[b-6prq2cow52]  .rz-datatable-data tr:hover,
    .admin-grid-wrapper[b-6prq2cow52]  .rz-grid-table tbody tr:hover {
        background: rgba(255, 46, 166, 0.055) !important;
    }

.admin-grid-text-ellipsis[b-6prq2cow52] {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-grid-time-cell[b-6prq2cow52] {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

    .admin-grid-time-cell strong[b-6prq2cow52] {
        display: block;
        overflow: hidden;
        color: var(--color-text-dark);
        font-weight: 950;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .admin-grid-time-cell span[b-6prq2cow52] {
        display: block;
        overflow: hidden;
        color: var(--color-neon-pink);
        font-size: 0.78rem;
        font-weight: 950;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.admin-time-edit-stack[b-6prq2cow52] {
    display: grid;
    gap: 0.35rem;
}

.admin-grid-wrapper[b-6prq2cow52]  .rz-inputtext:not(.rz-dropdown-label),
.admin-grid-wrapper[b-6prq2cow52]  .rz-dropdown,
.admin-grid-wrapper[b-6prq2cow52]  .rz-datepicker,
.admin-grid-wrapper[b-6prq2cow52]  .rz-spinner,
.admin-grid-wrapper[b-6prq2cow52]  .rz-numeric,
.admin-grid-wrapper[b-6prq2cow52]  .rz-textarea {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 2.15rem !important;
    border: 1px solid rgba(22, 19, 31, 0.14) !important;
    border-radius: 0.6rem !important;
    background: white !important;
    color: var(--color-text-dark);
    box-shadow: none !important;
    font-size: 0.8rem !important;
    font-weight: 600;
}

    .admin-grid-wrapper[b-6prq2cow52]  .rz-inputtext:focus,
    .admin-grid-wrapper[b-6prq2cow52]  .rz-dropdown:focus-within,
    .admin-grid-wrapper[b-6prq2cow52]  .rz-datepicker:focus-within,
    .admin-grid-wrapper[b-6prq2cow52]  .rz-spinner:focus-within,
    .admin-grid-wrapper[b-6prq2cow52]  .rz-numeric:focus-within,
    .admin-grid-wrapper[b-6prq2cow52]  .rz-textarea:focus {
        border-color: var(--color-neon-pink) !important;
        box-shadow: 0 0 0 0.12rem rgba(255, 46, 166, 0.12) !important;
    }

.admin-grid-wrapper[b-6prq2cow52]  .rz-datepicker {
    position: relative;
}

    .admin-grid-wrapper[b-6prq2cow52]  .rz-datepicker .rz-inputtext {
        padding-right: 2rem !important;
    }

.admin-grid-wrapper[b-6prq2cow52]  .rz-datepicker-trigger,
.admin-grid-wrapper[b-6prq2cow52]  .rz-calendar-button {
    width: 1.8rem !important;
    min-width: 1.8rem !important;
    height: 1.8rem !important;
    min-height: 1.8rem !important;
    padding: 0 !important;
    border-radius: var(--radius-pill) !important;
}

.admin-grid-wrapper[b-6prq2cow52]  .rz-spinner,
.admin-grid-wrapper[b-6prq2cow52]  .rz-numeric {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

    .admin-grid-wrapper[b-6prq2cow52]  .rz-spinner input,
    .admin-grid-wrapper[b-6prq2cow52]  .rz-numeric input,
    .admin-grid-wrapper[b-6prq2cow52]  .rz-numeric .rz-numeric-input {
        width: 100% !important;
        min-width: 0 !important;
        height: 100% !important;
        padding: 0.35rem 0.45rem !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: var(--color-text-dark) !important;
        box-shadow: none !important;
        outline: none !important;
        font-size: 0.8rem !important;
        font-weight: 700 !important;
        appearance: textfield;
        -moz-appearance: textfield;
    }

        .admin-grid-wrapper[b-6prq2cow52]  .rz-spinner input:focus,
        .admin-grid-wrapper[b-6prq2cow52]  .rz-numeric input:focus,
        .admin-grid-wrapper[b-6prq2cow52]  .rz-numeric .rz-numeric-input:focus {
            border: 0 !important;
            background: transparent !important;
            box-shadow: none !important;
            outline: none !important;
        }

.admin-grid-wrapper[b-6prq2cow52]  .rz-spinner-button,
.admin-grid-wrapper[b-6prq2cow52]  .rz-spinner-up,
.admin-grid-wrapper[b-6prq2cow52]  .rz-spinner-down,
.admin-grid-wrapper[b-6prq2cow52]  .rz-numeric-button {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

.admin-grid-wrapper[b-6prq2cow52]  .rz-button {
    min-height: 2rem !important;
    padding: 0.42rem 0.62rem !important;
    border: 0 !important;
    border-radius: var(--radius-pill) !important;
    font-size: 0.68rem !important;
    font-weight: 950 !important;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    box-shadow: none !important;
    white-space: nowrap;
}

    .admin-grid-wrapper[b-6prq2cow52]  .rz-button .rz-button-text {
        line-height: 1;
    }

    .admin-grid-wrapper[b-6prq2cow52]  .rz-button .rzi {
        margin-right: 0.22rem !important;
        font-size: 0.85rem !important;
    }

    .admin-grid-wrapper[b-6prq2cow52]  .rz-button.rz-primary,
    .admin-grid-wrapper[b-6prq2cow52]  .rz-button.rz-button-primary {
        background: var(--color-neon-pink) !important;
        color: var(--color-night) !important;
    }

    .admin-grid-wrapper[b-6prq2cow52]  .rz-button.rz-success,
    .admin-grid-wrapper[b-6prq2cow52]  .rz-button.rz-button-success {
        background: var(--color-turquoise) !important;
        color: var(--color-night) !important;
    }

    .admin-grid-wrapper[b-6prq2cow52]  .rz-button.rz-danger,
    .admin-grid-wrapper[b-6prq2cow52]  .rz-button.rz-button-danger {
        background: #ff3b7f !important;
        color: white !important;
    }

    .admin-grid-wrapper[b-6prq2cow52]  .rz-button.rz-light,
    .admin-grid-wrapper[b-6prq2cow52]  .rz-button.rz-button-light {
        border: 1px solid rgba(22, 19, 31, 0.14) !important;
        background: white !important;
        color: var(--color-text-dark) !important;
    }

.admin-grid-wrapper[b-6prq2cow52]  .admin-restore-button,
.admin-grid-wrapper[b-6prq2cow52]  .admin-restore-button.rz-button,
.admin-grid-wrapper[b-6prq2cow52]  .admin-restore-button.rz-light,
.admin-grid-wrapper[b-6prq2cow52]  .admin-restore-button.rz-button-light {
    border: 1px solid rgba(32, 214, 199, 0.34) !important;
    background: rgba(32, 214, 199, 0.16) !important;
    color: var(--color-night) !important;
    box-shadow: none !important;
}

    .admin-grid-wrapper[b-6prq2cow52]  .admin-restore-button:hover,
    .admin-grid-wrapper[b-6prq2cow52]  .admin-restore-button.rz-button:hover {
        border-color: rgba(32, 214, 199, 0.55) !important;
        background: var(--color-turquoise) !important;
        color: var(--color-night) !important;
        transform: translateY(-1px);
    }

.admin-grid-wrapper[b-6prq2cow52]  .admin-action-stack {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 0.25rem !important;
    width: 100% !important;
}

    .admin-grid-wrapper[b-6prq2cow52]  .admin-action-stack .rz-button,
    .admin-grid-wrapper[b-6prq2cow52]  .admin-restore-button {
        width: 2rem !important;
        min-width: 2rem !important;
        max-width: 2rem !important;
        height: 2rem !important;
        min-height: 2rem !important;
        padding: 0 !important;
        border-radius: var(--radius-pill) !important;
    }

        .admin-grid-wrapper[b-6prq2cow52]  .admin-action-stack .rz-button .rz-button-text,
        .admin-grid-wrapper[b-6prq2cow52]  .admin-restore-button .rz-button-text {
            display: none !important;
        }

        .admin-grid-wrapper[b-6prq2cow52]  .admin-action-stack .rz-button .rzi,
        .admin-grid-wrapper[b-6prq2cow52]  .admin-restore-button .rzi {
            margin: 0 !important;
            font-size: 0.92rem !important;
        }

.admin-grid-wrapper[b-6prq2cow52]  .booking-request-status-badge,
.admin-grid-wrapper[b-6prq2cow52]  .status-badge {
    max-width: 100%;
    min-width: 4.4rem !important;
    width: auto !important;
    padding-right: 0.45rem !important;
    padding-left: 0.45rem !important;
}

.admin-grid-wrapper[b-6prq2cow52]  .rz-paginator {
    border-top: 1px solid rgba(22, 19, 31, 0.08) !important;
    background: rgba(255, 247, 251, 0.9) !important;
}

.admin-grid-wrapper[b-6prq2cow52]  .rz-paginator-element {
    border-radius: var(--radius-pill) !important;
}

.admin-grid-wrapper[b-6prq2cow52]  .rz-state-active {
    background: var(--color-neon-pink) !important;
    color: var(--color-night) !important;
}

.admin-grid-wrapper[b-6prq2cow52]  textarea {
    resize: none !important;
}

.admin-grid-wrapper[b-6prq2cow52]  .rz-grid-filter-row .rz-spinner-button,
.admin-grid-wrapper[b-6prq2cow52]  .rz-grid-filter-row .rz-spinner-up,
.admin-grid-wrapper[b-6prq2cow52]  .rz-grid-filter-row .rz-spinner-down,
.admin-grid-wrapper[b-6prq2cow52]  .rz-grid-filter-row .rz-numeric-button,
.admin-grid-wrapper[b-6prq2cow52]  .rz-grid-filter-row button.rz-button {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

.admin-grid-wrapper[b-6prq2cow52]  .rz-grid-filter-row .rz-spinner,
.admin-grid-wrapper[b-6prq2cow52]  .rz-grid-filter-row .rz-numeric {
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(22, 19, 31, 0.14) !important;
    border-radius: 0.6rem !important;
    background: white !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

    .admin-grid-wrapper[b-6prq2cow52]  .rz-grid-filter-row .rz-spinner input,
    .admin-grid-wrapper[b-6prq2cow52]  .rz-grid-filter-row .rz-numeric input,
    .admin-grid-wrapper[b-6prq2cow52]  .rz-grid-filter-row input[type="number"] {
        width: 100% !important;
        min-width: 0 !important;
        padding: 0.35rem 0.45rem !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        outline: none !important;
        appearance: textfield;
        -moz-appearance: textfield;
    }

        .admin-grid-wrapper[b-6prq2cow52]  .rz-grid-filter-row input[type="number"]::-webkit-outer-spin-button,
        .admin-grid-wrapper[b-6prq2cow52]  .rz-grid-filter-row input[type="number"]::-webkit-inner-spin-button {
            margin: 0;
            appearance: none;
            -webkit-appearance: none;
        }

.admin-grid-wrapper[b-6prq2cow52]  .rz-grid-filter-row .rz-dropdown {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 2.15rem !important;
    padding: 0 !important;
    border: 1px solid rgba(22, 19, 31, 0.14) !important;
    border-radius: 0.6rem !important;
    background: white !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

.admin-grid-wrapper[b-6prq2cow52]  .rz-grid-filter-row .rz-dropdown-label,
.admin-grid-wrapper[b-6prq2cow52]  .rz-grid-filter-row .rz-dropdown-label.rz-inputtext,
.admin-grid-wrapper[b-6prq2cow52]  .rz-grid-filter-row span.rz-dropdown-label.rz-inputtext,
.admin-grid-wrapper[b-6prq2cow52]  .rz-grid-filter-row span.rz-dropdown-label.rz-inputtext.rz-placeholder {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0.35rem 0.45rem !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--color-text-dark) !important;
    box-shadow: none !important;
    outline: none !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.admin-grid-wrapper[b-6prq2cow52]  .rz-grid-filter-row .rz-dropdown-trigger {
    flex: 0 0 1.85rem !important;
    width: 1.85rem !important;
    min-width: 1.85rem !important;
    height: 100% !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--color-text-muted) !important;
    box-shadow: none !important;
}

.admin-grid-wrapper[b-6prq2cow52]  .rz-grid-filter-row .rz-dropdown:focus-within,
.admin-grid-wrapper[b-6prq2cow52]  .rz-grid-filter-row .rz-spinner:focus-within,
.admin-grid-wrapper[b-6prq2cow52]  .rz-grid-filter-row .rz-numeric:focus-within {
    border-color: var(--color-neon-pink) !important;
    box-shadow: 0 0 0 0.12rem rgba(255, 46, 166, 0.12) !important;
}

.admin-grid-wrapper[b-6prq2cow52]  .admin-status-filter,
.admin-grid-wrapper[b-6prq2cow52]  .admin-status-edit-dropdown {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 2rem !important;
    min-height: 2rem !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 46, 166, 0.28) !important;
    border-radius: var(--radius-pill) !important;
    background: white !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

    .admin-grid-wrapper[b-6prq2cow52]  .admin-status-filter .rz-dropdown-label,
    .admin-grid-wrapper[b-6prq2cow52]  .admin-status-edit-dropdown .rz-dropdown-label {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        padding: 0.32rem 0.45rem 0.32rem 0.55rem !important;
        border: 0 !important;
        background: transparent !important;
        color: var(--color-text-dark) !important;
        box-shadow: none !important;
        outline: none !important;
        font-size: 0.7rem !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        letter-spacing: 0.01em !important;
        text-transform: uppercase;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .admin-grid-wrapper[b-6prq2cow52]  .admin-status-filter .rz-dropdown-trigger,
    .admin-grid-wrapper[b-6prq2cow52]  .admin-status-edit-dropdown .rz-dropdown-trigger {
        flex: 0 0 1.8rem !important;
        width: 1.8rem !important;
        min-width: 1.8rem !important;
        height: 100% !important;
        border: 0 !important;
        background: transparent !important;
        color: var(--color-text-muted) !important;
        box-shadow: none !important;
    }

    .admin-grid-wrapper[b-6prq2cow52]  .admin-status-filter:focus-within,
    .admin-grid-wrapper[b-6prq2cow52]  .admin-status-edit-dropdown:focus-within {
        border-color: var(--color-neon-pink) !important;
        box-shadow: 0 0 0 0.12rem rgba(255, 46, 166, 0.12) !important;
    }

/* Sticky action column */

.admin-grid-wrapper[b-6prq2cow52]  .rz-grid-table th:last-child,
.admin-grid-wrapper[b-6prq2cow52]  .rz-grid-table td:last-child {
    position: sticky !important;
    right: 0 !important;
    z-index: 4 !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: -0.65rem 0 1rem rgba(9, 8, 22, 0.08);
}

.admin-grid-wrapper[b-6prq2cow52]  .rz-grid-table thead th:last-child,
.admin-grid-wrapper[b-6prq2cow52]  .rz-grid-filter-row td:last-child {
    z-index: 6 !important;
    background: var(--color-night) !important;
}

.admin-grid-wrapper[b-6prq2cow52]  .rz-grid-table th:last-child .rz-column-title,
.admin-grid-wrapper[b-6prq2cow52]  .rz-grid-table th:last-child .rz-column-title-content {
    display: none !important;
}

[b-6prq2cow52] .rz-dropdown-panel {
    border: 1px solid rgba(255, 46, 166, 0.18) !important;
    border-radius: 1rem !important;
    background: rgba(255, 247, 251, 0.98) !important;
    box-shadow: 0 18px 48px rgba(9, 8, 22, 0.24) !important;
    overflow: hidden !important;
}

[b-6prq2cow52] .rz-dropdown-items-wrapper {
    max-height: 15rem !important;
}

[b-6prq2cow52] .rz-dropdown-item {
    padding: 0.58rem 0.85rem !important;
    color: var(--color-text-dark) !important;
    font-size: 0.82rem !important;
    font-weight: 850 !important;
}

    [b-6prq2cow52] .rz-dropdown-item:hover {
        background: rgba(255, 46, 166, 0.12) !important;
        color: var(--color-night) !important;
    }

    [b-6prq2cow52] .rz-dropdown-item.rz-state-highlight {
        background: rgba(41, 244, 255, 0.18) !important;
        color: var(--color-night) !important;
    }

@media (max-width: 1250px) {
    .admin-grid-wrapper[b-6prq2cow52] {
        overflow-x: auto;
    }

        .admin-grid-wrapper[b-6prq2cow52]  .booking-requests-grid {
            min-width: 1360px !important;
        }

        .admin-grid-wrapper[b-6prq2cow52]  .booking-requests-grid-archived {
            min-width: 1320px !important;
        }
}

@media (max-width: 768px) {
    .admin-section-header[b-6prq2cow52] {
        align-items: flex-start;
        flex-direction: column;
        width: min(100% - 2rem, 1420px);
    }

    .admin-empty-state[b-6prq2cow52] {
        width: min(100% - 2rem, 1420px);
    }

    .admin-grid-wrapper[b-6prq2cow52] {
        width: min(100% - 2rem, 1420px);
        padding: 0.75rem;
        border-radius: 1.25rem;
    }
}
/* /Components/Pages/Contact.razor.rz.scp.css */
.contact-hero[b-3ppdw0uspo] {
    position: relative;
    padding: 7.25rem 2rem 5.75rem 2rem;
    color: white;
    overflow: hidden;
    isolation: isolate;
    background: var(--color-night);
}

    .contact-hero[b-3ppdw0uspo]::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background: radial-gradient(circle at 18% 18%, rgba(255, 46, 166, 0.38), transparent 30rem), radial-gradient(circle at 84% 22%, rgba(41, 244, 255, 0.3), transparent 30rem), linear-gradient(135deg, var(--color-night) 0%, var(--color-deep-purple) 48%, var(--color-dark-plum) 100%);
    }

.contact-hero-content[b-3ppdw0uspo] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2rem;
    width: min(1180px, 100%);
    margin: 0 auto;
}

.contact-hero-text[b-3ppdw0uspo] {
    min-width: 0;
}

.contact-label[b-3ppdw0uspo] {
    margin: 0 0 1rem 0;
    color: var(--color-neon-pink);
    font-size: 0.78rem;
    font-weight: 950;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.contact-hero h1[b-3ppdw0uspo] {
    display: block;
    max-width: 980px;
    margin: 0 0 1.4rem 0;
    padding: 0;
    border: 0;
    outline: 0;
    box-shadow: none;
    background: transparent;
    color: white;
    font-size: clamp(2.7rem, 5.4vw, 5.2rem);
    line-height: 0.92;
    font-weight: 950;
    letter-spacing: -0.07em;
    text-transform: uppercase;
    text-wrap: balance;
}

.contact-description[b-3ppdw0uspo] {
    max-width: 740px;
    margin: 0;
    color: rgba(255, 255, 255, 0.9);
    font-size: clamp(1rem, 1.55vw, 1.16rem);
    line-height: 1.75;
}

.contact-hero-badge[b-3ppdw0uspo] {
    display: inline-flex;
    align-items: flex-start;
    flex-direction: column;
    flex: 0 0 auto;
    gap: 0.25rem;
    min-width: 13rem;
    padding: 1rem 1.15rem;
    border: 1px solid rgba(255, 46, 166, 0.26);
    border-radius: 1.5rem;
    background: radial-gradient(circle at 92% 12%, rgba(41, 244, 255, 0.2), transparent 8rem), rgba(255, 247, 251, 0.96);
    color: var(--color-text-dark);
    box-shadow: 0 18px 42px rgba(9, 8, 22, 0.22);
}

    .contact-hero-badge span[b-3ppdw0uspo] {
        color: var(--color-neon-pink);
        font-size: 0.7rem;
        font-weight: 950;
        letter-spacing: 0.14em;
        text-transform: uppercase;
    }

    .contact-hero-badge strong[b-3ppdw0uspo] {
        color: var(--color-text-dark);
        font-size: 0.98rem;
        font-weight: 950;
    }

/* Layout */

.contact-content[b-3ppdw0uspo] {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 1.5rem;
    width: min(1180px, calc(100% - 4rem));
    margin: 0 auto;
    padding: 3.5rem 0 6rem 0;
}

    .contact-content[b-3ppdw0uspo]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        z-index: -1;
        width: 100vw;
        height: 100%;
        transform: translateX(-50%);
        background: radial-gradient(circle at 12% 8%, rgba(255, 46, 166, 0.08), transparent 28rem), radial-gradient(circle at 88% 8%, rgba(41, 244, 255, 0.08), transparent 28rem), var(--color-page);
    }

.contact-main-grid[b-3ppdw0uspo] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
    align-items: stretch;
    gap: 1.5rem;
}

/* Cards */

.contact-card[b-3ppdw0uspo],
.contact-cta-card[b-3ppdw0uspo] {
    border: 1px solid rgba(255, 46, 166, 0.12);
    border-radius: var(--radius-card);
    background: radial-gradient(circle at 92% 6%, rgba(41, 244, 255, 0.08), transparent 14rem), linear-gradient(180deg, rgba(255, 255, 255, 0.985), rgba(255, 247, 251, 0.985));
    box-shadow: var(--shadow-soft);
}

.contact-card[b-3ppdw0uspo] {
    padding: 2.25rem;
}

.contact-card-eyebrow[b-3ppdw0uspo] {
    margin: 0 0 0.7rem 0;
    color: var(--color-neon-pink);
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.contact-card h2[b-3ppdw0uspo],
.contact-cta-card h2[b-3ppdw0uspo] {
    margin: 0;
    color: var(--color-text-dark);
    font-size: clamp(1.75rem, 3vw, 2.75rem);
    line-height: 0.96;
    font-weight: 950;
    letter-spacing: -0.055em;
    text-transform: uppercase;
}

.contact-card-intro[b-3ppdw0uspo] {
    max-width: 760px;
    margin: 1rem 0 1.5rem 0;
    color: var(--color-text-muted);
    font-size: 0.98rem;
    line-height: 1.7;
}

/* Contact info */

.contact-info-list[b-3ppdw0uspo] {
    display: grid;
    gap: 0.75rem;
}

.contact-info-item[b-3ppdw0uspo] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
    padding: 0.95rem;
    border: 1px solid rgba(22, 19, 31, 0.06);
    border-radius: 1.15rem;
    background: rgba(255, 255, 255, 0.62);
    color: var(--color-text-dark);
    text-decoration: none;
    transition: border-color 0.16s ease, background 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease;
}

a.contact-info-item:hover[b-3ppdw0uspo] {
    border-color: rgba(255, 46, 166, 0.24);
    background: rgba(255, 255, 255, 0.9);
    color: var(--color-text-dark);
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(9, 8, 22, 0.07);
}

.contact-info-icon[b-3ppdw0uspo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.55rem;
    height: 2.55rem;
    flex: 0 0 auto;
    border: 1px solid rgba(32, 214, 199, 0.28);
    border-radius: var(--radius-pill);
    background: radial-gradient(circle at 28% 18%, rgba(255, 255, 255, 0.92), transparent 1.1rem), rgba(32, 214, 199, 0.16);
    color: #075c55;
    box-shadow: 0 0 22px rgba(32, 214, 199, 0.16);
}

a.contact-info-item:hover .contact-info-icon[b-3ppdw0uspo] {
    border-color: rgba(255, 46, 166, 0.34);
    background: radial-gradient(circle at 28% 18%, rgba(255, 255, 255, 0.92), transparent 1.1rem), rgba(255, 46, 166, 0.14);
    color: #991b4f;
    box-shadow: 0 0 24px rgba(255, 46, 166, 0.16);
}

.contact-info-icon svg[b-3ppdw0uspo],
.contact-social-icon svg[b-3ppdw0uspo] {
    width: 1.2rem;
    height: 1.2rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.contact-info-item span:last-child[b-3ppdw0uspo] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.contact-info-item strong[b-3ppdw0uspo] {
    color: var(--color-text-dark);
    font-size: 0.74rem;
    font-weight: 950;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.contact-info-item small[b-3ppdw0uspo] {
    color: var(--color-text-muted);
    font-size: 0.94rem;
    font-weight: 750;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

/* Side card */

.contact-side-card[b-3ppdw0uspo] {
    display: flex;
    flex-direction: column;
}

.contact-person-list[b-3ppdw0uspo] {
    display: grid;
    gap: 0.75rem;
    margin-top: 1.35rem;
}

.contact-person-card[b-3ppdw0uspo] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.9rem;
    border: 1px solid rgba(22, 19, 31, 0.06);
    border-radius: 1.15rem;
    background: rgba(255, 255, 255, 0.62);
}

    .contact-person-card > span[b-3ppdw0uspo],
    .contact-person-avatar[b-3ppdw0uspo] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 2.8rem;
        height: 2.8rem;
        flex: 0 0 auto;
        border: 1px solid rgba(32, 214, 199, 0.28);
        border-radius: var(--radius-pill);
        background: rgba(41, 244, 255, 0.16);
        color: #075c55;
        font-size: 0.82rem;
        font-weight: 950;
        overflow: hidden;
    }

        .contact-person-avatar img[b-3ppdw0uspo] {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .contact-person-card div[b-3ppdw0uspo] {
        display: grid;
        gap: 0.18rem;
    }

    .contact-person-card strong[b-3ppdw0uspo] {
        color: var(--color-text-dark);
        font-size: 0.95rem;
        font-weight: 950;
    }

    .contact-person-card small[b-3ppdw0uspo] {
        color: var(--color-text-muted);
        font-size: 0.84rem;
        font-weight: 700;
    }

/* Social */

.contact-social-block[b-3ppdw0uspo] {
    margin-top: auto;
    padding-top: 1.5rem;
}

.contact-social-title[b-3ppdw0uspo] {
    margin: 0 0 0.75rem 0;
    color: var(--color-text-dark);
    font-size: 0.76rem;
    font-weight: 950;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.contact-social-list[b-3ppdw0uspo] {
    display: grid;
    gap: 0.7rem;
}

.contact-social-link[b-3ppdw0uspo] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 3rem;
    padding: 0.72rem 0.85rem;
    border: 1px solid rgba(22, 19, 31, 0.08);
    border-radius: var(--radius-pill);
    background: rgba(255, 255, 255, 0.72);
    color: var(--color-text-dark);
    font-size: 0.86rem;
    font-weight: 950;
    text-decoration: none;
    transition: border-color 0.16s ease, background 0.16s ease, transform 0.16s ease;
}

a.contact-social-link:hover[b-3ppdw0uspo] {
    border-color: rgba(255, 46, 166, 0.26);
    background: white;
    color: var(--color-text-dark);
    transform: translateY(-1px);
}

.contact-social-icon[b-3ppdw0uspo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    border-radius: var(--radius-pill);
}

.contact-social-instagram[b-3ppdw0uspo] {
    background: rgba(255, 46, 166, 0.14);
    color: #991b4f;
}

.contact-social-facebook[b-3ppdw0uspo] {
    background: rgba(41, 244, 255, 0.16);
    color: #075c55;
}

    .contact-social-facebook svg[b-3ppdw0uspo] {
        fill: currentColor;
        stroke: none;
    }

/* Map */

.contact-map-card[b-3ppdw0uspo] {
    padding: 2rem;
}

.contact-map-header[b-3ppdw0uspo] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1.25rem;
}

    .contact-map-header p:not(.contact-card-eyebrow)[b-3ppdw0uspo] {
        max-width: 760px;
        margin: 0.9rem 0 0 0;
        color: var(--color-text-muted);
        line-height: 1.65;
    }

.contact-map-button[b-3ppdw0uspo],
.contact-cta-button[b-3ppdw0uspo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.9rem;
    padding: 0.85rem 1.1rem;
    border-radius: var(--radius-pill);
    background: var(--color-night);
    color: white;
    font-size: 0.82rem;
    font-weight: 950;
    letter-spacing: 0.05em;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background 0.16s ease, color 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease;
}

    .contact-map-button:hover[b-3ppdw0uspo],
    .contact-cta-button:hover[b-3ppdw0uspo] {
        background: var(--color-neon-pink);
        color: var(--color-night);
        transform: translateY(-1px);
        box-shadow: 0 0 34px rgba(255, 46, 166, 0.28);
    }

.contact-map-frame[b-3ppdw0uspo] {
    position: relative;
    min-height: 420px;
    border: 1px solid rgba(255, 46, 166, 0.14);
    border-radius: 1.35rem;
    background: radial-gradient(circle at 20% 20%, rgba(255, 46, 166, 0.12), transparent 16rem), radial-gradient(circle at 80% 70%, rgba(41, 244, 255, 0.12), transparent 14rem), var(--color-surface-muted);
    overflow: hidden;
}

    .contact-map-frame iframe[b-3ppdw0uspo] {
        display: block;
        width: 100%;
        height: 420px;
        border: 0;
        filter: saturate(0.9) contrast(1.02);
    }

/* CTA */

.contact-cta-card[b-3ppdw0uspo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 2rem;
    background: radial-gradient(circle at 8% 20%, rgba(255, 46, 166, 0.12), transparent 18rem), radial-gradient(circle at 92% 50%, rgba(41, 244, 255, 0.14), transparent 18rem), linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(255, 247, 251, 0.985));
}

    .contact-cta-card p:not(.contact-card-eyebrow)[b-3ppdw0uspo] {
        max-width: 720px;
        margin: 0.85rem 0 0 0;
        color: var(--color-text-muted);
        line-height: 1.65;
    }

.contact-cta-button[b-3ppdw0uspo] {
    flex: 0 0 auto;
    background: var(--color-neon-pink);
    color: var(--color-night);
    box-shadow: 0 0 34px rgba(255, 46, 166, 0.24);
}

    .contact-cta-button:hover[b-3ppdw0uspo] {
        background: var(--color-hot-pink);
        color: var(--color-night);
    }

/* Responsive */

@media (max-width: 980px) {
    .contact-hero-content[b-3ppdw0uspo],
    .contact-map-header[b-3ppdw0uspo],
    .contact-cta-card[b-3ppdw0uspo] {
        align-items: flex-start;
        flex-direction: column;
    }

    .contact-main-grid[b-3ppdw0uspo] {
        grid-template-columns: 1fr;
    }

    .contact-content[b-3ppdw0uspo] {
        width: min(100% - 2rem, 1180px);
    }

    .contact-hero-badge[b-3ppdw0uspo] {
        align-self: flex-start;
    }
}

@media (max-width: 640px) {
    .contact-hero[b-3ppdw0uspo] {
        padding: 6rem 1rem 4.5rem 1rem;
    }

    .contact-hero-content[b-3ppdw0uspo] {
        width: 100%;
        max-width: 100%;
    }

    .contact-label[b-3ppdw0uspo] {
        margin-bottom: 0.85rem;
        font-size: 0.72rem;
        letter-spacing: 0.22em;
    }

    .contact-hero h1[b-3ppdw0uspo] {
        max-width: 100%;
        margin-bottom: 1.25rem;
        font-size: clamp(2.15rem, 10.6vw, 2.75rem);
        line-height: 0.94;
        letter-spacing: -0.065em;
        overflow-wrap: normal;
        word-break: normal;
        text-wrap: balance;
    }

    .contact-description[b-3ppdw0uspo] {
        max-width: 100%;
        font-size: 0.98rem;
        line-height: 1.72;
    }

    .contact-content[b-3ppdw0uspo] {
        gap: 1.35rem;
        padding: 3rem 0 4.5rem 0;
    }

    .contact-card[b-3ppdw0uspo],
    .contact-map-card[b-3ppdw0uspo],
    .contact-cta-card[b-3ppdw0uspo] {
        padding: 1.55rem;
        border-radius: 1.35rem;
    }

        .contact-card h2[b-3ppdw0uspo],
        .contact-cta-card h2[b-3ppdw0uspo] {
            font-size: clamp(1.75rem, 8vw, 2.3rem);
            line-height: 0.96;
            letter-spacing: -0.055em;
        }

    .contact-info-item[b-3ppdw0uspo] {
        align-items: flex-start;
    }

    .contact-map-frame[b-3ppdw0uspo] {
        min-height: 300px;
        border-radius: 1.15rem;
    }

        .contact-map-frame iframe[b-3ppdw0uspo] {
            height: 300px;
        }

    .contact-map-button[b-3ppdw0uspo],
    .contact-cta-button[b-3ppdw0uspo] {
        width: 100%;
    }
}

@media (max-width: 390px) {
    .contact-hero h1[b-3ppdw0uspo] {
        font-size: clamp(1.85rem, 9.4vw, 2.25rem);
        line-height: 0.96;
        letter-spacing: -0.055em;
    }
}
/* /Components/Pages/Error.razor.rz.scp.css */
.error-page[b-l6cafgmhj0],
.not-found-page[b-l6cafgmhj0] {
    min-height: min(62vh, 48rem);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(2rem, 6vw, 5rem) 1rem;
}

.error-card[b-l6cafgmhj0],
.not-found-card[b-l6cafgmhj0] {
    width: min(100%, 46rem);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 1.75rem;
    padding: clamp(1.5rem, 4vw, 3rem);
    background:
        radial-gradient(circle at top left, rgba(255, 46, 154, 0.18), transparent 34rem),
        radial-gradient(circle at bottom right, rgba(0, 229, 255, 0.12), transparent 28rem),
        rgba(14, 8, 22, 0.86);
    box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.34);
    text-align: center;
}

.error-kicker[b-l6cafgmhj0],
.not-found-kicker[b-l6cafgmhj0] {
    margin: 0 0 0.75rem;
    color: #00e5ff;
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.error-card h1[b-l6cafgmhj0],
.not-found-card h1[b-l6cafgmhj0] {
    margin: 0;
    color: #ffffff;
    font-size: clamp(2rem, 6vw, 4rem);
    line-height: 1;
}

.error-card p[b-l6cafgmhj0],
.not-found-card p[b-l6cafgmhj0] {
    margin: 1rem auto 0;
    max-width: 36rem;
    color: rgba(255, 255, 255, 0.78);
    line-height: 1.7;
}

.error-request-id[b-l6cafgmhj0] {
    font-size: 0.85rem;
}

.error-request-id code[b-l6cafgmhj0] {
    color: #ffffff;
    word-break: break-all;
}

.error-actions[b-l6cafgmhj0],
.not-found-actions[b-l6cafgmhj0] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem;
    margin-top: 1.75rem;
}

.error-action-primary[b-l6cafgmhj0],
.error-action-secondary[b-l6cafgmhj0],
.not-found-action-primary[b-l6cafgmhj0],
.not-found-action-secondary[b-l6cafgmhj0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.85rem;
    padding: 0.75rem 1.25rem;
    border-radius: 999px;
    font-weight: 800;
    text-decoration: none;
}

.error-action-primary[b-l6cafgmhj0],
.not-found-action-primary[b-l6cafgmhj0] {
    color: #150719;
    background: linear-gradient(135deg, #ff2e9a, #00e5ff);
}

.error-action-secondary[b-l6cafgmhj0],
.not-found-action-secondary[b-l6cafgmhj0] {
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.06);
}

@media (max-width: 640px) {
    .error-actions[b-l6cafgmhj0],
    .not-found-actions[b-l6cafgmhj0] {
        flex-direction: column;
    }

    .error-action-primary[b-l6cafgmhj0],
    .error-action-secondary[b-l6cafgmhj0],
    .not-found-action-primary[b-l6cafgmhj0],
    .not-found-action-secondary[b-l6cafgmhj0] {
        width: 100%;
    }
}
/* /Components/Pages/Gallery.razor.rz.scp.css */
.gallery-hero[b-tq72td8s38] {
    position: relative;
    padding: 7.25rem 2rem 5.75rem 2rem;
    color: white;
    overflow: hidden;
    isolation: isolate;
    background: var(--color-night);
}

    .gallery-hero[b-tq72td8s38]::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background: radial-gradient(circle at 18% 18%, rgba(255, 46, 166, 0.38), transparent 30rem), radial-gradient(circle at 84% 22%, rgba(41, 244, 255, 0.3), transparent 30rem), linear-gradient(135deg, var(--color-night) 0%, var(--color-deep-purple) 48%, var(--color-dark-plum) 100%);
    }

.gallery-hero-content[b-tq72td8s38] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2rem;
    width: min(1180px, 100%);
    margin: 0 auto;
}

.gallery-hero-text[b-tq72td8s38] {
    min-width: 0;
}

.gallery-label[b-tq72td8s38] {
    margin: 0 0 1rem 0;
    color: var(--color-neon-pink);
    font-size: 0.78rem;
    font-weight: 950;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.gallery-hero h1[b-tq72td8s38] {
    max-width: 980px;
    margin: 0 0 1.35rem 0;
    color: white;
    font-size: clamp(2.7rem, 5.4vw, 5.2rem);
    line-height: 0.92;
    font-weight: 950;
    letter-spacing: -0.07em;
    text-transform: uppercase;
    text-wrap: balance;
}

.gallery-description[b-tq72td8s38] {
    max-width: 780px;
    margin: 0;
    color: rgba(255, 255, 255, 0.9);
    font-size: clamp(1rem, 1.55vw, 1.16rem);
    line-height: 1.75;
}

.gallery-hero-badge[b-tq72td8s38] {
    display: inline-flex;
    align-items: flex-start;
    flex-direction: column;
    flex: 0 0 auto;
    gap: 0.25rem;
    min-width: 14rem;
    padding: 1rem 1.15rem;
    border: 1px solid rgba(255, 46, 166, 0.26);
    border-radius: 1.5rem;
    background: radial-gradient(circle at 92% 12%, rgba(41, 244, 255, 0.2), transparent 8rem), rgba(255, 247, 251, 0.96);
    color: var(--color-text-dark);
    box-shadow: 0 18px 42px rgba(9, 8, 22, 0.22);
}

    .gallery-hero-badge span[b-tq72td8s38] {
        color: var(--color-neon-pink);
        font-size: 0.7rem;
        font-weight: 950;
        letter-spacing: 0.14em;
        text-transform: uppercase;
    }

    .gallery-hero-badge strong[b-tq72td8s38] {
        color: var(--color-text-dark);
        font-size: 0.98rem;
        font-weight: 950;
        line-height: 1.25;
    }

/* Content */

.gallery-content[b-tq72td8s38] {
    position: relative;
    z-index: 1;
    width: min(1280px, 100%);
    margin: 0 auto;
    padding: 3.5rem 2rem 6rem 2rem;
}

    .gallery-content[b-tq72td8s38]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        z-index: -1;
        width: 100vw;
        height: 100%;
        transform: translateX(-50%);
        background: radial-gradient(circle at 12% 8%, rgba(255, 46, 166, 0.08), transparent 28rem), radial-gradient(circle at 88% 8%, rgba(41, 244, 255, 0.08), transparent 28rem), var(--color-page);
    }

/* Empty / loading */

.gallery-empty-state[b-tq72td8s38] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    padding: 2.25rem;
    border: 1px solid rgba(255, 46, 166, 0.12);
    border-radius: var(--radius-card);
    background: radial-gradient(circle at 92% 6%, rgba(41, 244, 255, 0.08), transparent 14rem), linear-gradient(180deg, rgba(255, 255, 255, 0.985), rgba(255, 247, 251, 0.985));
    color: var(--color-text-muted);
    box-shadow: var(--shadow-soft);
}

.gallery-empty-eyebrow[b-tq72td8s38],
.gallery-overview-eyebrow[b-tq72td8s38],
.gallery-section-label[b-tq72td8s38] {
    margin: 0 0 0.65rem 0;
    color: var(--color-neon-pink);
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.gallery-empty-state h2[b-tq72td8s38],
.gallery-overview h2[b-tq72td8s38],
.gallery-section-header h2[b-tq72td8s38],
.gallery-bottom-cta h2[b-tq72td8s38] {
    margin: 0 0 0.75rem 0;
    color: var(--color-text-dark);
    font-size: clamp(2rem, 4.25vw, 4.2rem);
    line-height: 0.95;
    font-weight: 950;
    letter-spacing: -0.06em;
    text-transform: uppercase;
}

.gallery-empty-state p[b-tq72td8s38],
.gallery-overview p[b-tq72td8s38],
.gallery-section-header p[b-tq72td8s38],
.gallery-bottom-cta p[b-tq72td8s38] {
    max-width: 760px;
    margin: 0;
    color: var(--color-text-muted);
    line-height: 1.7;
}

.gallery-loading-dot[b-tq72td8s38] {
    width: 0.9rem;
    height: 0.9rem;
    flex: 0 0 auto;
    border-radius: var(--radius-pill);
    background: var(--color-neon-pink);
    box-shadow: 0 0 24px rgba(255, 46, 166, 0.45);
    animation: gallery-pulse-b-tq72td8s38 1.1s ease-in-out infinite;
}

@keyframes gallery-pulse-b-tq72td8s38 {
    0%, 100% {
        transform: scale(0.9);
        opacity: 0.45;
    }

    50% {
        transform: scale(1.18);
        opacity: 1;
    }
}

.gallery-empty-actions[b-tq72td8s38] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
    margin-top: 1.3rem;
}

/* Overview */

.gallery-overview[b-tq72td8s38] {
    display: grid;
    grid-template-columns: minmax(0, 0.82fr) minmax(420px, 1.18fr);
    gap: 1.5rem;
    align-items: stretch;
    margin-bottom: 4rem;
    padding: 2.25rem;
    border: 1px solid rgba(255, 46, 166, 0.12);
    border-radius: var(--radius-card);
    background: radial-gradient(circle at 92% 6%, rgba(41, 244, 255, 0.08), transparent 14rem), linear-gradient(180deg, rgba(255, 255, 255, 0.985), rgba(255, 247, 251, 0.985));
    box-shadow: var(--shadow-soft);
}

.gallery-overview-text[b-tq72td8s38] {
    align-self: center;
}

.gallery-section-nav[b-tq72td8s38] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.gallery-section-nav-card[b-tq72td8s38] {
    position: relative;
    display: flex;
    align-items: flex-end;
    min-height: 13rem;
    padding: 1rem;
    border: 1px solid rgba(22, 19, 31, 0.08);
    border-radius: 1.25rem;
    background: radial-gradient(circle at 20% 20%, rgba(255, 46, 166, 0.18), transparent 12rem), radial-gradient(circle at 82% 72%, rgba(41, 244, 255, 0.16), transparent 10rem), rgba(255, 255, 255, 0.62);
    background-position: center;
    background-size: cover;
    color: white;
    text-decoration: none;
    overflow: hidden;
    box-shadow: 0 18px 44px rgba(9, 8, 22, 0.08);
    transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

    .gallery-section-nav-card:hover[b-tq72td8s38] {
        border-color: rgba(255, 46, 166, 0.26);
        color: white;
        text-decoration: none;
        transform: translateY(-3px);
        box-shadow: 0 24px 55px rgba(9, 8, 22, 0.14);
    }

.gallery-section-nav-overlay[b-tq72td8s38] {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(180deg, rgba(9, 8, 22, 0.16), rgba(9, 8, 22, 0.72)), radial-gradient(circle at 12% 12%, rgba(255, 46, 166, 0.22), transparent 10rem), radial-gradient(circle at 88% 72%, rgba(41, 244, 255, 0.18), transparent 10rem);
}

.gallery-section-nav-content[b-tq72td8s38] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
}

.gallery-section-nav-label[b-tq72td8s38] {
    color: white;
    font-size: 0.88rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-shadow: 0 8px 26px rgba(9, 8, 22, 0.45);
}

.gallery-section-nav-content strong[b-tq72td8s38] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.65rem;
    padding: 0.25rem 0.55rem;
    border: 1px solid rgba(32, 214, 199, 0.32);
    border-radius: var(--radius-pill);
    background: rgba(235, 255, 255, 0.92);
    color: #075c55;
    font-size: 0.7rem;
    font-weight: 950;
    white-space: nowrap;
}

/* Sections */

.gallery-section[b-tq72td8s38] {
    margin-bottom: 5.75rem;
    scroll-margin-top: 6.5rem;
}

    .gallery-section:last-of-type[b-tq72td8s38] {
        margin-bottom: 0;
    }

.gallery-section-header[b-tq72td8s38] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1.9rem;
}

    .gallery-section-header > div[b-tq72td8s38] {
        max-width: 820px;
    }

.gallery-section-count[b-tq72td8s38] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.35rem;
    padding: 0.65rem 0.95rem;
    border: 1px solid rgba(255, 46, 166, 0.24);
    border-radius: var(--radius-pill);
    background: rgba(255, 46, 166, 0.1);
    color: var(--color-text-dark);
    font-size: 0.78rem;
    font-weight: 950;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    white-space: nowrap;
}

/* Buttons */

.gallery-primary-button[b-tq72td8s38],
.gallery-secondary-button[b-tq72td8s38] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 3.05rem;
    padding: 0.9rem 1.25rem;
    border-radius: var(--radius-pill);
    font-size: 0.86rem;
    font-weight: 950;
    letter-spacing: 0.055em;
    text-decoration: none;
    text-transform: uppercase;
    transition: background 0.16s ease, color 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

.gallery-primary-button[b-tq72td8s38] {
    border: 0;
    background: var(--color-neon-pink);
    color: var(--color-night);
    box-shadow: 0 0 34px rgba(255, 46, 166, 0.28);
}

    .gallery-primary-button:hover[b-tq72td8s38] {
        background: var(--color-hot-pink);
        color: var(--color-night);
        text-decoration: none;
        transform: translateY(-1px);
        box-shadow: 0 0 42px rgba(255, 46, 166, 0.38);
    }

.gallery-secondary-button[b-tq72td8s38] {
    border: 1px solid var(--color-night);
    background: var(--color-night);
    color: white;
}

    .gallery-secondary-button:hover[b-tq72td8s38] {
        border-color: var(--color-neon-pink);
        background: var(--color-neon-pink);
        color: var(--color-night);
        text-decoration: none;
        transform: translateY(-1px);
    }

/* Bottom CTA */

.gallery-bottom-cta[b-tq72td8s38] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    margin-top: 5rem;
    padding: 2.5rem;
    border: 1px solid rgba(255, 46, 166, 0.1);
    border-radius: 2rem;
    background: radial-gradient(circle at 92% 6%, rgba(41, 244, 255, 0.08), transparent 14rem), var(--color-surface);
    box-shadow: var(--shadow-soft);
}

    .gallery-bottom-cta > div[b-tq72td8s38] {
        max-width: 780px;
    }

/* Legacy grid support */

.gallery-grid[b-tq72td8s38] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.5rem;
}

/* Responsive */

@media (max-width: 1100px) {
    .gallery-overview[b-tq72td8s38] {
        grid-template-columns: 1fr;
    }

    .gallery-grid[b-tq72td8s38] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gallery-bottom-cta[b-tq72td8s38],
    .gallery-section-header[b-tq72td8s38] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 760px) {
    .gallery-hero-content[b-tq72td8s38] {
        align-items: flex-start;
        flex-direction: column;
    }

    .gallery-hero-badge[b-tq72td8s38] {
        align-self: flex-start;
    }

    .gallery-section-nav[b-tq72td8s38] {
        grid-template-columns: 1fr;
    }

    .gallery-empty-state[b-tq72td8s38] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 640px) {
    .gallery-hero[b-tq72td8s38] {
        padding: 6rem 1rem 4.75rem 1rem;
    }

        .gallery-hero h1[b-tq72td8s38] {
            font-size: clamp(2.3rem, 13vw, 3.6rem);
            line-height: 0.94;
        }

    .gallery-content[b-tq72td8s38] {
        padding: 3rem 1rem 4.5rem 1rem;
    }

    .gallery-overview[b-tq72td8s38],
    .gallery-empty-state[b-tq72td8s38],
    .gallery-bottom-cta[b-tq72td8s38] {
        padding: 1.55rem;
        border-radius: 1.35rem;
    }

    .gallery-section-nav-card[b-tq72td8s38] {
        min-height: 11rem;
    }

    .gallery-section[b-tq72td8s38] {
        margin-bottom: 4.25rem;
    }

    .gallery-section-header[b-tq72td8s38] {
        margin-bottom: 1.35rem;
    }

        .gallery-section-header h2[b-tq72td8s38],
        .gallery-empty-state h2[b-tq72td8s38],
        .gallery-overview h2[b-tq72td8s38],
        .gallery-bottom-cta h2[b-tq72td8s38] {
            font-size: clamp(1.95rem, 10vw, 2.65rem);
            line-height: 0.96;
        }

    .gallery-grid[b-tq72td8s38] {
        grid-template-columns: 1fr;
    }

    .gallery-primary-button[b-tq72td8s38],
    .gallery-secondary-button[b-tq72td8s38] {
        width: 100%;
    }
}
/* /Components/Pages/GalleryImagesAdmin.razor.rz.scp.css */
.admin-grid-wrapper[b-at1jba1enq] {
    width: min(1420px, calc(100% - 2rem));
    margin: 0 auto 5rem auto;
    padding: 0.75rem;
    border: 1px solid rgba(255, 46, 166, 0.12);
    border-radius: var(--radius-card);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(255, 247, 251, 0.98));
    box-shadow: var(--shadow-soft);
    overflow-x: hidden;
}

.gallery-admin-toolbar[b-at1jba1enq] {
    display: flex;
    justify-content: flex-end;
    width: min(1420px, calc(100% - 2rem));
    margin: 0 auto 1rem auto;
}

/* Grid shell */

.admin-grid-wrapper[b-at1jba1enq]  .gallery-images-grid,
.admin-grid-wrapper[b-at1jba1enq]  .rz-datatable,
.admin-grid-wrapper[b-at1jba1enq]  .rz-data-grid,
.admin-grid-wrapper[b-at1jba1enq]  .rz-grid {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    border: 0 !important;
    border-radius: 1.25rem;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden;
}

.admin-grid-wrapper[b-at1jba1enq]  .rz-grid-table {
    width: 100% !important;
    table-layout: fixed !important;
}

    /* Header */

    .admin-grid-wrapper[b-at1jba1enq]  .rz-datatable-thead > tr > th,
    .admin-grid-wrapper[b-at1jba1enq]  .rz-grid-table thead th {
        padding: 0.7rem 0.45rem !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(22, 19, 31, 0.08) !important;
        background: var(--color-night) !important;
        color: white !important;
        font-size: 0.72rem !important;
        font-weight: 950 !important;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        white-space: nowrap;
    }

.admin-grid-wrapper[b-at1jba1enq]  .rz-column-title,
.admin-grid-wrapper[b-at1jba1enq]  .rz-sortable-column-icon {
    color: white !important;
}

/* Hide last empty action header text */

.admin-grid-wrapper[b-at1jba1enq]  .rz-grid-table th:last-child .rz-column-title,
.admin-grid-wrapper[b-at1jba1enq]  .rz-grid-table th:last-child .rz-column-title-content {
    display: none !important;
}

/* Filter row */

.admin-grid-wrapper[b-at1jba1enq]  .rz-grid-filter-row td {
    padding: 0.45rem 0.4rem !important;
    background: var(--color-night) !important;
    vertical-align: middle;
}

.admin-grid-wrapper[b-at1jba1enq]  .rz-column-filter,
.admin-grid-wrapper[b-at1jba1enq]  .rz-column-filter input,
.admin-grid-wrapper[b-at1jba1enq]  .rz-column-filter .rz-inputtext {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 0.6rem !important;
}

/* Body */

.admin-grid-wrapper[b-at1jba1enq]  .rz-datatable-data td,
.admin-grid-wrapper[b-at1jba1enq]  .rz-grid-table td {
    padding: 0.6rem 0.45rem !important;
    border-bottom: 1px solid rgba(22, 19, 31, 0.07) !important;
    color: var(--color-text-dark);
    font-size: 0.83rem;
    line-height: 1.35;
    vertical-align: middle;
}

.admin-grid-wrapper[b-at1jba1enq]  .rz-datatable-data tr,
.admin-grid-wrapper[b-at1jba1enq]  .rz-grid-table tbody tr {
    background: rgba(255, 255, 255, 0.84);
}

    .admin-grid-wrapper[b-at1jba1enq]  .rz-datatable-data tr:hover,
    .admin-grid-wrapper[b-at1jba1enq]  .rz-grid-table tbody tr:hover {
        background: rgba(255, 46, 166, 0.055) !important;
    }

/* Text ellipsis */

.admin-grid-text-ellipsis[b-at1jba1enq] {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Inputs */

.admin-grid-wrapper[b-at1jba1enq]  .rz-inputtext:not(.rz-dropdown-label),
.admin-grid-wrapper[b-at1jba1enq]  .rz-dropdown,
.admin-grid-wrapper[b-at1jba1enq]  .rz-datepicker,
.admin-grid-wrapper[b-at1jba1enq]  .rz-spinner,
.admin-grid-wrapper[b-at1jba1enq]  .rz-numeric,
.admin-grid-wrapper[b-at1jba1enq]  .rz-textarea {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 2.15rem !important;
    border: 1px solid rgba(22, 19, 31, 0.14) !important;
    border-radius: 0.6rem !important;
    background: white !important;
    color: var(--color-text-dark);
    box-shadow: none !important;
    font-size: 0.8rem !important;
    font-weight: 600;
}

    .admin-grid-wrapper[b-at1jba1enq]  .rz-inputtext:focus,
    .admin-grid-wrapper[b-at1jba1enq]  .rz-dropdown:focus-within,
    .admin-grid-wrapper[b-at1jba1enq]  .rz-datepicker:focus-within,
    .admin-grid-wrapper[b-at1jba1enq]  .rz-spinner:focus-within,
    .admin-grid-wrapper[b-at1jba1enq]  .rz-numeric:focus-within,
    .admin-grid-wrapper[b-at1jba1enq]  .rz-textarea:focus {
        border-color: var(--color-neon-pink) !important;
        box-shadow: 0 0 0 0.12rem rgba(255, 46, 166, 0.12) !important;
    }

/* Dropdown cleanup */

.admin-grid-wrapper[b-at1jba1enq]  .rz-dropdown {
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
    overflow: hidden !important;
}

    .admin-grid-wrapper[b-at1jba1enq]  .rz-dropdown .rz-dropdown-label,
    .admin-grid-wrapper[b-at1jba1enq]  .rz-dropdown .rz-dropdown-label.rz-inputtext,
    .admin-grid-wrapper[b-at1jba1enq]  span.rz-dropdown-label.rz-inputtext {
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        padding: 0.35rem 0.45rem !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        outline: none !important;
        color: var(--color-text-dark) !important;
        font-size: 0.8rem !important;
        font-weight: 600 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

.admin-grid-wrapper[b-at1jba1enq]  .rz-dropdown-trigger {
    flex: 0 0 1.85rem !important;
    width: 1.85rem !important;
    min-width: 1.85rem !important;
    height: 100% !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--color-text-muted) !important;
    box-shadow: none !important;
}


/* Numeric / sort order cleanup */

.admin-grid-wrapper[b-at1jba1enq]  .rz-spinner,
.admin-grid-wrapper[b-at1jba1enq]  .rz-numeric {
    display: flex !important;
    align-items: center !important;
    min-height: 2.05rem !important;
    padding: 0 !important;
    overflow: hidden !important;
}

    .admin-grid-wrapper[b-at1jba1enq]  .rz-spinner input,
    .admin-grid-wrapper[b-at1jba1enq]  .rz-numeric input,
    .admin-grid-wrapper[b-at1jba1enq]  .rz-numeric .rz-numeric-input {
        width: 100% !important;
        min-width: 0 !important;
        height: 100% !important;
        padding: 0.35rem 0.45rem !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: var(--color-text-dark) !important;
        box-shadow: none !important;
        outline: none !important;
        font-size: 0.8rem !important;
        font-weight: 850 !important;
        text-align: center;
        appearance: textfield;
        -moz-appearance: textfield;
    }

        .admin-grid-wrapper[b-at1jba1enq]  .rz-spinner input:focus,
        .admin-grid-wrapper[b-at1jba1enq]  .rz-numeric input:focus,
        .admin-grid-wrapper[b-at1jba1enq]  .rz-numeric .rz-numeric-input:focus {
            border: 0 !important;
            background: transparent !important;
            box-shadow: none !important;
            outline: none !important;
        }

.admin-grid-wrapper[b-at1jba1enq]  .rz-spinner-button,
.admin-grid-wrapper[b-at1jba1enq]  .rz-spinner-up,
.admin-grid-wrapper[b-at1jba1enq]  .rz-spinner-down,
.admin-grid-wrapper[b-at1jba1enq]  .rz-numeric-button {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

.admin-grid-wrapper[b-at1jba1enq]  input[type="number"] {
    appearance: textfield;
    -moz-appearance: textfield;
}

    .admin-grid-wrapper[b-at1jba1enq]  input[type="number"]::-webkit-outer-spin-button,
    .admin-grid-wrapper[b-at1jba1enq]  input[type="number"]::-webkit-inner-spin-button {
        margin: 0;
        appearance: none;
        -webkit-appearance: none;
    }

.gallery-sort-order-badge[b-at1jba1enq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.3rem;
    min-height: 1.65rem;
    padding: 0.25rem 0.55rem;
    border: 1px solid rgba(22, 19, 31, 0.08);
    border-radius: var(--radius-pill);
    background: rgba(255, 255, 255, 0.74);
    color: var(--color-text-dark);
    font-size: 0.76rem;
    font-weight: 950;
    line-height: 1;
}

.admin-grid-wrapper[b-at1jba1enq]  .gallery-sort-order-input {
    max-width: 3.8rem !important;
    margin-inline: auto;
    border-color: rgba(32, 214, 199, 0.42) !important;
    border-radius: var(--radius-pill) !important;
    background: white !important;
}


/* Grid buttons */

.admin-grid-wrapper[b-at1jba1enq]  .rz-button {
    min-height: 2rem !important;
    padding: 0.42rem 0.62rem !important;
    border: 0 !important;
    border-radius: var(--radius-pill) !important;
    font-size: 0.68rem !important;
    font-weight: 950 !important;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    box-shadow: none !important;
    white-space: nowrap;
}

    .admin-grid-wrapper[b-at1jba1enq]  .rz-button .rz-button-text {
        line-height: 1;
    }

    .admin-grid-wrapper[b-at1jba1enq]  .rz-button .rzi {
        margin-right: 0.22rem !important;
        font-size: 0.85rem !important;
    }

    .admin-grid-wrapper[b-at1jba1enq]  .rz-button.rz-primary,
    .admin-grid-wrapper[b-at1jba1enq]  .rz-button.rz-button-primary {
        background: var(--color-neon-pink) !important;
        color: var(--color-night) !important;
    }

    .admin-grid-wrapper[b-at1jba1enq]  .rz-button.rz-success,
    .admin-grid-wrapper[b-at1jba1enq]  .rz-button.rz-button-success {
        background: var(--color-turquoise) !important;
        color: var(--color-night) !important;
    }

    .admin-grid-wrapper[b-at1jba1enq]  .rz-button.rz-danger,
    .admin-grid-wrapper[b-at1jba1enq]  .rz-button.rz-button-danger {
        background: #ff3b7f !important;
        color: white !important;
    }

    .admin-grid-wrapper[b-at1jba1enq]  .rz-button.rz-light,
    .admin-grid-wrapper[b-at1jba1enq]  .rz-button.rz-button-light {
        border: 1px solid rgba(22, 19, 31, 0.14) !important;
        background: white !important;
        color: var(--color-text-dark) !important;
    }

/* Compact action buttons */

.admin-grid-wrapper[b-at1jba1enq]  .admin-action-stack {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 0.25rem !important;
    width: 100% !important;
}

    .admin-grid-wrapper[b-at1jba1enq]  .admin-action-stack .rz-button {
        width: 2rem !important;
        min-width: 2rem !important;
        max-width: 2rem !important;
        height: 2rem !important;
        min-height: 2rem !important;
        padding: 0 !important;
    }

        .admin-grid-wrapper[b-at1jba1enq]  .admin-action-stack .rz-button .rz-button-text {
            display: none !important;
        }

        .admin-grid-wrapper[b-at1jba1enq]  .admin-action-stack .rz-button .rzi {
            margin: 0 !important;
            font-size: 0.92rem !important;
        }

/* Preview */

.gallery-grid-preview-image[b-at1jba1enq] {
    display: block;
    width: 112px;
    height: 72px;
    border: 1px solid rgba(255, 46, 166, 0.14);
    border-radius: 0.75rem;
    object-fit: cover;
    background: var(--color-surface-muted);
    box-shadow: 0 10px 28px rgba(9, 8, 22, 0.12);
}

.gallery-grid-preview-placeholder[b-at1jba1enq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 112px;
    height: 72px;
    border-radius: 0.75rem;
    background: var(--color-surface-muted);
    color: var(--color-text-muted);
    font-size: 0.75rem;
    font-weight: 850;
}

/* Edit preview / replace */

.gallery-preview-edit[b-at1jba1enq] {
    display: grid;
    gap: 0.55rem;
}

.gallery-replace-upload[b-at1jba1enq] {
    display: grid;
    gap: 0.35rem;
}

.gallery-replace-file-button[b-at1jba1enq] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    width: 112px;
    min-height: 2rem;
    padding: 0.4rem 0.55rem;
    border: 1px dashed rgba(255, 46, 166, 0.42);
    border-radius: var(--radius-pill);
    background: rgba(255, 46, 166, 0.08);
    color: var(--color-night);
    font-size: 0.68rem;
    font-weight: 950;
    line-height: 1;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    cursor: pointer;
    overflow: hidden;
}

    .gallery-replace-file-button:hover[b-at1jba1enq] {
        border-color: rgba(255, 46, 166, 0.72);
        background: rgba(255, 46, 166, 0.14);
    }

.gallery-replace-file-input[b-at1jba1enq] {
    position: absolute;
    inset: 0;
    z-index: 2;
    opacity: 0;
    cursor: pointer;
}

.gallery-replace-file-icon[b-at1jba1enq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.05rem;
    height: 1.05rem;
    border-radius: var(--radius-pill);
    background: var(--color-neon-pink);
    color: var(--color-night);
    font-size: 0.9rem;
    font-weight: 950;
    line-height: 1;
}

/* Visible badge */

/* Visible badge / edit toggle */

.gallery-visible-badge[b-at1jba1enq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 1.65rem;
    padding: 0.26rem 0.58rem;
    border-radius: var(--radius-pill);
    font-size: 0.72rem;
    font-weight: 950;
    line-height: 1;
    white-space: nowrap;
}

.gallery-visible-dot[b-at1jba1enq] {
    width: 0.42rem;
    height: 0.42rem;
    border-radius: var(--radius-pill);
    background: currentColor;
}

.gallery-visible-badge-on[b-at1jba1enq] {
    border: 1px solid rgba(32, 214, 199, 0.24);
    background: rgba(32, 214, 199, 0.14);
    color: #075c55;
}

.gallery-visible-badge-off[b-at1jba1enq] {
    border: 1px solid rgba(255, 46, 166, 0.22);
    background: rgba(255, 46, 166, 0.1);
    color: #991b4f;
}

.gallery-visible-edit-toggle[b-at1jba1enq] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--color-text-dark);
    font-size: 0.74rem;
    font-weight: 900;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
}

    .gallery-visible-edit-toggle[b-at1jba1enq]  .rz-chkbox {
        flex: 0 0 auto;
    }

/* Pager */

.admin-grid-wrapper[b-at1jba1enq]  .rz-paginator {
    border-top: 1px solid rgba(22, 19, 31, 0.08) !important;
    background: rgba(255, 247, 251, 0.9) !important;
}

.admin-grid-wrapper[b-at1jba1enq]  .rz-paginator-element {
    border-radius: var(--radius-pill) !important;
}

.admin-grid-wrapper[b-at1jba1enq]  .rz-state-active {
    background: var(--color-neon-pink) !important;
    color: var(--color-night) !important;
}

/* Textarea */

.admin-grid-wrapper[b-at1jba1enq]  textarea {
    resize: none !important;
}

/* Hide unnecessary inner scrollbar on desktop */

.admin-grid-wrapper[b-at1jba1enq]  .rz-data-grid-data,
.admin-grid-wrapper[b-at1jba1enq]  .rz-datatable-scrollable-body {
    overflow-x: hidden !important;
}

/* Danger confirmation */

.gallery-admin-danger-confirm[b-at1jba1enq] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem;
    border: 1px solid rgba(255, 46, 166, 0.22);
    border-radius: var(--radius-pill);
    background: rgba(255, 247, 251, 0.96);
    box-shadow: 0 14px 34px rgba(9, 8, 22, 0.14);
}

    .gallery-admin-danger-confirm span[b-at1jba1enq] {
        padding: 0 0.45rem 0 0.65rem;
        color: var(--color-text-dark);
        font-size: 0.78rem;
        font-weight: 900;
        white-space: nowrap;
    }

/* Toolbar action */

.gallery-admin-toolbar[b-at1jba1enq] {
    display: flex;
    justify-content: flex-end;
    width: min(1420px, calc(100% - 2rem));
    margin: 0 auto 1rem auto;
}

.gallery-clean-button[b-at1jba1enq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 2.25rem;
    padding: 0.5rem 0.9rem;
    border: 1px solid rgba(255, 46, 166, 0.42);
    border-radius: var(--radius-pill);
    background: rgba(255, 247, 251, 0.96);
    color: var(--color-text-dark);
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.03em;
    line-height: 1;
    text-transform: uppercase;
    box-shadow: none;
    cursor: pointer;
    transition: border-color 0.16s ease, background 0.16s ease, transform 0.16s ease;
}

    .gallery-clean-button:hover[b-at1jba1enq],
    .gallery-clean-button:focus[b-at1jba1enq],
    .gallery-clean-button:focus-visible[b-at1jba1enq] {
        border-color: rgba(255, 46, 166, 0.72);
        background: rgba(255, 46, 166, 0.1);
        color: white;
        outline: none;
        box-shadow: none;
        transform: translateY(-1px);
    }

        .gallery-clean-button:hover .gallery-clean-button-icon[b-at1jba1enq],
        .gallery-clean-button:focus .gallery-clean-button-icon[b-at1jba1enq],
        .gallery-clean-button:focus-visible .gallery-clean-button-icon[b-at1jba1enq] {
            color: white;
        }

    .gallery-clean-button:disabled[b-at1jba1enq] {
        opacity: 0.55;
        cursor: not-allowed;
        transform: none;
    }

.gallery-clean-button-icon[b-at1jba1enq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-dark);
    font-size: 0.9rem;
    line-height: 1;
}

/* Danger confirmation */

.gallery-admin-danger-confirm[b-at1jba1enq] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem;
    border: 1px solid rgba(255, 46, 166, 0.22);
    border-radius: var(--radius-pill);
    background: rgba(255, 247, 251, 0.96);
    box-shadow: 0 14px 34px rgba(9, 8, 22, 0.14);
}

    .gallery-admin-danger-confirm span:first-child[b-at1jba1enq] {
        padding: 0 0.45rem 0 0.65rem;
        color: var(--color-text-dark);
        font-size: 0.78rem;
        font-weight: 900;
        white-space: nowrap;
    }

.gallery-admin-confirm-button[b-at1jba1enq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 2.1rem;
    padding: 0.48rem 0.78rem;
    border-radius: var(--radius-pill);
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.03em;
    line-height: 1;
    text-transform: uppercase;
    box-shadow: none;
    cursor: pointer;
    transition: border-color 0.16s ease, background 0.16s ease, transform 0.16s ease;
}

    .gallery-admin-confirm-button:hover[b-at1jba1enq],
    .gallery-admin-confirm-button:focus[b-at1jba1enq],
    .gallery-admin-confirm-button:focus-visible[b-at1jba1enq] {
        outline: none;
        box-shadow: none;
        transform: translateY(-1px);
    }

    .gallery-admin-confirm-button:disabled[b-at1jba1enq] {
        opacity: 0.65;
        cursor: not-allowed;
        transform: none;
    }

.gallery-admin-confirm-button-danger[b-at1jba1enq],
.gallery-admin-confirm-button-danger:hover[b-at1jba1enq],
.gallery-admin-confirm-button-danger:focus[b-at1jba1enq],
.gallery-admin-confirm-button-danger:focus-visible[b-at1jba1enq] {
    border: 1px solid #ff3b7f;
    background: #ff3b7f;
    color: white;
}

.gallery-admin-confirm-button-light[b-at1jba1enq],
.gallery-admin-confirm-button-light:hover[b-at1jba1enq],
.gallery-admin-confirm-button-light:focus[b-at1jba1enq],
.gallery-admin-confirm-button-light:focus-visible[b-at1jba1enq] {
    border: 1px solid rgba(22, 19, 31, 0.14);
    background: white;
    color: var(--color-text-dark);
}

.gallery-admin-confirm-icon[b-at1jba1enq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
    line-height: 1;
}

/* Gallery section filter / badge */

.admin-grid-wrapper[b-at1jba1enq]  .gallery-section-filter,
.admin-grid-wrapper[b-at1jba1enq]  .gallery-section-edit-dropdown {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 2.05rem !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 46, 166, 0.24) !important;
    border-radius: var(--radius-pill) !important;
    background: white !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

    .admin-grid-wrapper[b-at1jba1enq]  .gallery-section-filter .rz-dropdown-label,
    .admin-grid-wrapper[b-at1jba1enq]  .gallery-section-edit-dropdown .rz-dropdown-label {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        padding: 0.35rem 0.5rem 0.35rem 0.65rem !important;
        border: 0 !important;
        background: transparent !important;
        color: var(--color-text-dark) !important;
        box-shadow: none !important;
        outline: none !important;
        font-size: 0.72rem !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .admin-grid-wrapper[b-at1jba1enq]  .gallery-section-filter .rz-dropdown-trigger,
    .admin-grid-wrapper[b-at1jba1enq]  .gallery-section-edit-dropdown .rz-dropdown-trigger {
        flex: 0 0 1.8rem !important;
        width: 1.8rem !important;
        min-width: 1.8rem !important;
        height: 100% !important;
        border: 0 !important;
        background: transparent !important;
        color: var(--color-text-muted) !important;
        box-shadow: none !important;
    }

    .admin-grid-wrapper[b-at1jba1enq]  .gallery-section-filter:focus-within,
    .admin-grid-wrapper[b-at1jba1enq]  .gallery-section-edit-dropdown:focus-within {
        border-color: var(--color-neon-pink) !important;
        box-shadow: 0 0 0 0.12rem rgba(255, 46, 166, 0.12) !important;
    }

.gallery-section-badge[b-at1jba1enq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    min-height: 1.65rem;
    padding: 0.28rem 0.6rem;
    border: 1px solid rgba(41, 244, 255, 0.24);
    border-radius: var(--radius-pill);
    background: rgba(41, 244, 255, 0.1);
    color: var(--color-text-dark);
    font-size: 0.72rem;
    font-weight: 950;
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Smaller screens */

@media (max-width: 900px) {
    .admin-grid-wrapper[b-at1jba1enq] {
        overflow-x: auto;
    }

        .admin-grid-wrapper[b-at1jba1enq]  .gallery-images-grid {
            min-width: 820px !important;
        }

        .admin-grid-wrapper[b-at1jba1enq]  .rz-data-grid-data,
        .admin-grid-wrapper[b-at1jba1enq]  .rz-datatable-scrollable-body {
            overflow-x: auto !important;
        }
}

@media (max-width: 768px) {
    .admin-grid-wrapper[b-at1jba1enq],
    .gallery-admin-toolbar[b-at1jba1enq] {
        width: min(100% - 2rem, 1420px);
    }

    .admin-grid-wrapper[b-at1jba1enq] {
        padding: 0.75rem;
        border-radius: 1.25rem;
    }

    .gallery-admin-toolbar[b-at1jba1enq] {
        justify-content: stretch;
    }

        .gallery-admin-toolbar[b-at1jba1enq]  .rz-button {
            width: 100%;
        }

    .gallery-admin-danger-confirm[b-at1jba1enq] {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
        padding: 0.75rem;
        border-radius: 1.25rem;
    }

        .gallery-admin-danger-confirm span[b-at1jba1enq] {
            padding: 0;
            white-space: normal;
        }
}

@media (max-width: 768px) {
    .gallery-clean-button[b-at1jba1enq],
    .gallery-admin-confirm-button[b-at1jba1enq] {
        width: 100%;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.home-hero[b-wtyc0uy4ir] {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 100vh;
    padding: 7.25rem 2rem 6rem 2rem;
    color: white;
    overflow: hidden;
    isolation: isolate;
    background: var(--color-night);
}

    .home-hero[b-wtyc0uy4ir]::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        background: radial-gradient(circle at 16% 20%, rgba(255, 46, 166, 0.34), transparent 31rem), radial-gradient(circle at 84% 20%, rgba(41, 244, 255, 0.22), transparent 30rem), linear-gradient(135deg, rgba(9, 8, 22, 0.42) 0%, rgba(26, 11, 46, 0.58) 48%, rgba(42, 15, 47, 0.72) 100%);
        pointer-events: none;
    }

    .home-hero[b-wtyc0uy4ir]::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 2;
        background: linear-gradient(180deg, rgba(9, 8, 22, 0.16) 0%, rgba(9, 8, 22, 0.1) 45%, rgba(9, 8, 22, 0.42) 100%);
        pointer-events: none;
    }

.home-hero-video-layer[b-wtyc0uy4ir] {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    background: var(--color-night);
}

.home-hero-video[b-wtyc0uy4ir] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.45;
    filter: saturate(1.15) contrast(1.05);
}

.home-hero-content[b-wtyc0uy4ir] {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(14rem, 19rem);
    align-items: end;
    gap: 2rem;
    width: min(1180px, 100%);
    margin: 0 auto;
}

.home-hero-main[b-wtyc0uy4ir] {
    min-width: 0;
}

.home-label[b-wtyc0uy4ir],
.home-section-label[b-wtyc0uy4ir] {
    margin: 0 0 1rem 0;
    color: var(--color-neon-pink);
    font-size: 0.78rem;
    font-weight: 950;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.home-hero h1[b-wtyc0uy4ir] {
    max-width: 1080px;
    margin: 0 0 1.4rem 0;
    color: white;
    font-size: clamp(3rem, 6vw, 6.2rem);
    line-height: 0.9;
    font-weight: 950;
    letter-spacing: -0.075em;
    text-transform: uppercase;
    text-wrap: balance;
    overflow-wrap: normal;
    outline: none;
}

.home-description[b-wtyc0uy4ir] {
    max-width: 760px;
    margin: 0;
    color: rgba(255, 255, 255, 0.88);
    font-size: clamp(1rem, 1.55vw, 1.18rem);
    line-height: 1.7;
}

.home-hero-actions[b-wtyc0uy4ir] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 2.15rem;
}

.home-hero-trust-row[b-wtyc0uy4ir] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: 1.25rem;
}

    .home-hero-trust-row span[b-wtyc0uy4ir] {
        display: inline-flex;
        align-items: center;
        min-height: 2rem;
        padding: 0.5rem 0.75rem;
        border: 1px solid rgba(255, 255, 255, 0.16);
        border-radius: var(--radius-pill);
        background: rgba(255, 255, 255, 0.08);
        color: rgba(255, 255, 255, 0.88);
        font-size: 0.72rem;
        font-weight: 850;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        backdrop-filter: blur(12px);
    }

.home-hero-facts[b-wtyc0uy4ir] {
    display: grid;
    gap: 0.75rem;
}

.home-hero-fact-card[b-wtyc0uy4ir] {
    padding: 1rem 1.1rem;
    border: 1px solid rgba(255, 46, 166, 0.22);
    border-radius: 1.35rem;
    background: radial-gradient(circle at 90% 10%, rgba(41, 244, 255, 0.16), transparent 8rem), rgba(255, 247, 251, 0.94);
    color: var(--color-text-dark);
    box-shadow: 0 18px 42px rgba(9, 8, 22, 0.2);
    backdrop-filter: blur(14px);
}

.home-hero-fact-label[b-wtyc0uy4ir] {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--color-neon-pink);
    font-size: 0.66rem;
    font-weight: 950;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.home-hero-fact-card strong[b-wtyc0uy4ir] {
    display: block;
    color: var(--color-text-dark);
    font-size: 0.98rem;
    font-weight: 950;
    line-height: 1.25;
}

/* Scroll cue */

.home-scroll-cue[b-wtyc0uy4ir] {
    position: absolute;
    left: 50%;
    bottom: 2rem;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.55rem 0.85rem;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: var(--radius-pill);
    background: rgba(255, 255, 255, 0.08);
    color: white;
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.12em;
    text-decoration: none;
    text-transform: uppercase;
    backdrop-filter: blur(14px);
    box-shadow: 0 18px 45px rgba(9, 8, 22, 0.22);
    transform: translateX(-50%);
    transition: background 0.16s ease, color 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease;
}

    .home-scroll-cue:hover[b-wtyc0uy4ir] {
        background: var(--color-neon-pink);
        color: var(--color-night);
        text-decoration: none;
        transform: translateX(-50%) translateY(-2px);
        box-shadow: 0 20px 55px rgba(9, 8, 22, 0.26), 0 0 34px rgba(255, 46, 166, 0.35);
    }

.home-scroll-cue-arrow[b-wtyc0uy4ir] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.35rem;
    height: 1.35rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    overflow: hidden;
}

    .home-scroll-cue-arrow[b-wtyc0uy4ir]::before {
        content: "";
        display: block;
        width: 0.42rem;
        height: 0.42rem;
        border-right: 2px solid currentColor;
        border-bottom: 2px solid currentColor;
        transform: translateY(-0.08rem) rotate(45deg);
        animation: home-scroll-cue-arrow-bounce-b-wtyc0uy4ir 1.8s ease-in-out infinite;
    }

@keyframes home-scroll-cue-arrow-bounce-b-wtyc0uy4ir {
    0%, 100% {
        transform: translateY(-0.12rem) rotate(45deg);
    }

    50% {
        transform: translateY(0.16rem) rotate(45deg);
    }
}

/* Buttons */

.home-primary-button[b-wtyc0uy4ir],
.home-secondary-button[b-wtyc0uy4ir] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 3.1rem;
    padding: 0.92rem 1.35rem;
    border-radius: var(--radius-pill);
    font-size: 0.9rem;
    font-weight: 950;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.home-primary-button[b-wtyc0uy4ir] {
    background: var(--color-neon-pink);
    color: var(--color-night);
    box-shadow: 0 0 34px rgba(255, 46, 166, 0.42);
}

.home-secondary-button[b-wtyc0uy4ir] {
    border: 1px solid rgba(255, 255, 255, 0.45);
    background: rgba(255, 255, 255, 0.08);
    color: white;
}

    .home-primary-button:hover[b-wtyc0uy4ir],
    .home-secondary-button:hover[b-wtyc0uy4ir] {
        text-decoration: none;
        transform: translateY(-2px);
    }

.home-primary-button:hover[b-wtyc0uy4ir] {
    background: var(--color-hot-pink);
    color: var(--color-night);
    box-shadow: 0 0 42px rgba(255, 46, 166, 0.55);
}

.home-secondary-button:hover[b-wtyc0uy4ir] {
    background: rgba(255, 255, 255, 0.16);
    color: white;
}

/* Features */

.home-features[b-wtyc0uy4ir] {
    position: relative;
    z-index: 1;
    width: min(1280px, 100%);
    margin: 0 auto;
    padding: 5rem 2rem 5rem 2rem;
}

    .home-features[b-wtyc0uy4ir]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        z-index: -1;
        width: 100vw;
        height: 100%;
        transform: translateX(-50%);
        background: radial-gradient(circle at 12% 8%, rgba(255, 46, 166, 0.08), transparent 28rem), radial-gradient(circle at 88% 8%, rgba(41, 244, 255, 0.08), transparent 28rem), var(--color-page);
    }

.home-section-header[b-wtyc0uy4ir] {
    max-width: 820px;
    margin-bottom: 2.25rem;
}

    .home-section-header h2[b-wtyc0uy4ir],
    .home-highlight h2[b-wtyc0uy4ir],
    .home-cta h2[b-wtyc0uy4ir],
    .home-contact-strip h2[b-wtyc0uy4ir],
    .home-use-cases h2[b-wtyc0uy4ir] {
        margin: 0 0 1rem 0;
        color: var(--color-text-dark);
        font-size: clamp(2.2rem, 4.5vw, 4.4rem);
        line-height: 0.95;
        font-weight: 950;
        letter-spacing: -0.06em;
        text-transform: uppercase;
    }

    .home-section-header p[b-wtyc0uy4ir],
    .home-use-cases-header p:not(.home-section-label)[b-wtyc0uy4ir],
    .home-feature-card p[b-wtyc0uy4ir],
    .home-highlight p[b-wtyc0uy4ir],
    .home-cta p[b-wtyc0uy4ir],
    .home-contact-strip p[b-wtyc0uy4ir] {
        margin: 0;
        color: var(--color-text-muted);
        line-height: 1.7;
    }

.home-feature-grid[b-wtyc0uy4ir] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.25rem;
}

.home-feature-card[b-wtyc0uy4ir] {
    min-height: 100%;
    padding: 1.5rem;
    border: 1px solid rgba(255, 46, 166, 0.12);
    border-radius: var(--radius-card);
    background: radial-gradient(circle at 92% 6%, rgba(41, 244, 255, 0.08), transparent 12rem), var(--color-surface);
    box-shadow: var(--shadow-soft);
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

    .home-feature-card:hover[b-wtyc0uy4ir] {
        border-color: rgba(255, 46, 166, 0.22);
        transform: translateY(-3px);
        box-shadow: 0 20px 44px rgba(9, 8, 22, 0.1);
    }

.home-feature-icon[b-wtyc0uy4ir] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    margin-bottom: 1rem;
    border: 1px solid rgba(32, 214, 199, 0.28);
    border-radius: var(--radius-pill);
    background: radial-gradient(circle at 28% 18%, rgba(255, 255, 255, 0.92), transparent 1.1rem), rgba(32, 214, 199, 0.16);
    color: #075c55;
    box-shadow: 0 0 22px rgba(32, 214, 199, 0.16);
}

    .home-feature-icon svg[b-wtyc0uy4ir] {
        width: 1.2rem;
        height: 1.2rem;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.9;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.home-feature-card h3[b-wtyc0uy4ir] {
    margin: 0 0 0.75rem 0;
    color: var(--color-text-dark);
    font-size: 1.25rem;
    font-weight: 950;
    letter-spacing: -0.03em;
}

/* Use cases */

.home-use-cases[b-wtyc0uy4ir] {
    position: relative;
    z-index: 1;
    width: min(1280px, 100%);
    margin: 0 auto;
    padding: 0 2rem 5rem 2rem;
}

    .home-use-cases[b-wtyc0uy4ir]::before {
        content: "";
        position: absolute;
        top: -3rem;
        left: 50%;
        z-index: -1;
        width: 100vw;
        height: calc(100% + 3rem);
        transform: translateX(-50%);
        background: var(--color-page);
    }

.home-use-cases-header[b-wtyc0uy4ir] {
    max-width: 820px;
    margin-bottom: 2rem;
}

.home-use-case-grid[b-wtyc0uy4ir] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.home-use-case-card[b-wtyc0uy4ir] {
    display: grid;
    gap: 0.45rem;
    min-height: 8.5rem;
    padding: 1.35rem;
    border: 1px solid rgba(255, 46, 166, 0.12);
    border-radius: var(--radius-card);
    background: radial-gradient(circle at 92% 6%, rgba(41, 244, 255, 0.08), transparent 12rem), linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(255, 247, 251, 0.99));
    color: var(--color-text-dark);
    text-decoration: none;
    box-shadow: var(--shadow-soft);
    transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

    .home-use-case-card:hover[b-wtyc0uy4ir] {
        border-color: rgba(255, 46, 166, 0.26);
        color: var(--color-text-dark);
        text-decoration: none;
        transform: translateY(-3px);
        box-shadow: 0 22px 48px rgba(9, 8, 22, 0.1);
    }

    .home-use-case-card span[b-wtyc0uy4ir] {
        color: var(--color-neon-pink);
        font-size: 0.7rem;
        font-weight: 950;
        letter-spacing: 0.14em;
        text-transform: uppercase;
    }

    .home-use-case-card strong[b-wtyc0uy4ir] {
        max-width: 24rem;
        color: var(--color-text-dark);
        font-size: 1.2rem;
        font-weight: 950;
        line-height: 1.12;
        letter-spacing: -0.035em;
    }

/* Highlight */

.home-highlight[b-wtyc0uy4ir] {
    position: relative;
    z-index: 1;
    width: min(1280px, 100%);
    margin: 0 auto;
    padding: 0 2rem 6rem 2rem;
}

    .home-highlight[b-wtyc0uy4ir]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        z-index: -1;
        width: 100vw;
        height: 100%;
        transform: translateX(-50%);
        background: var(--color-page);
    }

.home-highlight-content[b-wtyc0uy4ir] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 24rem);
    align-items: center;
    gap: 2rem;
    padding: 3rem;
    border-radius: 2rem;
    background: radial-gradient(circle at 20% 20%, rgba(255, 46, 166, 0.32), transparent 25rem), radial-gradient(circle at 80% 70%, rgba(41, 244, 255, 0.2), transparent 24rem), var(--color-night);
    color: white;
    box-shadow: var(--shadow-strong);
    overflow: hidden;
}

    .home-highlight-content .home-section-label[b-wtyc0uy4ir] {
        color: var(--color-cyan);
    }

    .home-highlight-content h2[b-wtyc0uy4ir] {
        color: white;
    }

    .home-highlight-content p[b-wtyc0uy4ir] {
        max-width: 720px;
        margin: 0 0 1.5rem 0;
        color: rgba(255, 255, 255, 0.82);
    }

.home-highlight-preview[b-wtyc0uy4ir] {
    position: relative;
    display: grid;
    gap: 0.75rem;
}

.home-highlight-preview-card[b-wtyc0uy4ir] {
    position: relative;
    display: flex;
    align-items: end;
    min-height: 6.5rem;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 1.35rem;
    background-color: rgba(255, 255, 255, 0.08);
    background-position: center;
    background-size: cover;
    overflow: hidden;
    box-shadow: 0 18px 38px rgba(9, 8, 22, 0.24);
}

    .home-highlight-preview-card[b-wtyc0uy4ir]::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        background: linear-gradient(180deg, rgba(9, 8, 22, 0.08), rgba(9, 8, 22, 0.62)), radial-gradient(circle at 20% 20%, rgba(255, 46, 166, 0.18), transparent 10rem), radial-gradient(circle at 80% 70%, rgba(41, 244, 255, 0.16), transparent 10rem);
    }

    .home-highlight-preview-card span[b-wtyc0uy4ir] {
        position: relative;
        z-index: 1;
    }

.home-highlight-preview-card-main[b-wtyc0uy4ir] {
    min-height: 9rem;
}

.home-highlight-preview-tancter[b-wtyc0uy4ir] {
    background-image: url("/images/home/home-gallery-tancter.jpg");
}

.home-highlight-preview-terasz[b-wtyc0uy4ir] {
    background-image: url("/images/home/home-gallery-terasz.jpg");
}

.home-highlight-preview-oltozok[b-wtyc0uy4ir] {
    background-image: url("/images/home/home-gallery-oltozok.jpg");
}

.home-highlight-preview-card span[b-wtyc0uy4ir] {
    color: white;
    font-size: 0.78rem;
    font-weight: 950;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

/* CTA strips */

.home-cta[b-wtyc0uy4ir],
.home-contact-strip[b-wtyc0uy4ir] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    width: min(1280px, calc(100% - 4rem));
    margin: 0 auto 5rem auto;
    padding: 2.5rem;
    border: 1px solid rgba(255, 46, 166, 0.1);
    border-radius: 2rem;
    background: radial-gradient(circle at 92% 6%, rgba(41, 244, 255, 0.08), transparent 14rem), var(--color-surface);
    box-shadow: var(--shadow-soft);
}

    .home-cta[b-wtyc0uy4ir]::before,
    .home-contact-strip[b-wtyc0uy4ir]::before {
        content: "";
        position: absolute;
        top: -5rem;
        left: 50%;
        z-index: -1;
        width: 100vw;
        height: calc(100% + 5rem);
        transform: translateX(-50%);
        background: var(--color-page);
    }

    .home-cta > div[b-wtyc0uy4ir],
    .home-contact-strip > div[b-wtyc0uy4ir] {
        max-width: 780px;
    }

    .home-cta .home-primary-button[b-wtyc0uy4ir] {
        flex-shrink: 0;
        background: var(--color-night);
        color: white;
        box-shadow: none;
    }

        .home-cta .home-primary-button:hover[b-wtyc0uy4ir] {
            background: var(--color-neon-pink);
            color: var(--color-night);
        }

.home-contact-strip[b-wtyc0uy4ir] {
    margin-bottom: 6rem;
}

    .home-contact-strip .home-secondary-button[b-wtyc0uy4ir] {
        flex-shrink: 0;
        border-color: var(--color-night);
        background: var(--color-night);
        color: white;
    }

        .home-contact-strip .home-secondary-button:hover[b-wtyc0uy4ir] {
            border-color: var(--color-neon-pink);
            background: var(--color-neon-pink);
            color: var(--color-night);
        }

/* Responsive */

@media (max-width: 1100px) {
    .home-hero-content[b-wtyc0uy4ir] {
        grid-template-columns: 1fr;
    }

    .home-hero-facts[b-wtyc0uy4ir] {
        display: flex;
        flex-wrap: wrap;
    }

    .home-hero-fact-card[b-wtyc0uy4ir] {
        flex: 1 1 12rem;
    }

    .home-feature-grid[b-wtyc0uy4ir] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-use-case-grid[b-wtyc0uy4ir] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-highlight-content[b-wtyc0uy4ir] {
        grid-template-columns: 1fr;
    }

    .home-cta[b-wtyc0uy4ir],
    .home-contact-strip[b-wtyc0uy4ir] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 640px) {
    .home-hero[b-wtyc0uy4ir] {
        min-height: auto;
        padding: 6.2rem 1rem 5rem 1rem;
        overflow: hidden;
    }

    .home-hero-content[b-wtyc0uy4ir] {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .home-hero-main[b-wtyc0uy4ir] {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .home-label[b-wtyc0uy4ir],
    .home-section-label[b-wtyc0uy4ir] {
        margin-bottom: 0.85rem;
        font-size: 0.72rem;
        letter-spacing: 0.22em;
    }

    .home-hero h1[b-wtyc0uy4ir] {
        max-width: 100%;
        margin-bottom: 1.25rem;
        font-size: clamp(2.15rem, 10.4vw, 2.85rem);
        line-height: 0.94;
        letter-spacing: -0.065em;
        text-wrap: balance;
        overflow-wrap: normal;
        word-break: normal;
        hyphens: auto;
    }

    .home-description[b-wtyc0uy4ir] {
        max-width: 100%;
        font-size: 0.98rem;
        line-height: 1.68;
    }

    .home-hero-actions[b-wtyc0uy4ir] {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0.85rem;
        margin-top: 1.75rem;
        width: 100%;
    }

    .home-hero-trust-row[b-wtyc0uy4ir] {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0.55rem;
        margin-top: 1.05rem;
        width: 100%;
    }

        .home-hero-trust-row span[b-wtyc0uy4ir] {
            width: 100%;
            justify-content: flex-start;
            min-height: 2rem;
            padding: 0.52rem 0.75rem;
            font-size: 0.68rem;
        }

    .home-hero-facts[b-wtyc0uy4ir] {
        display: none;
    }

    .home-scroll-cue[b-wtyc0uy4ir] {
        bottom: 1.1rem;
        padding: 0.5rem 0.75rem;
        font-size: 0.66rem;
    }

    .home-scroll-cue-text[b-wtyc0uy4ir] {
        display: none;
    }

    .home-primary-button[b-wtyc0uy4ir],
    .home-secondary-button[b-wtyc0uy4ir] {
        width: 100%;
        min-height: 3.05rem;
    }

    .home-features[b-wtyc0uy4ir],
    .home-use-cases[b-wtyc0uy4ir],
    .home-highlight[b-wtyc0uy4ir] {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .home-features[b-wtyc0uy4ir] {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .home-section-header[b-wtyc0uy4ir] {
        max-width: 100%;
        margin-bottom: 1.8rem;
    }

        .home-section-header h2[b-wtyc0uy4ir],
        .home-highlight h2[b-wtyc0uy4ir],
        .home-cta h2[b-wtyc0uy4ir],
        .home-contact-strip h2[b-wtyc0uy4ir],
        .home-use-cases h2[b-wtyc0uy4ir] {
            max-width: 100%;
            font-size: clamp(2rem, 9.5vw, 2.65rem);
            line-height: 0.96;
            letter-spacing: -0.055em;
            text-wrap: balance;
            overflow-wrap: normal;
            word-break: normal;
        }

    .home-feature-grid[b-wtyc0uy4ir],
    .home-use-case-grid[b-wtyc0uy4ir] {
        grid-template-columns: 1fr;
    }

    .home-use-cases[b-wtyc0uy4ir] {
        padding-bottom: 4rem;
    }

    .home-highlight[b-wtyc0uy4ir] {
        padding-bottom: 4.5rem;
        overflow: visible;
    }

    .home-highlight-content[b-wtyc0uy4ir],
    .home-cta[b-wtyc0uy4ir],
    .home-contact-strip[b-wtyc0uy4ir] {
        padding: 1.55rem;
        border-radius: 1.35rem;
    }

    .home-highlight-content[b-wtyc0uy4ir] {
        display: block;
        padding-bottom: 2.6rem;
        overflow: visible;
    }

    .home-highlight-preview[b-wtyc0uy4ir] {
        display: none;
    }

    .home-highlight-content .home-secondary-button[b-wtyc0uy4ir] {
        display: flex;
        width: 100%;
        min-height: 3.15rem;
        margin-top: 1.15rem;
        margin-bottom: 0;
    }

    .home-cta[b-wtyc0uy4ir],
    .home-contact-strip[b-wtyc0uy4ir] {
        width: min(100% - 2rem, 1280px);
        margin-top: 0;
        margin-bottom: 4.5rem;
        background: var(--color-surface);
    }

        .home-highlight[b-wtyc0uy4ir]::before,
        .home-cta[b-wtyc0uy4ir]::before,
        .home-contact-strip[b-wtyc0uy4ir]::before,
        .home-use-cases[b-wtyc0uy4ir]::before {
            display: none;
        }

    .home-features[b-wtyc0uy4ir],
    .home-use-cases[b-wtyc0uy4ir],
    .home-highlight[b-wtyc0uy4ir],
    .home-cta[b-wtyc0uy4ir],
    .home-contact-strip[b-wtyc0uy4ir] {
        position: relative;
        background: var(--color-page);
    }
}

@media (max-width: 430px) {
    .home-hero[b-wtyc0uy4ir] {
        padding-top: 6rem;
        padding-right: 0.95rem;
        padding-left: 0.95rem;
    }

        .home-hero h1[b-wtyc0uy4ir] {
            font-size: clamp(2rem, 9.8vw, 2.55rem);
            line-height: 0.95;
            letter-spacing: -0.058em;
        }

    .home-description[b-wtyc0uy4ir] {
        font-size: 0.95rem;
        line-height: 1.65;
    }

    .home-section-header h2[b-wtyc0uy4ir],
    .home-highlight h2[b-wtyc0uy4ir],
    .home-cta h2[b-wtyc0uy4ir],
    .home-contact-strip h2[b-wtyc0uy4ir],
    .home-use-cases h2[b-wtyc0uy4ir] {
        font-size: clamp(1.85rem, 8.8vw, 2.35rem);
        line-height: 0.97;
        letter-spacing: -0.05em;
    }
}

@media (max-width: 370px) {
    .home-hero h1[b-wtyc0uy4ir] {
        font-size: clamp(1.8rem, 9vw, 2.15rem);
        line-height: 0.97;
        letter-spacing: -0.045em;
    }

    .home-label[b-wtyc0uy4ir],
    .home-section-label[b-wtyc0uy4ir] {
        font-size: 0.66rem;
        letter-spacing: 0.18em;
    }
}
/* /Components/Pages/MyBookingRequests.razor.rz.scp.css */
.my-bookings-hero[b-cjjqxtkwjm] {
    position: relative;
    padding: 7.25rem 2rem 4.5rem 2rem;
    color: white;
    overflow: hidden;
    isolation: isolate;
    background: var(--color-night);
}

    .my-bookings-hero[b-cjjqxtkwjm]::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background: radial-gradient(circle at 18% 18%, rgba(255, 46, 166, 0.38), transparent 30rem), radial-gradient(circle at 84% 22%, rgba(41, 244, 255, 0.3), transparent 30rem), linear-gradient(135deg, var(--color-night) 0%, var(--color-deep-purple) 48%, var(--color-dark-plum) 100%);
    }

.my-bookings-hero-content[b-cjjqxtkwjm] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2rem;
    width: min(1180px, 100%);
    margin: 0 auto;
}

.my-bookings-hero-text[b-cjjqxtkwjm] {
    min-width: 0;
}

.my-bookings-label[b-cjjqxtkwjm] {
    margin: 0 0 1rem 0;
    color: var(--color-neon-pink);
    font-size: 0.78rem;
    font-weight: 950;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.my-bookings-hero h1[b-cjjqxtkwjm] {
    max-width: 980px;
    margin: 0 0 1.2rem 0;
    color: white;
    font-size: clamp(2.6rem, 5.2vw, 5.4rem);
    line-height: 0.92;
    font-weight: 950;
    letter-spacing: -0.07em;
    text-transform: uppercase;
}

.my-bookings-hero p:not(.my-bookings-label)[b-cjjqxtkwjm] {
    max-width: 760px;
    margin: 0;
    color: rgba(255, 255, 255, 0.88);
    font-size: 1.05rem;
    line-height: 1.75;
}

.my-bookings-hero-counter[b-cjjqxtkwjm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    gap: 0.45rem;
    min-height: 3.2rem;
    padding: 0.85rem 1.15rem;
    border: 1px solid rgba(255, 46, 166, 0.28);
    border-radius: var(--radius-pill);
    background: rgba(255, 247, 251, 0.96);
    color: var(--color-text-dark);
    box-shadow: 0 18px 42px rgba(9, 8, 22, 0.18);
}

    .my-bookings-hero-counter strong[b-cjjqxtkwjm] {
        color: var(--color-neon-pink);
        font-size: 1.4rem;
        font-weight: 950;
        line-height: 1;
    }

    .my-bookings-hero-counter span[b-cjjqxtkwjm] {
        font-size: 0.78rem;
        font-weight: 950;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        white-space: nowrap;
    }

.my-bookings-content[b-cjjqxtkwjm] {
    position: relative;
    z-index: 1;
    width: min(1180px, calc(100% - 4rem));
    margin: 0 auto;
    padding: 4rem 0 6rem 0;
}

    .my-bookings-content[b-cjjqxtkwjm]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        z-index: -1;
        width: 100vw;
        height: 100%;
        transform: translateX(-50%);
        background: radial-gradient(circle at 12% 8%, rgba(255, 46, 166, 0.08), transparent 28rem), radial-gradient(circle at 88% 8%, rgba(41, 244, 255, 0.08), transparent 28rem), var(--color-page);
    }

.my-bookings-list[b-cjjqxtkwjm] {
    display: grid;
    gap: 1rem;
}

.my-booking-card[b-cjjqxtkwjm],
.my-bookings-state-card[b-cjjqxtkwjm] {
    border: 1px solid rgba(255, 46, 166, 0.12);
    border-radius: var(--radius-card);
    background: radial-gradient(circle at 92% 6%, rgba(41, 244, 255, 0.08), transparent 14rem), linear-gradient(180deg, rgba(255, 255, 255, 0.985), rgba(255, 247, 251, 0.985));
    box-shadow: var(--shadow-soft);
}

.my-booking-card[b-cjjqxtkwjm] {
    display: grid;
    gap: 1.15rem;
    padding: 1.5rem;
}

.my-booking-card-header[b-cjjqxtkwjm] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.25rem;
}

.my-booking-card-label[b-cjjqxtkwjm],
.my-bookings-card-eyebrow[b-cjjqxtkwjm] {
    margin: 0 0 0.65rem 0;
    color: var(--color-neon-pink);
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.my-booking-card h2[b-cjjqxtkwjm] {
    margin: 0;
    color: var(--color-text-dark);
    font-size: clamp(1.55rem, 3vw, 2.4rem);
    line-height: 0.98;
    font-weight: 950;
    letter-spacing: -0.055em;
    text-transform: uppercase;
}

.my-booking-card-status[b-cjjqxtkwjm] {
    flex: 0 0 auto;
}

.my-booking-details[b-cjjqxtkwjm] {
    display: grid;
    grid-template-columns: 1.35fr 0.8fr 1fr;
    gap: 0.85rem;
    margin: 0;
}

    .my-booking-details div[b-cjjqxtkwjm] {
        min-width: 0;
        padding: 0.85rem 0.95rem;
        border: 1px solid rgba(22, 19, 31, 0.06);
        border-radius: 1rem;
        background: rgba(255, 255, 255, 0.58);
    }

    .my-booking-details dt[b-cjjqxtkwjm] {
        margin: 0 0 0.25rem 0;
        color: rgba(22, 19, 31, 0.62);
        font-size: 0.68rem;
        font-weight: 950;
        letter-spacing: 0.11em;
        text-transform: uppercase;
    }

    .my-booking-details dd[b-cjjqxtkwjm] {
        margin: 0;
        color: var(--color-text-dark);
        font-weight: 800;
        overflow-wrap: anywhere;
    }

.my-booking-date-detail dd[b-cjjqxtkwjm] {
    display: grid;
    gap: 0.2rem;
}

.my-booking-date-line[b-cjjqxtkwjm] {
    color: var(--color-text-dark);
    font-size: 1rem;
    font-weight: 950;
    line-height: 1.2;
}

.my-booking-time-line[b-cjjqxtkwjm] {
    color: var(--color-neon-pink);
    font-size: 0.92rem;
    font-weight: 950;
    line-height: 1.2;
}

.my-booking-message[b-cjjqxtkwjm] {
    display: grid;
    gap: 0.35rem;
    max-width: 860px;
    margin: 0;
    padding: 0.95rem 1rem;
    border-left: 3px solid var(--color-neon-pink);
    border-radius: 0 1rem 1rem 0;
    background: rgba(255, 46, 166, 0.055);
}

    .my-booking-message span[b-cjjqxtkwjm] {
        color: var(--color-neon-pink);
        font-size: 0.7rem;
        font-weight: 950;
        letter-spacing: 0.12em;
        text-transform: uppercase;
    }

    .my-booking-message p[b-cjjqxtkwjm] {
        margin: 0;
        color: var(--color-text-muted);
        line-height: 1.65;
    }

/* Empty / loading */

.my-bookings-state-card[b-cjjqxtkwjm] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 2rem;
}

    .my-bookings-state-card h2[b-cjjqxtkwjm] {
        margin: 0 0 0.55rem 0;
        color: var(--color-text-dark);
        font-size: clamp(1.8rem, 4vw, 3rem);
        line-height: 0.96;
        font-weight: 950;
        letter-spacing: -0.055em;
        text-transform: uppercase;
    }

    .my-bookings-state-card p[b-cjjqxtkwjm] {
        max-width: 760px;
        margin: 0;
        color: var(--color-text-muted);
        line-height: 1.7;
    }

.my-bookings-empty-state[b-cjjqxtkwjm] {
    display: block;
}

    .my-bookings-empty-state p[b-cjjqxtkwjm] {
        margin-bottom: 1.25rem;
    }

.my-bookings-primary-link[b-cjjqxtkwjm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 3rem;
    padding: 0.9rem 1.25rem;
    border-radius: var(--radius-pill);
    background: var(--color-neon-pink);
    color: var(--color-night);
    font-size: 0.88rem;
    font-weight: 950;
    letter-spacing: 0.055em;
    text-decoration: none;
    text-transform: uppercase;
    box-shadow: 0 0 34px rgba(255, 46, 166, 0.34);
    transition: background 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease;
}

    .my-bookings-primary-link:hover[b-cjjqxtkwjm] {
        background: var(--color-hot-pink);
        color: var(--color-night);
        transform: translateY(-1px);
        box-shadow: 0 0 42px rgba(255, 46, 166, 0.42);
    }

.my-bookings-loader-dot[b-cjjqxtkwjm] {
    width: 0.9rem;
    height: 0.9rem;
    flex: 0 0 auto;
    border-radius: var(--radius-pill);
    background: var(--color-neon-pink);
    box-shadow: 0 0 24px rgba(255, 46, 166, 0.45);
    animation: my-bookings-pulse-b-cjjqxtkwjm 1.1s ease-in-out infinite;
}

@keyframes my-bookings-pulse-b-cjjqxtkwjm {
    0%, 100% {
        transform: scale(0.9);
        opacity: 0.45;
    }

    50% {
        transform: scale(1.18);
        opacity: 1;
    }
}

/* Shared status badge alignment */

.my-booking-card-status[b-cjjqxtkwjm]  .status-badge {
    min-width: 6.2rem;
}

/* Responsive */

@media (max-width: 900px) {
    .my-bookings-hero-content[b-cjjqxtkwjm] {
        align-items: flex-start;
        flex-direction: column;
    }

    .my-bookings-hero-counter[b-cjjqxtkwjm] {
        align-self: flex-start;
    }

    .my-booking-card-header[b-cjjqxtkwjm] {
        flex-direction: column;
    }

    .my-booking-details[b-cjjqxtkwjm] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .my-bookings-hero[b-cjjqxtkwjm] {
        padding: 6rem 1rem 4rem 1rem;
    }

    .my-bookings-content[b-cjjqxtkwjm] {
        width: min(100% - 2rem, 1180px);
        padding: 3rem 0 4.5rem 0;
    }

    .my-booking-card[b-cjjqxtkwjm],
    .my-bookings-state-card[b-cjjqxtkwjm] {
        border-radius: 1.35rem;
    }

    .my-bookings-state-card[b-cjjqxtkwjm] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/Pages/NotFound.razor.rz.scp.css */
.error-page[b-mwh0y3txni],
.not-found-page[b-mwh0y3txni] {
    min-height: min(62vh, 48rem);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(2rem, 6vw, 5rem) 1rem;
}

.error-card[b-mwh0y3txni],
.not-found-card[b-mwh0y3txni] {
    width: min(100%, 46rem);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 1.75rem;
    padding: clamp(1.5rem, 4vw, 3rem);
    background:
        radial-gradient(circle at top left, rgba(255, 46, 154, 0.18), transparent 34rem),
        radial-gradient(circle at bottom right, rgba(0, 229, 255, 0.12), transparent 28rem),
        rgba(14, 8, 22, 0.86);
    box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.34);
    text-align: center;
}

.error-kicker[b-mwh0y3txni],
.not-found-kicker[b-mwh0y3txni] {
    margin: 0 0 0.75rem;
    color: #00e5ff;
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.error-card h1[b-mwh0y3txni],
.not-found-card h1[b-mwh0y3txni] {
    margin: 0;
    color: #ffffff;
    font-size: clamp(2rem, 6vw, 4rem);
    line-height: 1;
}

.error-card p[b-mwh0y3txni],
.not-found-card p[b-mwh0y3txni] {
    margin: 1rem auto 0;
    max-width: 36rem;
    color: rgba(255, 255, 255, 0.78);
    line-height: 1.7;
}

.error-request-id[b-mwh0y3txni] {
    font-size: 0.85rem;
}

.error-request-id code[b-mwh0y3txni] {
    color: #ffffff;
    word-break: break-all;
}

.error-actions[b-mwh0y3txni],
.not-found-actions[b-mwh0y3txni] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem;
    margin-top: 1.75rem;
}

.error-action-primary[b-mwh0y3txni],
.error-action-secondary[b-mwh0y3txni],
.not-found-action-primary[b-mwh0y3txni],
.not-found-action-secondary[b-mwh0y3txni] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.85rem;
    padding: 0.75rem 1.25rem;
    border-radius: 999px;
    font-weight: 800;
    text-decoration: none;
}

.error-action-primary[b-mwh0y3txni],
.not-found-action-primary[b-mwh0y3txni] {
    color: #150719;
    background: linear-gradient(135deg, #ff2e9a, #00e5ff);
}

.error-action-secondary[b-mwh0y3txni],
.not-found-action-secondary[b-mwh0y3txni] {
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.06);
}

@media (max-width: 640px) {
    .error-actions[b-mwh0y3txni],
    .not-found-actions[b-mwh0y3txni] {
        flex-direction: column;
    }

    .error-action-primary[b-mwh0y3txni],
    .error-action-secondary[b-mwh0y3txni],
    .not-found-action-primary[b-mwh0y3txni],
    .not-found-action-secondary[b-mwh0y3txni] {
        width: 100%;
    }
}
/* /Components/Pages/Privacy.razor.rz.scp.css */
.privacy-page[b-tnel5t9duo] {
    min-height: 100vh;
    padding: 7.5rem 2rem 5rem;
    background: radial-gradient(circle at 10% 0%, rgba(255, 46, 166, 0.18), transparent 30rem), radial-gradient(circle at 88% 8%, rgba(41, 244, 255, 0.16), transparent 34rem), linear-gradient(180deg, var(--color-page), #ffffff 46%, var(--color-page));
    color: var(--color-text-dark);
}

.privacy-hero[b-tnel5t9duo] {
    width: min(1180px, 100%);
    margin: 0 auto 2rem;
    padding: clamp(2rem, 4vw, 3.25rem);
    border: 1px solid rgba(255, 46, 166, 0.16);
    border-radius: var(--radius-card);
    background: radial-gradient(circle at 92% 4%, rgba(41, 244, 255, 0.16), transparent 18rem), linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 247, 251, 0.96));
    box-shadow: var(--shadow-soft);
}

.privacy-kicker[b-tnel5t9duo] {
    margin: 0 0 0.85rem;
    color: var(--color-neon-pink);
    font-size: 0.78rem;
    font-weight: 950;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.privacy-hero h1[b-tnel5t9duo] {
    max-width: 900px;
    margin: 0 0 1rem;
    color: var(--color-text-dark);
    font-size: clamp(2.6rem, 5vw, 5rem);
    line-height: 0.95;
    font-weight: 950;
    letter-spacing: -0.065em;
    text-transform: uppercase;
    text-wrap: balance;
}

.privacy-hero p[b-tnel5t9duo] {
    max-width: 820px;
    margin: 0;
    color: var(--color-text-muted);
    font-size: clamp(1rem, 1.5vw, 1.12rem);
    line-height: 1.75;
}

.privacy-content[b-tnel5t9duo] {
    display: grid;
    gap: 1rem;
    width: min(1180px, 100%);
    margin: 0 auto;
}

.privacy-card[b-tnel5t9duo] {
    padding: clamp(1.35rem, 2.6vw, 2rem);
    border: 1px solid rgba(22, 19, 31, 0.08);
    border-radius: 1.35rem;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 16px 48px rgba(9, 8, 22, 0.08);
}

    .privacy-card h2[b-tnel5t9duo] {
        margin: 0 0 0.85rem;
        color: var(--color-text-dark);
        font-size: clamp(1.25rem, 2.2vw, 1.65rem);
        line-height: 1.05;
        font-weight: 950;
        letter-spacing: -0.04em;
        text-transform: uppercase;
    }

    .privacy-card p[b-tnel5t9duo],
    .privacy-card li[b-tnel5t9duo] {
        color: var(--color-text-muted);
        font-size: 1rem;
        line-height: 1.75;
    }

    .privacy-card p[b-tnel5t9duo] {
        margin: 0 0 0.85rem;
    }

        .privacy-card p:last-child[b-tnel5t9duo] {
            margin-bottom: 0;
        }

    .privacy-card ul[b-tnel5t9duo] {
        display: grid;
        gap: 0.35rem;
        margin: 0.75rem 0 0;
        padding-left: 1.25rem;
    }

    .privacy-card strong[b-tnel5t9duo] {
        color: var(--color-text-dark);
        font-weight: 950;
    }

    .privacy-card a[b-tnel5t9duo] {
        color: var(--color-neon-pink);
        font-weight: 900;
        text-decoration: none;
    }

        .privacy-card a:hover[b-tnel5t9duo],
        .privacy-card a:focus[b-tnel5t9duo] {
            color: var(--color-hot-pink);
            text-decoration: underline;
        }

.privacy-note[b-tnel5t9duo] {
    padding: 0.9rem 1rem;
    border-left: 4px solid var(--color-neon-pink);
    border-radius: 0 1rem 1rem 0;
    background: rgba(255, 46, 166, 0.08);
}

.privacy-card-muted[b-tnel5t9duo] {
    background: radial-gradient(circle at 96% 0%, rgba(41, 244, 255, 0.12), transparent 14rem), rgba(255, 247, 251, 0.92);
}
.privacy-hero h1:focus[b-tnel5t9duo] {
    outline: none !important;
    box-shadow: none !important;
}

@media (max-width: 760px) {
    .privacy-page[b-tnel5t9duo] {
        padding: 6.25rem 1rem 4rem;
    }

    .privacy-hero[b-tnel5t9duo] {
        padding: 1.6rem;
        border-radius: 1.35rem;
    }

        .privacy-hero h1[b-tnel5t9duo] {
            font-size: clamp(2rem, 10vw, 3rem);
            line-height: 0.98;
        }

    .privacy-card[b-tnel5t9duo] {
        padding: 1.2rem;
    }
}
/* /Components/Pages/Rent.razor.rz.scp.css */
.rent-hero[b-u1pu25osv9] {
    position: relative;
    padding: 7.25rem 2rem 5.75rem 2rem;
    color: white;
    overflow: hidden;
    isolation: isolate;
    background: var(--color-night);
}

    .rent-hero[b-u1pu25osv9]::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background: radial-gradient(circle at 18% 18%, rgba(255, 46, 166, 0.42), transparent 30rem), radial-gradient(circle at 84% 22%, rgba(41, 244, 255, 0.28), transparent 30rem), linear-gradient(135deg, var(--color-night) 0%, var(--color-deep-purple) 48%, var(--color-dark-plum) 100%);
    }

.rent-hero-content[b-u1pu25osv9] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2rem;
    width: min(1180px, 100%);
    margin: 0 auto;
}

.rent-hero-text[b-u1pu25osv9] {
    min-width: 0;
}

.rent-label[b-u1pu25osv9] {
    margin: 0 0 1rem 0;
    color: var(--color-neon-pink);
    font-size: 0.78rem;
    font-weight: 950;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.rent-hero h1[b-u1pu25osv9] {
    max-width: 1060px;
    margin: 0 0 1.4rem 0;
    color: white;
    font-size: clamp(2.7rem, 5.4vw, 5.15rem);
    line-height: 0.92;
    font-weight: 950;
    letter-spacing: -0.07em;
    text-transform: uppercase;
    text-wrap: balance;
}

.rent-description[b-u1pu25osv9] {
    max-width: 800px;
    margin: 0;
    color: rgba(255, 255, 255, 0.9);
    font-size: clamp(1rem, 1.55vw, 1.16rem);
    line-height: 1.75;
}

.rent-hero-badge[b-u1pu25osv9] {
    display: inline-flex;
    align-items: flex-start;
    flex-direction: column;
    flex: 0 0 auto;
    gap: 0.25rem;
    min-width: 13rem;
    padding: 1rem 1.15rem;
    border: 1px solid rgba(255, 46, 166, 0.26);
    border-radius: 1.5rem;
    background: radial-gradient(circle at 92% 12%, rgba(41, 244, 255, 0.2), transparent 8rem), rgba(255, 247, 251, 0.96);
    color: var(--color-text-dark);
    box-shadow: 0 18px 42px rgba(9, 8, 22, 0.22);
}

    .rent-hero-badge span[b-u1pu25osv9] {
        color: var(--color-neon-pink);
        font-size: 0.7rem;
        font-weight: 950;
        letter-spacing: 0.14em;
        text-transform: uppercase;
    }

    .rent-hero-badge strong[b-u1pu25osv9] {
        color: var(--color-text-dark);
        font-size: 0.98rem;
        font-weight: 950;
    }

/* Content */

.rent-content[b-u1pu25osv9] {
    position: relative;
    z-index: 1;
    width: min(1180px, calc(100% - 4rem));
    margin: 0 auto;
    padding: 3.5rem 0 6rem 0;
}

    .rent-content[b-u1pu25osv9]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        z-index: -1;
        width: 100vw;
        height: 100%;
        transform: translateX(-50%);
        background: radial-gradient(circle at 12% 8%, rgba(255, 46, 166, 0.08), transparent 28rem), radial-gradient(circle at 88% 8%, rgba(41, 244, 255, 0.08), transparent 28rem), var(--color-page);
    }

.rent-calendar-section[b-u1pu25osv9] {
    margin-bottom: 1.75rem;
}

.rent-request-section[b-u1pu25osv9] {
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(390px, 1.15fr);
    align-items: start;
    gap: 1.5rem;
}

/* Info card */

.rent-info[b-u1pu25osv9] {
    min-height: auto;
    padding: 2.25rem;
    border: 1px solid rgba(255, 46, 166, 0.12);
    border-radius: var(--radius-card);
    background: radial-gradient(circle at 92% 6%, rgba(41, 244, 255, 0.08), transparent 14rem), linear-gradient(180deg, rgba(255, 255, 255, 0.985), rgba(255, 247, 251, 0.985));
    box-shadow: var(--shadow-soft);
}

.rent-info-eyebrow[b-u1pu25osv9] {
    margin: 0 0 0.7rem 0;
    color: var(--color-neon-pink);
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.rent-info h2[b-u1pu25osv9] {
    margin: 0 0 1rem 0;
    color: var(--color-text-dark);
    font-size: clamp(1.75rem, 3vw, 2.75rem);
    line-height: 0.96;
    font-weight: 950;
    letter-spacing: -0.055em;
    text-transform: uppercase;
}

.rent-info > p[b-u1pu25osv9] {
    margin: 0;
    color: var(--color-text-muted);
    line-height: 1.7;
}

.rent-info-list[b-u1pu25osv9] {
    display: grid;
    gap: 0.75rem;
    margin-top: 1.45rem;
}

.rent-info-item[b-u1pu25osv9] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    padding: 0.95rem;
    border: 1px solid rgba(22, 19, 31, 0.06);
    border-radius: 1.15rem;
    background: rgba(255, 255, 255, 0.62);
}

.rent-info-icon[b-u1pu25osv9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.55rem;
    height: 2.55rem;
    flex: 0 0 auto;
    border: 1px solid rgba(32, 214, 199, 0.28);
    border-radius: var(--radius-pill);
    background: radial-gradient(circle at 28% 18%, rgba(255, 255, 255, 0.92), transparent 1.1rem), rgba(32, 214, 199, 0.16);
    color: #075c55;
    box-shadow: 0 0 22px rgba(32, 214, 199, 0.16);
}

    .rent-info-icon svg[b-u1pu25osv9] {
        width: 1.2rem;
        height: 1.2rem;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.9;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.rent-info-item div[b-u1pu25osv9] {
    display: grid;
    gap: 0.24rem;
    min-width: 0;
}

.rent-info-item strong[b-u1pu25osv9] {
    color: var(--color-text-dark);
    font-size: 0.82rem;
    font-weight: 950;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.rent-info-item small[b-u1pu25osv9] {
    color: var(--color-text-muted);
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.55;
}

.rent-info-note[b-u1pu25osv9] {
    display: grid;
    gap: 0.35rem;
    margin-top: 1.25rem;
    padding: 1rem;
    border-left: 3px solid var(--color-neon-pink);
    border-radius: 0 1rem 1rem 0;
    background: rgba(255, 46, 166, 0.055);
}

    .rent-info-note strong[b-u1pu25osv9] {
        color: var(--color-text-dark);
        font-size: 0.8rem;
        font-weight: 950;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    .rent-info-note span[b-u1pu25osv9] {
        color: var(--color-text-muted);
        font-size: 0.92rem;
        line-height: 1.6;
    }

/* Responsive */

@media (max-width: 980px) {
    .rent-hero-content[b-u1pu25osv9] {
        align-items: flex-start;
        flex-direction: column;
    }

    .rent-hero-badge[b-u1pu25osv9] {
        align-self: flex-start;
    }

    .rent-content[b-u1pu25osv9] {
        width: min(100% - 2rem, 1180px);
    }

    .rent-request-section[b-u1pu25osv9] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .rent-hero[b-u1pu25osv9] {
        padding: 6.2rem 1rem 4.75rem 1rem;
        overflow: hidden;
    }

    .rent-hero-content[b-u1pu25osv9] {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .rent-hero-text[b-u1pu25osv9] {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .rent-label[b-u1pu25osv9] {
        margin-bottom: 0.85rem;
        font-size: 0.72rem;
        letter-spacing: 0.22em;
    }

    .rent-hero h1[b-u1pu25osv9] {
        max-width: 100%;
        margin-bottom: 1.25rem;
        font-size: clamp(2rem, 9.8vw, 2.65rem);
        line-height: 0.95;
        letter-spacing: -0.058em;
        text-wrap: balance;
        overflow-wrap: normal;
        word-break: normal;
        hyphens: auto;
    }

    .rent-description[b-u1pu25osv9] {
        max-width: 100%;
        font-size: 0.98rem;
        line-height: 1.7;
    }

    .rent-hero-badge[b-u1pu25osv9] {
        min-width: 0;
        width: min(100%, 15.5rem);
        margin-top: 1.2rem;
        padding: 0.95rem 1rem;
        border-radius: 1.35rem;
    }

        .rent-hero-badge span[b-u1pu25osv9] {
            font-size: 0.66rem;
            letter-spacing: 0.14em;
        }

        .rent-hero-badge strong[b-u1pu25osv9] {
            font-size: 0.92rem;
        }

    .rent-content[b-u1pu25osv9] {
        width: min(100% - 2rem, 1180px);
        gap: 1.35rem;
        padding: 3rem 0 4.5rem 0;
    }

    .rent-info[b-u1pu25osv9] {
        padding: 1.55rem;
        border-radius: 1.35rem;
    }

        .rent-info h2[b-u1pu25osv9] {
            max-width: 100%;
            margin-bottom: 0.8rem;
            font-size: clamp(1.85rem, 8.8vw, 2.35rem);
            line-height: 0.97;
            letter-spacing: -0.052em;
            text-wrap: balance;
            overflow-wrap: normal;
            word-break: normal;
        }

        .rent-info > p[b-u1pu25osv9],
        .rent-info-item small[b-u1pu25osv9],
        .rent-info-note span[b-u1pu25osv9] {
            font-size: 0.95rem;
            line-height: 1.65;
        }

    .rent-info-item[b-u1pu25osv9] {
        gap: 0.78rem;
        padding: 0.9rem;
    }

    .rent-info-icon[b-u1pu25osv9] {
        width: 2.35rem;
        height: 2.35rem;
    }
}

@media (max-width: 430px) {
    .rent-hero[b-u1pu25osv9] {
        padding-top: 6rem;
        padding-right: 0.95rem;
        padding-left: 0.95rem;
    }

        .rent-hero h1[b-u1pu25osv9] {
            font-size: clamp(1.85rem, 9.1vw, 2.35rem);
            line-height: 0.97;
            letter-spacing: -0.048em;
        }

    .rent-description[b-u1pu25osv9] {
        font-size: 0.95rem;
        line-height: 1.68;
    }

    .rent-info h2[b-u1pu25osv9] {
        font-size: clamp(1.75rem, 8.2vw, 2.15rem);
        line-height: 0.98;
        letter-spacing: -0.045em;
    }
}

@media (max-width: 370px) {
    .rent-hero h1[b-u1pu25osv9] {
        font-size: clamp(1.65rem, 8.6vw, 2rem);
        line-height: 1;
        letter-spacing: -0.04em;
    }

    .rent-label[b-u1pu25osv9] {
        font-size: 0.66rem;
        letter-spacing: 0.18em;
    }
}
/* /Components/Pages/SiteFooter.razor.rz.scp.css */
.site-footer[b-o4qp1q7ihg] {
    position: relative;
    padding: 2rem;
    background: radial-gradient(circle at 12% 0%, rgba(255, 46, 166, 0.18), transparent 24rem), radial-gradient(circle at 88% 8%, rgba(41, 244, 255, 0.14), transparent 26rem), linear-gradient(135deg, var(--color-night), var(--color-deep-purple) 58%, var(--color-dark-plum));
    color: rgba(255, 255, 255, 0.88);
    overflow: hidden;
}

.site-footer__inner[b-o4qp1q7ihg] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(170px, 0.45fr) minmax(240px, 0.7fr);
    gap: 1.5rem;
    align-items: center;
    width: min(1280px, 100%);
    margin: 0 auto;
}

.site-footer__brand-block[b-o4qp1q7ihg],
.site-footer__info[b-o4qp1q7ihg] {
    min-width: 0;
}

.site-footer__brand[b-o4qp1q7ihg] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    margin-bottom: 0.55rem;
    color: white;
    font-size: 0.92rem;
    font-weight: 950;
    letter-spacing: -0.06em;
    text-decoration: none;
}

    .site-footer__brand:hover[b-o4qp1q7ihg],
    .site-footer__brand:focus[b-o4qp1q7ihg] {
        color: white;
        text-decoration: none;
    }

    .site-footer__brand span:last-child[b-o4qp1q7ihg] {
        color: var(--color-neon-pink);
        text-shadow: 0 0 18px rgba(255, 46, 166, 0.68);
    }

.site-footer__text[b-o4qp1q7ihg] {
    max-width: 560px;
    margin: 0;
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.95rem;
    line-height: 1.65;
}

.site-footer__label[b-o4qp1q7ihg] {
    margin: 0 0 0.35rem 0;
    color: var(--color-neon-pink);
    font-size: 0.7rem;
    font-weight: 950;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.site-footer__info p:last-child[b-o4qp1q7ihg] {
    margin: 0;
    color: white;
    font-size: 0.95rem;
    font-weight: 850;
    line-height: 1.45;
}

.site-footer__links[b-o4qp1q7ihg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    justify-content: flex-end;
    min-width: 0;
}

    .site-footer__links a[b-o4qp1q7ihg],
    .site-footer__link-button[b-o4qp1q7ihg] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 2.45rem;
        max-width: 100%;
        padding: 0.65rem 1rem;
        border: 1px solid rgba(255, 255, 255, 0.18);
        border-radius: var(--radius-pill);
        background: rgba(255, 255, 255, 0.06);
        color: white;
        font-size: 0.78rem;
        font-weight: 950;
        letter-spacing: 0.055em;
        line-height: 1.15;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
        overflow-wrap: anywhere;
        transition: background 0.16s ease, color 0.16s ease, border-color 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease;
    }

.site-footer__link-button[b-o4qp1q7ihg] {
    appearance: none;
    cursor: pointer;
}

    .site-footer__links a:hover[b-o4qp1q7ihg],
    .site-footer__links a:focus[b-o4qp1q7ihg],
    .site-footer__link-button:hover[b-o4qp1q7ihg],
    .site-footer__link-button:focus[b-o4qp1q7ihg] {
        border-color: rgba(255, 46, 166, 0.5);
        background: var(--color-neon-pink);
        color: var(--color-night);
        transform: translateY(-1px);
        box-shadow: 0 0 28px rgba(255, 46, 166, 0.28);
    }

@media (max-width: 980px) {
    .site-footer__inner[b-o4qp1q7ihg] {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .site-footer__links[b-o4qp1q7ihg] {
        justify-content: flex-start;
    }
}

@media (max-width: 640px) {
    .site-footer[b-o4qp1q7ihg] {
        padding: 1.5rem 1rem;
    }

    .site-footer__inner[b-o4qp1q7ihg] {
        gap: 1.1rem;
    }

    .site-footer__links[b-o4qp1q7ihg] {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

        .site-footer__links a[b-o4qp1q7ihg],
        .site-footer__link-button[b-o4qp1q7ihg] {
            width: 100%;
            min-height: 2.75rem;
            padding: 0.78rem 1rem;
        }
}
/* /Components/Pages/UsersAdmin.razor.rz.scp.css */
.admin-section-header[b-y2u5szfzbk] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.25rem;
    width: min(1420px, calc(100% - 2rem));
    margin: 1.5rem auto 1rem auto;
}

.admin-section-label[b-y2u5szfzbk] {
    margin-bottom: 0.4rem;
    color: var(--color-neon-pink);
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.admin-section-header h2[b-y2u5szfzbk] {
    margin: 0;
    color: white;
    font-size: clamp(1.8rem, 3.2vw, 3rem);
    line-height: 0.95;
    font-weight: 950;
    letter-spacing: -0.055em;
    text-transform: uppercase;
}

.admin-section-counter[b-y2u5szfzbk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.25rem;
    padding: 0.6rem 0.95rem;
    border: 1px solid rgba(255, 46, 166, 0.24);
    border-radius: var(--radius-pill);
    background: rgba(255, 46, 166, 0.12);
    color: white;
    font-size: 0.78rem;
    font-weight: 950;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}

/* Grid shell */

.admin-users-grid-wrapper[b-y2u5szfzbk] {
    width: min(1420px, calc(100% - 2rem));
    margin: 0 auto 6rem auto;
    padding: 0.75rem;
    border: 1px solid rgba(255, 46, 166, 0.12);
    border-radius: var(--radius-card);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(255, 247, 251, 0.98));
    box-shadow: var(--shadow-soft);
    overflow-x: hidden;
}

    .admin-users-grid-wrapper[b-y2u5szfzbk]  .admin-users-grid,
    .admin-users-grid-wrapper[b-y2u5szfzbk]  .rz-datatable,
    .admin-users-grid-wrapper[b-y2u5szfzbk]  .rz-data-grid,
    .admin-users-grid-wrapper[b-y2u5szfzbk]  .rz-grid {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        border: 0 !important;
        border-radius: 1.25rem;
        background: transparent !important;
        box-shadow: none !important;
        overflow: hidden;
    }

    .admin-users-grid-wrapper[b-y2u5szfzbk]  .rz-grid-table {
        width: 100% !important;
        table-layout: fixed !important;
    }

        /* Header */

        .admin-users-grid-wrapper[b-y2u5szfzbk]  .rz-datatable-thead > tr > th,
        .admin-users-grid-wrapper[b-y2u5szfzbk]  .rz-grid-table thead th {
            padding: 0.7rem 0.45rem !important;
            border: 0 !important;
            border-bottom: 1px solid rgba(22, 19, 31, 0.08) !important;
            background: var(--color-night) !important;
            color: white !important;
            font-size: 0.72rem !important;
            font-weight: 950 !important;
            letter-spacing: 0.04em;
            text-transform: uppercase;
            white-space: nowrap;
        }

    .admin-users-grid-wrapper[b-y2u5szfzbk]  .rz-column-title,
    .admin-users-grid-wrapper[b-y2u5szfzbk]  .rz-sortable-column-icon {
        color: white !important;
    }

    /* Hide action column header */

    .admin-users-grid-wrapper[b-y2u5szfzbk]  .rz-grid-table th:last-child .rz-column-title,
    .admin-users-grid-wrapper[b-y2u5szfzbk]  .rz-grid-table th:last-child .rz-column-title-content {
        display: none !important;
    }

    /* Filter row */

    .admin-users-grid-wrapper[b-y2u5szfzbk]  .rz-grid-filter-row td {
        padding: 0.45rem 0.4rem !important;
        background: var(--color-night) !important;
        vertical-align: middle;
    }

    .admin-users-grid-wrapper[b-y2u5szfzbk]  .rz-column-filter,
    .admin-users-grid-wrapper[b-y2u5szfzbk]  .rz-column-filter input,
    .admin-users-grid-wrapper[b-y2u5szfzbk]  .rz-column-filter .rz-inputtext {
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 0.6rem !important;
    }

    .admin-users-grid-wrapper[b-y2u5szfzbk]  .rz-grid-filter-row .rz-spinner-button,
    .admin-users-grid-wrapper[b-y2u5szfzbk]  .rz-grid-filter-row .rz-spinner-up,
    .admin-users-grid-wrapper[b-y2u5szfzbk]  .rz-grid-filter-row .rz-spinner-down,
    .admin-users-grid-wrapper[b-y2u5szfzbk]  .rz-grid-filter-row .rz-numeric-button,
    .admin-users-grid-wrapper[b-y2u5szfzbk]  .rz-grid-filter-row button.rz-button {
        display: none !important;
    }

    .admin-users-grid-wrapper[b-y2u5szfzbk]  .rz-grid-filter-row .rz-dropdown,
    .admin-users-grid-wrapper[b-y2u5szfzbk]  .rz-grid-filter-row .rz-inputtext {
        width: 100% !important;
        min-height: 2.15rem !important;
        border: 1px solid rgba(22, 19, 31, 0.14) !important;
        border-radius: 0.6rem !important;
        background: white !important;
        box-shadow: none !important;
        color: var(--color-text-dark);
        font-size: 0.8rem !important;
        font-weight: 600;
    }

    /* Body */

    .admin-users-grid-wrapper[b-y2u5szfzbk]  .rz-datatable-data td,
    .admin-users-grid-wrapper[b-y2u5szfzbk]  .rz-grid-table td {
        padding: 0.6rem 0.45rem !important;
        border-bottom: 1px solid rgba(22, 19, 31, 0.07) !important;
        color: var(--color-text-dark);
        font-size: 0.83rem;
        line-height: 1.35;
        vertical-align: middle;
    }

    .admin-users-grid-wrapper[b-y2u5szfzbk]  .rz-datatable-data tr,
    .admin-users-grid-wrapper[b-y2u5szfzbk]  .rz-grid-table tbody tr {
        background: rgba(255, 255, 255, 0.84);
    }

        .admin-users-grid-wrapper[b-y2u5szfzbk]  .rz-datatable-data tr:hover,
        .admin-users-grid-wrapper[b-y2u5szfzbk]  .rz-grid-table tbody tr:hover {
            background: rgba(255, 46, 166, 0.055) !important;
        }

.admin-grid-text-ellipsis[b-y2u5szfzbk] {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Email cell */

.user-email-cell[b-y2u5szfzbk] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.user-current-badge[b-y2u5szfzbk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.35rem;
    padding: 0.22rem 0.48rem;
    border: 1px solid rgba(255, 46, 166, 0.28);
    border-radius: var(--radius-pill);
    background: rgba(255, 46, 166, 0.1);
    color: #991b4f;
    font-size: 0.66rem;
    font-weight: 950;
    line-height: 1;
    white-space: nowrap;
}

/* Badges */

.user-status-badge[b-y2u5szfzbk],
.user-role-badge[b-y2u5szfzbk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    border-radius: var(--radius-pill);
    font-weight: 950;
    line-height: 1;
    white-space: nowrap;
}

.user-status-badge[b-y2u5szfzbk] {
    gap: 0.35rem;
    min-height: 1.75rem;
    padding: 0.32rem 0.62rem;
    font-size: 0.68rem;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.user-status-dot[b-y2u5szfzbk] {
    width: 0.42rem;
    height: 0.42rem;
    border-radius: var(--radius-pill);
    background: currentColor;
}

.user-status-success[b-y2u5szfzbk] {
    border: 1px solid rgba(32, 214, 199, 0.3);
    background: rgba(32, 214, 199, 0.16);
    color: #145c4d;
}

.user-status-warning[b-y2u5szfzbk] {
    border: 1px solid rgba(255, 176, 0, 0.34);
    background: rgba(255, 176, 0, 0.14);
    color: #7a4b00;
}

.user-status-danger[b-y2u5szfzbk] {
    border: 1px solid rgba(255, 59, 127, 0.32);
    background: rgba(255, 59, 127, 0.13);
    color: #991b4f;
}

.user-role-badge[b-y2u5szfzbk] {
    min-height: 1.75rem;
    padding: 0.32rem 0.68rem;
    font-size: 0.68rem;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.user-role-admin[b-y2u5szfzbk] {
    border: 1px solid rgba(255, 46, 166, 0.34);
    background: rgba(255, 46, 166, 0.16);
    color: #991b4f;
}

.user-role-staff[b-y2u5szfzbk] {
    border: 1px solid rgba(32, 214, 199, 0.34);
    background: rgba(32, 214, 199, 0.16);
    color: #145c4d;
}

.user-role-user[b-y2u5szfzbk] {
    border: 1px solid rgba(22, 19, 31, 0.14);
    background: rgba(22, 19, 31, 0.06);
    color: var(--color-text-dark);
}

.user-role-empty[b-y2u5szfzbk] {
    border: 1px solid rgba(255, 176, 0, 0.34);
    background: rgba(255, 176, 0, 0.14);
    color: #7a4b00;
}

/* Action buttons */

.admin-user-action-stack[b-y2u5szfzbk] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0.35rem;
    min-width: 0;
}

.admin-user-delete-confirm-stack[b-y2u5szfzbk] {
    justify-content: flex-start;
}

.admin-user-delete-confirm-text[b-y2u5szfzbk] {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0 0.45rem;
    color: #991b4f;
    font-size: 0.72rem;
    font-weight: 950;
    white-space: nowrap;
}

.admin-users-grid-wrapper[b-y2u5szfzbk]  .rz-button {
    min-height: 2rem !important;
    padding: 0.42rem 0.62rem !important;
    border: 0 !important;
    border-radius: var(--radius-pill) !important;
    font-size: 0.66rem !important;
    font-weight: 950 !important;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    box-shadow: none !important;
    white-space: nowrap;
}

    .admin-users-grid-wrapper[b-y2u5szfzbk]  .rz-button .rz-button-text {
        line-height: 1;
    }

    .admin-users-grid-wrapper[b-y2u5szfzbk]  .rz-button .rzi {
        margin-right: 0.22rem !important;
        font-size: 0.86rem !important;
    }

.admin-users-grid-wrapper[b-y2u5szfzbk]  .admin-user-icon-button {
    width: 2rem !important;
    min-width: 2rem !important;
    max-width: 2rem !important;
    height: 2rem !important;
    min-height: 2rem !important;
    padding: 0 !important;
}

    .admin-users-grid-wrapper[b-y2u5szfzbk]  .admin-user-icon-button .rz-button-text {
        display: none !important;
    }

    .admin-users-grid-wrapper[b-y2u5szfzbk]  .admin-user-icon-button .rzi {
        margin: 0 !important;
        font-size: 0.95rem !important;
    }

/* Button color variants */

.admin-users-grid-wrapper[b-y2u5szfzbk]  .admin-user-confirm-button,
.admin-users-grid-wrapper[b-y2u5szfzbk]  .admin-user-confirm-button.rz-button,
.admin-users-grid-wrapper[b-y2u5szfzbk]  .admin-user-confirm-button.rz-light,
.admin-users-grid-wrapper[b-y2u5szfzbk]  .admin-user-confirm-button.rz-button-light,
.admin-users-grid-wrapper[b-y2u5szfzbk]  .admin-user-confirm-button:hover,
.admin-users-grid-wrapper[b-y2u5szfzbk]  .admin-user-confirm-button:focus,
.admin-users-grid-wrapper[b-y2u5szfzbk]  .admin-user-confirm-button.rz-state-hover {
    border: 1px solid rgba(32, 214, 199, 0.34) !important;
    background: rgba(32, 214, 199, 0.16) !important;
    color: var(--color-night) !important;
}

    .admin-users-grid-wrapper[b-y2u5szfzbk]  .admin-user-confirm-button:hover {
        background: var(--color-turquoise) !important;
        transform: translateY(-1px);
    }

.admin-users-grid-wrapper[b-y2u5szfzbk]  .admin-user-warning-button,
.admin-users-grid-wrapper[b-y2u5szfzbk]  .admin-user-warning-button.rz-button,
.admin-users-grid-wrapper[b-y2u5szfzbk]  .admin-user-warning-button.rz-light,
.admin-users-grid-wrapper[b-y2u5szfzbk]  .admin-user-warning-button.rz-button-light,
.admin-users-grid-wrapper[b-y2u5szfzbk]  .admin-user-warning-button:hover,
.admin-users-grid-wrapper[b-y2u5szfzbk]  .admin-user-warning-button:focus,
.admin-users-grid-wrapper[b-y2u5szfzbk]  .admin-user-warning-button.rz-state-hover {
    border: 1px solid rgba(255, 176, 0, 0.34) !important;
    background: rgba(255, 176, 0, 0.14) !important;
    color: var(--color-night) !important;
}

    .admin-users-grid-wrapper[b-y2u5szfzbk]  .admin-user-warning-button:hover {
        background: var(--color-amber) !important;
        transform: translateY(-1px);
    }

.admin-users-grid-wrapper[b-y2u5szfzbk]  .admin-user-danger-button,
.admin-users-grid-wrapper[b-y2u5szfzbk]  .admin-user-danger-button.rz-button,
.admin-users-grid-wrapper[b-y2u5szfzbk]  .admin-user-danger-button.rz-light,
.admin-users-grid-wrapper[b-y2u5szfzbk]  .admin-user-danger-button.rz-button-light,
.admin-users-grid-wrapper[b-y2u5szfzbk]  .admin-user-danger-button:hover,
.admin-users-grid-wrapper[b-y2u5szfzbk]  .admin-user-danger-button:focus,
.admin-users-grid-wrapper[b-y2u5szfzbk]  .admin-user-danger-button.rz-state-hover {
    border: 1px solid rgba(255, 59, 127, 0.34) !important;
    background: rgba(255, 59, 127, 0.13) !important;
    color: #991b4f !important;
}

    .admin-users-grid-wrapper[b-y2u5szfzbk]  .admin-user-danger-button:hover {
        background: #ff3b7f !important;
        color: white !important;
        transform: translateY(-1px);
    }

        .admin-users-grid-wrapper[b-y2u5szfzbk]  .admin-user-danger-button:hover .rzi,
        .admin-users-grid-wrapper[b-y2u5szfzbk]  .admin-user-danger-button:hover .rz-button-text {
            color: white !important;
        }

.admin-users-grid-wrapper[b-y2u5szfzbk]  .admin-user-neutral-button,
.admin-users-grid-wrapper[b-y2u5szfzbk]  .admin-user-neutral-button.rz-button,
.admin-users-grid-wrapper[b-y2u5szfzbk]  .admin-user-neutral-button.rz-light,
.admin-users-grid-wrapper[b-y2u5szfzbk]  .admin-user-neutral-button.rz-button-light,
.admin-users-grid-wrapper[b-y2u5szfzbk]  .admin-user-neutral-button:hover,
.admin-users-grid-wrapper[b-y2u5szfzbk]  .admin-user-neutral-button:focus,
.admin-users-grid-wrapper[b-y2u5szfzbk]  .admin-user-neutral-button.rz-state-hover {
    border: 1px solid rgba(22, 19, 31, 0.14) !important;
    background: rgba(255, 255, 255, 0.92) !important;
    color: var(--color-night) !important;
}

    .admin-users-grid-wrapper[b-y2u5szfzbk]  .admin-user-neutral-button:hover {
        background: var(--color-night) !important;
        color: white !important;
        transform: translateY(-1px);
    }

        .admin-users-grid-wrapper[b-y2u5szfzbk]  .admin-user-neutral-button:hover .rzi,
        .admin-users-grid-wrapper[b-y2u5szfzbk]  .admin-user-neutral-button:hover .rz-button-text {
            color: white !important;
        }

/* Disabled */

.admin-users-grid-wrapper[b-y2u5szfzbk]  .rz-button:disabled,
.admin-users-grid-wrapper[b-y2u5szfzbk]  .rz-button.rz-state-disabled {
    opacity: 0.45 !important;
    cursor: not-allowed !important;
    transform: none !important;
}

/* Pager */

.admin-users-grid-wrapper[b-y2u5szfzbk]  .rz-paginator {
    border-top: 1px solid rgba(22, 19, 31, 0.08) !important;
    background: rgba(255, 247, 251, 0.9) !important;
}

.admin-users-grid-wrapper[b-y2u5szfzbk]  .rz-paginator-element {
    border-radius: var(--radius-pill) !important;
}

.admin-users-grid-wrapper[b-y2u5szfzbk]  .rz-state-active {
    background: var(--color-neon-pink) !important;
    color: var(--color-night) !important;
}

/* Responsive */

@media (max-width: 1250px) {
    .admin-users-grid-wrapper[b-y2u5szfzbk] {
        overflow-x: auto;
    }

        .admin-users-grid-wrapper[b-y2u5szfzbk]  .admin-users-grid {
            min-width: 1260px !important;
        }

        .admin-users-grid-wrapper[b-y2u5szfzbk]  .rz-data-grid-data,
        .admin-users-grid-wrapper[b-y2u5szfzbk]  .rz-datatable-scrollable-body {
            overflow-x: auto !important;
        }
}

@media (max-width: 768px) {
    .admin-section-header[b-y2u5szfzbk] {
        align-items: flex-start;
        flex-direction: column;
        width: min(100% - 2rem, 1420px);
    }

    .admin-users-grid-wrapper[b-y2u5szfzbk] {
        width: min(100% - 2rem, 1420px);
        padding: 0.75rem;
        border-radius: 1.25rem;
    }
}
/* /Components/Pages/VenueBookingsAdmin.razor.rz.scp.css */
.availability-admin-layout[b-m1miisma9r] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(300px, 0.6fr);
    gap: 1.5rem;
    width: min(1420px, calc(100% - 2rem));
    margin: 2rem auto 2.75rem auto;
}

.availability-form-card[b-m1miisma9r],
.availability-info-card[b-m1miisma9r],
.availability-empty-card[b-m1miisma9r] {
    border: 1px solid rgba(255, 46, 166, 0.12);
    border-radius: var(--radius-card);
    background: radial-gradient(circle at 92% 6%, rgba(41, 244, 255, 0.12), transparent 15rem), rgba(255, 255, 255, 0.97);
    box-shadow: var(--shadow-soft);
}

.availability-form-card[b-m1miisma9r] {
    padding: clamp(1.25rem, 2.5vw, 2rem);
}

.availability-info-card[b-m1miisma9r] {
    align-self: start;
    padding: clamp(1.25rem, 2.5vw, 1.75rem);
}

.availability-form-header[b-m1miisma9r] {
    margin-bottom: 1.5rem;
}

.availability-eyebrow[b-m1miisma9r] {
    margin: 0 0 0.45rem 0;
    color: var(--color-neon-pink);
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.availability-form-header h2[b-m1miisma9r],
.availability-info-card h3[b-m1miisma9r],
.availability-list-header h2[b-m1miisma9r],
.availability-empty-card h3[b-m1miisma9r] {
    margin: 0;
    color: var(--color-text-dark);
    font-weight: 950;
    letter-spacing: -0.055em;
    text-transform: uppercase;
}

.availability-form-header h2[b-m1miisma9r] {
    font-size: clamp(2rem, 3vw, 3rem);
    line-height: 0.95;
}

.availability-info-card h3[b-m1miisma9r] {
    font-size: clamp(1.65rem, 2.3vw, 2.3rem);
    line-height: 0.95;
}

.availability-form-header p[b-m1miisma9r],
.availability-info-card p[b-m1miisma9r],
.availability-empty-card p[b-m1miisma9r] {
    color: var(--color-text-muted);
    line-height: 1.65;
}

.availability-editing-banner[b-m1miisma9r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
    padding: 1rem;
    border: 1px solid rgba(255, 46, 166, 0.18);
    border-radius: 1.15rem;
    background: linear-gradient(135deg, rgba(255, 46, 166, 0.08), rgba(41, 244, 255, 0.1));
}

    .availability-editing-banner strong[b-m1miisma9r] {
        display: block;
        color: var(--color-text-dark);
        font-size: 1rem;
        font-weight: 950;
        text-transform: uppercase;
    }

    .availability-editing-banner span[b-m1miisma9r] {
        display: block;
        margin-top: 0.25rem;
        color: var(--color-text-muted);
        font-size: 0.9rem;
        font-weight: 800;
    }

.availability-form-grid[b-m1miisma9r] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.availability-field[b-m1miisma9r] {
    display: grid;
    gap: 0.45rem;
}

.availability-field-full[b-m1miisma9r] {
    grid-column: 1 / -1;
}

.availability-field label[b-m1miisma9r] {
    color: rgba(22, 19, 31, 0.72);
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.availability-validator[b-m1miisma9r] {
    color: #b91c1c;
    font-size: 0.8rem;
    font-weight: 850;
}

/* Form input normalization */
.availability-form-card[b-m1miisma9r]  input,
.availability-form-card[b-m1miisma9r]  textarea,
.availability-form-card[b-m1miisma9r]  .rz-inputtext,
.availability-form-card[b-m1miisma9r]  .rz-datepicker,
.availability-form-card[b-m1miisma9r]  .rz-picker,
.availability-form-card[b-m1miisma9r]  .rz-textarea {
    min-height: 3.05rem;
    border: 1px solid rgba(41, 244, 255, 0.85) !important;
    border-radius: 0.95rem !important;
    background-color: rgba(255, 255, 255, 0.92) !important;
    color: var(--color-text-dark) !important;
    box-shadow: none !important;
    outline: none !important;
    font-weight: 750;
}

/* Radzen dropdown normalization */
.availability-form-card[b-m1miisma9r]  .rz-dropdown {
    display: flex !important;
    align-items: stretch !important;
    width: 100% !important;
    min-height: 3.05rem !important;
    height: 3.05rem !important;
    padding: 0 !important;
    border: 1px solid rgba(41, 244, 255, 0.85) !important;
    border-radius: 0.95rem !important;
    background: rgba(255, 255, 255, 0.92) !important;
    overflow: hidden !important;
    box-shadow: none !important;
    outline: none !important;
}

.availability-form-card[b-m1miisma9r]  .rz-dropdown-label {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 0.9rem 0 1rem !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--color-text-dark) !important;
    font-size: 0.92rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.availability-form-card[b-m1miisma9r]  .rz-dropdown .rz-inputtext {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.availability-form-card[b-m1miisma9r]  .rz-dropdown-trigger {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 2.65rem !important;
    width: 2.65rem !important;
    height: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--color-text-dark) !important;
}

    .availability-form-card[b-m1miisma9r]  .rz-dropdown-trigger .rz-dropdown-trigger-icon {
        margin: 0 !important;
    }

.availability-form-card[b-m1miisma9r]  .rz-textarea,
.availability-form-card[b-m1miisma9r]  textarea {
    min-height: 7rem;
    padding-top: 0.9rem !important;
}

    .availability-form-card[b-m1miisma9r]  input:focus,
    .availability-form-card[b-m1miisma9r]  textarea:focus,
    .availability-form-card[b-m1miisma9r]  .rz-inputtext:focus,
    .availability-form-card[b-m1miisma9r]  .rz-dropdown:focus-within,
    .availability-form-card[b-m1miisma9r]  .rz-datepicker:focus-within,
    .availability-form-card[b-m1miisma9r]  .rz-picker:focus-within,
    .availability-form-card[b-m1miisma9r]  .rz-textarea:focus {
        border-color: var(--color-neon-pink) !important;
        box-shadow: 0 0 0 0.14rem rgba(255, 46, 166, 0.14) !important;
    }

.availability-form-card[b-m1miisma9r]  .rz-datepicker-trigger {
    border-radius: 0.75rem !important;
}

.availability-form-card[b-m1miisma9r]  .rz-state-disabled,
.availability-form-card[b-m1miisma9r]  .rz-state-disabled input {
    opacity: 0.65;
    cursor: not-allowed;
}

.availability-repeat-preview[b-m1miisma9r] {
    display: grid;
    gap: 0.35rem;
    margin-top: 1.2rem;
    padding: 1rem;
    border: 1px solid rgba(255, 46, 166, 0.16);
    border-radius: 1.1rem;
    background: linear-gradient(135deg, rgba(255, 46, 166, 0.08), rgba(41, 244, 255, 0.1));
}

    .availability-repeat-preview strong[b-m1miisma9r] {
        color: var(--color-text-dark);
        font-size: 1rem;
        font-weight: 950;
    }

    .availability-repeat-preview span[b-m1miisma9r] {
        color: var(--color-text-muted);
        font-size: 0.92rem;
        line-height: 1.5;
    }

.availability-form-actions[b-m1miisma9r] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.25rem;
}

.availability-primary-button[b-m1miisma9r],
.availability-secondary-button[b-m1miisma9r],
.availability-cancel-edit-button[b-m1miisma9r],
.availability-edit-button[b-m1miisma9r],
.availability-delete-button[b-m1miisma9r] {
    border-radius: var(--radius-pill) !important;
    font-weight: 950 !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.availability-form-actions[b-m1miisma9r]  .availability-primary-button,
.availability-form-actions[b-m1miisma9r]  .rz-button.availability-primary-button {
    min-width: 16rem !important;
    min-height: 2.85rem !important;
    border: 0 !important;
    border-radius: var(--radius-pill) !important;
    background: var(--color-neon-pink) !important;
    color: var(--color-text-dark) !important;
    box-shadow: 0 0.8rem 1.8rem rgba(255, 46, 166, 0.26) !important;
    font-weight: 950 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
}

    .availability-form-actions[b-m1miisma9r]  .availability-primary-button:hover,
    .availability-form-actions[b-m1miisma9r]  .rz-button.availability-primary-button:hover {
        transform: translateY(-1px);
        filter: brightness(1.03);
    }

.availability-form-actions[b-m1miisma9r]  .availability-secondary-button,
.availability-form-actions[b-m1miisma9r]  .rz-button.availability-secondary-button {
    min-height: 2.85rem !important;
    border: 1px solid rgba(22, 19, 31, 0.12) !important;
    border-radius: var(--radius-pill) !important;
    background: rgba(255, 255, 255, 0.86) !important;
    color: var(--color-text-dark) !important;
    box-shadow: 0 0.55rem 1.2rem rgba(22, 19, 31, 0.08) !important;
    font-weight: 950 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
}

.availability-cancel-edit-button[b-m1miisma9r] {
    min-height: 2.85rem;
    background: rgba(255, 255, 255, 0.78) !important;
    color: var(--color-text-dark) !important;
}

.availability-help-list[b-m1miisma9r] {
    display: grid;
    gap: 1rem;
    margin-top: 1.25rem;
}

    .availability-help-list > div[b-m1miisma9r] {
        padding: 1rem;
        border: 1px solid rgba(22, 19, 31, 0.08);
        border-radius: 1rem;
        background: rgba(255, 255, 255, 0.72);
    }

    .availability-help-list strong[b-m1miisma9r] {
        color: var(--color-text-dark);
        font-size: 0.9rem;
        font-weight: 950;
        text-transform: uppercase;
    }

    .availability-help-list p[b-m1miisma9r] {
        margin: 0.45rem 0 0 0;
        font-size: 0.92rem;
    }

.availability-list-section[b-m1miisma9r] {
    width: min(1420px, calc(100% - 2rem));
    margin: 0 auto 6rem auto;
}

.availability-list-header[b-m1miisma9r] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

    .availability-list-header h2[b-m1miisma9r] {
        color: rgba(255, 0, 255, 0.5) !important;
        font-size: clamp(2rem, 3.2vw, 3.2rem);
        line-height: 0.95;
        text-shadow: 0 0.85rem 2.2rem rgba(255, 46, 166, 0.16);
    }

.availability-counter[b-m1miisma9r] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.25rem;
    padding: 0.6rem 0.95rem;
    border: 1px solid rgba(255, 46, 166, 0.24);
    border-radius: var(--radius-pill);
    background: rgba(255, 46, 166, 0.12);
    color: white;
    font-size: 0.78rem;
    font-weight: 950;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.availability-grid-wrapper[b-m1miisma9r] {
    padding: 0.75rem;
    border: 1px solid rgba(255, 46, 166, 0.12);
    border-radius: var(--radius-card);
    background: radial-gradient(circle at 92% 10%, rgba(41, 244, 255, 0.12), transparent 18rem), rgba(255, 255, 255, 0.97);
    box-shadow: var(--shadow-soft);
    overflow-x: auto;
}

    .availability-grid-wrapper[b-m1miisma9r]  .availability-grid,
    .availability-grid-wrapper[b-m1miisma9r]  .rz-datatable,
    .availability-grid-wrapper[b-m1miisma9r]  .rz-data-grid,
    .availability-grid-wrapper[b-m1miisma9r]  .rz-grid {
        min-width: 1080px;
        border: 0 !important;
        border-radius: 1.25rem;
        background: transparent !important;
        box-shadow: none !important;
        overflow: hidden;
    }

    .availability-grid-wrapper[b-m1miisma9r]  .rz-grid-table {
        width: 100% !important;
        table-layout: fixed !important;
    }

        .availability-grid-wrapper[b-m1miisma9r]  .rz-datatable-thead > tr > th,
        .availability-grid-wrapper[b-m1miisma9r]  .rz-grid-table thead th {
            padding: 0.75rem 0.55rem !important;
            border: 0 !important;
            background: var(--color-night) !important;
            color: white !important;
            font-size: 0.72rem !important;
            font-weight: 950 !important;
            letter-spacing: 0.04em;
            text-transform: uppercase;
            white-space: nowrap;
        }

    .availability-grid-wrapper[b-m1miisma9r]  .rz-column-title,
    .availability-grid-wrapper[b-m1miisma9r]  .rz-sortable-column-icon {
        color: white !important;
    }

    .availability-grid-wrapper[b-m1miisma9r]  .rz-grid-filter-row td {
        padding: 0.45rem 0.4rem !important;
        background: var(--color-night) !important;
    }

    .availability-grid-wrapper[b-m1miisma9r]  .rz-grid-filter-row input,
    .availability-grid-wrapper[b-m1miisma9r]  .rz-grid-filter-row .rz-dropdown,
    .availability-grid-wrapper[b-m1miisma9r]  .rz-grid-filter-row .rz-datepicker,
    .availability-grid-wrapper[b-m1miisma9r]  .rz-grid-filter-row .rz-picker {
        min-height: 2.15rem !important;
        border: 0 !important;
        border-radius: 0.45rem !important;
        background: white !important;
        color: var(--color-text-dark) !important;
        font-size: 0.78rem !important;
        box-shadow: none !important;
    }

    .availability-grid-wrapper[b-m1miisma9r]  .rz-datatable-data td,
    .availability-grid-wrapper[b-m1miisma9r]  .rz-grid-table td {
        padding: 0.75rem 0.55rem !important;
        border-bottom: 1px solid rgba(22, 19, 31, 0.07) !important;
        color: var(--color-text-dark);
        font-size: 0.84rem;
        vertical-align: middle;
        background: rgba(255, 255, 255, 0.88);
    }

.availability-grid-title[b-m1miisma9r] {
    display: block;
    width: 100%;
    overflow: hidden;
    color: var(--color-text-dark);
    font-weight: 950;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.availability-grid-note[b-m1miisma9r] {
    display: block;
    width: 100%;
    overflow: hidden;
    color: var(--color-text-muted);
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.availability-grid-subtext[b-m1miisma9r] {
    display: block;
    margin-top: 0.2rem;
    color: var(--color-text-muted);
    font-size: 0.78rem;
    font-weight: 850;
}

.availability-grid-actions[b-m1miisma9r] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.45rem;
}

.availability-grid-actions-confirm[b-m1miisma9r] {
    justify-content: flex-end;
}

.availability-grid-actions[b-m1miisma9r]  .rz-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 2.1rem !important;
    height: 2.1rem !important;
    min-width: 2.1rem !important;
    min-height: 2.1rem !important;
    padding: 0 !important;
    border-radius: var(--radius-pill) !important;
    box-shadow: none !important;
}

    .availability-grid-actions[b-m1miisma9r]  .availability-edit-icon-button,
    .availability-grid-actions[b-m1miisma9r]  .rz-button.availability-edit-icon-button {
        border: 0 !important;
        background: var(--color-neon-pink) !important;
        color: var(--color-text-dark) !important;
    }

    .availability-grid-actions[b-m1miisma9r]  .availability-delete-icon-button,
    .availability-grid-actions[b-m1miisma9r]  .rz-button.availability-delete-icon-button {
        border: 0 !important;
        background: #ff4d6d !important;
        color: white !important;
    }

    .availability-grid-actions[b-m1miisma9r]  .availability-confirm-delete-button,
    .availability-grid-actions[b-m1miisma9r]  .rz-button.availability-confirm-delete-button {
        border: 0 !important;
        background: var(--color-neon-pink) !important;
        color: white !important;
    }

    .availability-grid-actions[b-m1miisma9r]  .availability-cancel-delete-button,
    .availability-grid-actions[b-m1miisma9r]  .rz-button.availability-cancel-delete-button {
        border: 1px solid rgba(22, 19, 31, 0.14) !important;
        background: white !important;
        color: var(--color-text-dark) !important;
    }

    .availability-grid-actions[b-m1miisma9r]  .rz-button .rz-button-icon-left,
    .availability-grid-actions[b-m1miisma9r]  .rz-button .rz-button-icon {
        margin: 0 !important;
        font-size: 1rem !important;
    }

.availability-empty-card[b-m1miisma9r] {
    padding: clamp(1.25rem, 2.5vw, 2rem);
}

    .availability-empty-card h3[b-m1miisma9r] {
        font-size: clamp(1.8rem, 3vw, 2.8rem);
        line-height: 0.95;
    }

@media (max-width: 980px) {
    .availability-admin-layout[b-m1miisma9r] {
        grid-template-columns: 1fr;
    }

    .availability-form-grid[b-m1miisma9r] {
        grid-template-columns: 1fr;
    }

    .availability-list-header[b-m1miisma9r],
    .availability-editing-banner[b-m1miisma9r] {
        align-items: flex-start;
        flex-direction: column;
    }

    .availability-form-actions[b-m1miisma9r]  .availability-primary-button,
    .availability-form-actions[b-m1miisma9r]  .rz-button.availability-primary-button,
    .availability-form-actions[b-m1miisma9r]  .availability-secondary-button,
    .availability-form-actions[b-m1miisma9r]  .rz-button.availability-secondary-button,
    .availability-cancel-edit-button[b-m1miisma9r] {
        width: 100%;
    }
}
/* /Components/Shared/AdminMessage.razor.rz.scp.css */
.admin-message[b-e3sk3ji6d9] {
    width: min(1400px, calc(100% - 4rem));
    margin: 0 auto 1rem auto;
    padding: 1rem 1.15rem;
    border-radius: 1rem;
    font-size: 0.95rem;
    font-weight: 850;
    line-height: 1.5;
    box-shadow: 0 14px 40px rgba(9, 8, 22, 0.08);
}

.admin-message-success[b-e3sk3ji6d9] {
    border: 1px solid rgba(32, 214, 199, 0.28);
    background: radial-gradient(circle at 4% 4%, rgba(32, 214, 199, 0.18), transparent 10rem), #ecfdf5;
    color: #145c4d;
}

.admin-message-error[b-e3sk3ji6d9] {
    border: 1px solid rgba(255, 46, 166, 0.24);
    background: radial-gradient(circle at 4% 4%, rgba(255, 46, 166, 0.14), transparent 10rem), #fff1f7;
    color: #991b4f;
}

@media (max-width: 768px) {
    .admin-message[b-e3sk3ji6d9] {
        width: min(100% - 2rem, 1400px);
    }
}
/* /Components/Shared/AdminPageHeader.razor.rz.scp.css */
.admin-page-header[b-hfaa4q9e6h] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.25rem;
    width: min(1400px, calc(100% - 4rem));
    margin: 6.5rem auto 1.5rem auto;
    padding: 2rem;
    border: 1px solid rgba(255, 46, 166, 0.14);
    border-radius: var(--radius-card);
    background: radial-gradient(circle at 8% 10%, rgba(255, 46, 166, 0.12), transparent 18rem), radial-gradient(circle at 96% 12%, rgba(41, 244, 255, 0.1), transparent 16rem), rgba(255, 255, 255, 0.98);
    box-shadow: var(--shadow-soft);
}

    .admin-page-header h1[b-hfaa4q9e6h] {
        margin: 0 0 0.45rem 0;
        color: var(--color-text-dark);
        font-size: clamp(2rem, 4vw, 4.2rem);
        line-height: 0.92;
        font-weight: 950;
        letter-spacing: -0.06em;
        text-transform: uppercase;
    }

    .admin-page-header p[b-hfaa4q9e6h] {
        max-width: 720px;
        margin: 0;
        color: var(--color-text-muted);
        font-size: 1rem;
        line-height: 1.65;
    }

.admin-page-counter[b-hfaa4q9e6h] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.55rem;
    padding: 0.75rem 1.1rem;
    border: 1px solid rgba(255, 46, 166, 0.24);
    border-radius: var(--radius-pill);
    background: rgba(255, 46, 166, 0.12);
    color: var(--color-night);
    font-size: 0.85rem;
    font-weight: 950;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .admin-page-header[b-hfaa4q9e6h] {
        align-items: flex-start;
        flex-direction: column;
        width: min(100% - 2rem, 1400px);
        margin-top: 6.25rem;
        padding: 1.5rem;
        border-radius: 1.25rem;
    }

    .admin-page-counter[b-hfaa4q9e6h] {
        align-self: flex-start;
    }
}
/* /Components/Shared/BookingRequestStatusBadge.razor.rz.scp.css */
.status-badge[b-5g78h6bvzn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 4.4rem;
    max-width: 100%;
    padding: 0.28rem 0.55rem;
    border-radius: var(--radius-pill);
    font-size: 0.72rem;
    font-weight: 950;
    line-height: 1;
    letter-spacing: 0.01em;
    text-align: center;
    white-space: nowrap;
}

.status-new[b-5g78h6bvzn] {
    border: 1px solid rgba(99, 102, 241, 0.18);
    background: #eef2ff;
    color: #3730a3;
}

.status-contacted[b-5g78h6bvzn] {
    border: 1px solid rgba(8, 145, 178, 0.18);
    background: #ecfeff;
    color: #155e75;
}

.status-confirmed[b-5g78h6bvzn] {
    border: 1px solid rgba(22, 101, 52, 0.18);
    background: #ecfdf5;
    color: #166534;
}

.status-rejected[b-5g78h6bvzn] {
    border: 1px solid rgba(153, 27, 27, 0.18);
    background: #fef2f2;
    color: #991b1b;
}

.status-archived[b-5g78h6bvzn] {
    border: 1px solid rgba(55, 65, 81, 0.14);
    background: #f3f4f6;
    color: #374151;
}
/* /Components/Shared/GalleryCard.razor.rz.scp.css */
.gallery-card[b-33ppnj6wy1] {
    overflow: hidden;
    border-radius: 1.5rem;
    background: white;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.1);
}

.gallery-image[b-33ppnj6wy1] {
    display: block;
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.gallery-placeholder[b-33ppnj6wy1] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 180px;
    background: linear-gradient(135deg, #e5e7eb, #f9fafb);
    color: #374151;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.gallery-card h3[b-33ppnj6wy1] {
    margin: 1.25rem 1.25rem 0.5rem 1.25rem;
    font-size: 1.25rem;
}

.gallery-card p[b-33ppnj6wy1] {
    margin: 0 1.25rem 1.5rem 1.25rem;
    color: #666;
    line-height: 1.6;
}
/* /Components/Shared/GallerySectionCarousel.razor.rz.scp.css */
.gallery-carousel[b-d7w7lkqqxd] {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 980px) auto;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
    width: 100%;
    margin-top: 2.5rem;
}

.gallery-carousel-single[b-d7w7lkqqxd] {
    grid-template-columns: minmax(0, 980px);
}

.gallery-carousel-stage[b-d7w7lkqqxd] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(100%, 980px);
    height: clamp(360px, 48vw, 560px);
    overflow: hidden;
    border: 1px solid rgba(255, 46, 166, 0.12);
    border-radius: 2rem;
    background: radial-gradient(circle at 20% 20%, rgba(255, 46, 166, 0.2), transparent 24rem), radial-gradient(circle at 80% 76%, rgba(41, 244, 255, 0.16), transparent 22rem), rgba(9, 8, 22, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), 0 28px 90px rgba(9, 8, 22, 0.16);
    touch-action: pan-y;
}

.gallery-carousel-slide[b-d7w7lkqqxd] {
    position: absolute;
    width: min(760px, 82%);
    height: calc(100% - 3.5rem);
    padding: 0;
    border: 0;
    border-radius: 1.75rem;
    overflow: hidden;
    background: var(--color-night);
    box-shadow: 0 28px 90px rgba(9, 8, 22, 0.28), 0 0 0 1px rgba(255, 255, 255, 0.16);
    cursor: pointer;
    transition: transform 0.42s ease, opacity 0.42s ease, filter 0.42s ease, box-shadow 0.42s ease;
}

    .gallery-carousel-slide img[b-d7w7lkqqxd] {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.gallery-carousel-slide-active[b-d7w7lkqqxd] {
    z-index: 4;
    opacity: 1;
    filter: blur(0) saturate(1);
    transform: translateX(0) scale(1);
    box-shadow: 0 34px 100px rgba(9, 8, 22, 0.34), 0 0 0 1px rgba(255, 255, 255, 0.22), 0 0 42px rgba(255, 46, 166, 0.22);
}

.gallery-carousel-slide-previous[b-d7w7lkqqxd] {
    z-index: 3;
    opacity: 0.38;
    filter: blur(0.5px) saturate(0.78);
    transform: translateX(-27%) scale(0.88) rotate(-1.5deg);
}

.gallery-carousel-slide-next[b-d7w7lkqqxd] {
    z-index: 3;
    opacity: 0.38;
    filter: blur(0.5px) saturate(0.78);
    transform: translateX(27%) scale(0.88) rotate(1.5deg);
}

.gallery-carousel-slide-hidden[b-d7w7lkqqxd] {
    z-index: 1;
    opacity: 0;
    pointer-events: none;
    filter: blur(2px);
    transform: translateX(0) scale(0.72);
}

/* Caption */

.gallery-carousel-caption[b-d7w7lkqqxd] {
    position: absolute;
    left: 50%;
    bottom: 1rem;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: min(720px, calc(100% - 3rem));
    padding: 0.75rem 0.85rem;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 1.2rem;
    background: rgba(255, 247, 251, 0.92);
    color: var(--color-text-dark);
    box-shadow: 0 18px 45px rgba(9, 8, 22, 0.2);
    backdrop-filter: blur(16px);
    transform: translateX(-50%);
}

.gallery-carousel-caption-compact[b-d7w7lkqqxd] {
    width: auto;
    min-width: 12rem;
}

.gallery-carousel-caption div[b-d7w7lkqqxd] {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.gallery-carousel-caption span[b-d7w7lkqqxd] {
    color: var(--color-neon-pink);
    font-size: 0.66rem;
    font-weight: 950;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.gallery-carousel-caption strong[b-d7w7lkqqxd] {
    color: var(--color-text-dark);
    font-size: 0.9rem;
    font-weight: 950;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gallery-carousel-counter[b-d7w7lkqqxd] {
    flex: 0 0 auto;
    margin: 0;
    padding: 0.42rem 0.75rem;
    border: 1px solid rgba(32, 214, 199, 0.24);
    border-radius: var(--radius-pill);
    background: rgba(32, 214, 199, 0.12);
    color: #075c55;
    font-size: 0.76rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    white-space: nowrap;
}

/* Buttons */

.gallery-carousel-button[b-d7w7lkqqxd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.15rem;
    height: 3.15rem;
    border: 0;
    border-radius: var(--radius-pill);
    background: var(--color-night);
    color: white;
    font-size: 2.1rem;
    line-height: 1;
    box-shadow: 0 18px 45px rgba(9, 8, 22, 0.22), 0 0 0 1px rgba(255, 255, 255, 0.12);
    cursor: pointer;
    transition: transform 0.15s ease, background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

    .gallery-carousel-button:hover[b-d7w7lkqqxd] {
        background: var(--color-neon-pink);
        color: var(--color-night);
        box-shadow: 0 20px 55px rgba(9, 8, 22, 0.24), 0 0 34px rgba(255, 46, 166, 0.34);
        transform: translateY(-1px);
    }

    .gallery-carousel-button:active[b-d7w7lkqqxd] {
        background: var(--color-hot-pink);
        color: var(--color-night);
        transform: translateY(0) scale(0.96);
    }

    .gallery-carousel-button:focus[b-d7w7lkqqxd] {
        background: var(--color-night);
        color: white;
        box-shadow: 0 18px 45px rgba(9, 8, 22, 0.22), 0 0 0 1px rgba(255, 255, 255, 0.12);
        outline: none;
    }

    .gallery-carousel-button:focus-visible[b-d7w7lkqqxd] {
        background: var(--color-night);
        color: white;
        outline: 3px solid rgba(255, 46, 166, 0.42);
        outline-offset: 4px;
    }

.gallery-carousel-slide:focus[b-d7w7lkqqxd] {
    outline: none;
}

.gallery-carousel-slide:focus-visible[b-d7w7lkqqxd] {
    outline: 3px solid rgba(255, 46, 166, 0.42);
    outline-offset: 4px;
}

/* Empty */

.gallery-carousel-empty[b-d7w7lkqqxd] {
    margin-top: 1.5rem;
    padding: 1.5rem;
    border: 1px solid rgba(255, 46, 166, 0.12);
    border-radius: 1.25rem;
    background: var(--color-surface);
    color: var(--color-text-muted);
    box-shadow: var(--shadow-soft);
}

    .gallery-carousel-empty p[b-d7w7lkqqxd] {
        margin: 0;
        line-height: 1.7;
    }

/* Responsive */

@media (max-width: 1100px) {
    .gallery-carousel[b-d7w7lkqqxd] {
        grid-template-columns: 1fr;
    }

    .gallery-carousel-stage[b-d7w7lkqqxd] {
        order: 1;
        height: clamp(340px, 62vw, 520px);
    }

    .gallery-carousel-slide[b-d7w7lkqqxd] {
        width: min(92vw, 700px);
        height: calc(100% - 3.25rem);
    }

    .gallery-carousel-button[b-d7w7lkqqxd] {
        justify-self: center;
    }

    .gallery-carousel-button-left[b-d7w7lkqqxd] {
        order: 2;
    }

    .gallery-carousel-button-right[b-d7w7lkqqxd] {
        order: 3;
    }
}

@media (max-width: 640px) {
    .gallery-carousel[b-d7w7lkqqxd] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            "stage stage"
            "prev next";
        column-gap: 0.85rem;
        row-gap: 1rem;
        margin-top: 1.75rem;
    }

    .gallery-carousel-single[b-d7w7lkqqxd] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "stage";
    }

    .gallery-carousel-stage[b-d7w7lkqqxd] {
        grid-area: stage;
        width: 100%;
        height: clamp(300px, 82vw, 380px);
        border-radius: 1.25rem;
    }

    .gallery-carousel-slide[b-d7w7lkqqxd] {
        width: calc(100% - 2rem);
        height: calc(100% - 2.6rem);
        border-radius: 1.15rem;
    }

        .gallery-carousel-slide img[b-d7w7lkqqxd] {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .gallery-carousel-slide-previous[b-d7w7lkqqxd],
    .gallery-carousel-slide-next[b-d7w7lkqqxd] {
        opacity: 0;
        pointer-events: none;
        transform: translateX(0) scale(0.85);
    }

    .gallery-carousel-button-left[b-d7w7lkqqxd] {
        grid-area: prev;
        order: initial;
        justify-self: end;
    }

    .gallery-carousel-button-right[b-d7w7lkqqxd] {
        grid-area: next;
        order: initial;
        justify-self: start;
    }

    .gallery-carousel-button[b-d7w7lkqqxd] {
        width: 3.05rem;
        height: 3.05rem;
        font-size: 2rem;
    }

    .gallery-carousel-caption[b-d7w7lkqqxd] {
        bottom: 0.65rem;
        width: calc(100% - 1.5rem);
        padding: 0.62rem 0.7rem;
        border-radius: 1rem;
    }

    .gallery-carousel-caption-compact[b-d7w7lkqqxd] {
        width: auto;
        min-width: 10.5rem;
    }

    .gallery-carousel-caption strong[b-d7w7lkqqxd] {
        font-size: 0.82rem;
    }

    .gallery-carousel-counter[b-d7w7lkqqxd] {
        padding: 0.35rem 0.62rem;
        font-size: 0.72rem;
    }
}
/* /Components/Shared/PublicAvailabilityCalendar.razor.rz.scp.css */
.availability-calendar-card[b-3lejy7dpsd] {
    padding: 2.25rem;
    border: 1px solid rgba(255, 46, 166, 0.12);
    border-radius: var(--radius-card);
    background: radial-gradient(circle at 92% 4%, rgba(41, 244, 255, 0.08), transparent 16rem), radial-gradient(circle at 0% 4%, rgba(255, 46, 166, 0.06), transparent 16rem), linear-gradient(180deg, rgba(255, 255, 255, 0.985), rgba(255, 247, 251, 0.985));
    box-shadow: var(--shadow-soft);
}

.availability-calendar-header[b-3lejy7dpsd] {
    margin-bottom: 1.35rem;
}

.availability-calendar-header-copy[b-3lejy7dpsd] {
    min-width: 0;
}

.availability-calendar-eyebrow[b-3lejy7dpsd] {
    margin: 0 0 0.65rem 0;
    color: var(--color-neon-pink);
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.availability-calendar-header h2[b-3lejy7dpsd] {
    margin: 0 0 0.7rem 0;
    color: var(--color-text-dark);
    font-size: clamp(1.9rem, 3vw, 3rem);
    line-height: 0.95;
    font-weight: 950;
    letter-spacing: -0.055em;
    text-transform: uppercase;
}

.availability-calendar-header p[b-3lejy7dpsd] {
    max-width: 760px;
    margin: 0;
    color: var(--color-text-muted);
    line-height: 1.7;
}

.availability-calendar-state[b-3lejy7dpsd] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 10rem;
    padding: 1.25rem;
    border: 1px solid rgba(22, 19, 31, 0.08);
    border-radius: 1.35rem;
    background: rgba(255, 255, 255, 0.92);
    color: var(--color-text-dark);
    font-size: 0.98rem;
    font-weight: 850;
    text-align: center;
}

.availability-calendar-state-error[b-3lejy7dpsd] {
    color: #991b4f;
    background: #fff1f7;
    border-color: rgba(255, 46, 166, 0.18);
}

.availability-calendar-shell[b-3lejy7dpsd] {
    overflow: hidden;
    border: 1px solid rgba(255, 46, 166, 0.12);
    border-radius: 1.5rem;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

/* Scheduler */

.availability-calendar-card[b-3lejy7dpsd]  .rz-scheduler {
    border: 0 !important;
    background: transparent !important;
    color: var(--color-text-dark);
    font-variant-numeric: tabular-nums;
}

/* Toolbar */

.availability-calendar-card[b-3lejy7dpsd]  .rz-scheduler-toolbar {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.95rem 1rem;
    border-bottom: 1px solid rgba(22, 19, 31, 0.08);
    background: radial-gradient(circle at 92% 8%, rgba(41, 244, 255, 0.08), transparent 10rem), rgba(255, 247, 251, 0.84);
}

    .availability-calendar-card[b-3lejy7dpsd]  .rz-scheduler-toolbar .rz-button {
        border: 1px solid rgba(22, 19, 31, 0.08) !important;
        border-radius: var(--radius-pill) !important;
        background: rgba(255, 255, 255, 0.96) !important;
        color: var(--color-text-dark) !important;
        box-shadow: none !important;
    }

        .availability-calendar-card[b-3lejy7dpsd]  .rz-scheduler-toolbar .rz-button:hover {
            background: rgba(255, 255, 255, 1) !important;
        }

        .availability-calendar-card[b-3lejy7dpsd]  .rz-scheduler-toolbar .rz-button.rz-state-active,
        .availability-calendar-card[b-3lejy7dpsd]  .rz-scheduler-toolbar .rz-button.rz-primary {
            background: rgba(124, 58, 237, 0.12) !important;
            color: #4c1d95 !important;
            border-color: rgba(124, 58, 237, 0.18) !important;
        }

    .availability-calendar-card[b-3lejy7dpsd]  .rz-scheduler-toolbar .rz-scheduler-title {
        color: var(--color-text-dark) !important;
        font-weight: 950 !important;
        letter-spacing: -0.02em;
    }

/* Table / headers */

.availability-calendar-card[b-3lejy7dpsd]  .rz-scheduler-table th,
.availability-calendar-card[b-3lejy7dpsd]  .rz-scheduler-table td {
    border-color: rgba(22, 19, 31, 0.08) !important;
}

.availability-calendar-card[b-3lejy7dpsd]  .rz-view-header,
.availability-calendar-card[b-3lejy7dpsd]  .rz-slot-header,
.availability-calendar-card[b-3lejy7dpsd]  .rz-day-header {
    background: rgba(255, 255, 255, 0.92) !important;
    color: var(--color-text-dark) !important;
    font-weight: 900 !important;
}

.availability-calendar-card[b-3lejy7dpsd]  .rz-slot-title {
    color: rgba(22, 19, 31, 0.68) !important;
    font-weight: 850 !important;
    font-size: 0.82rem !important;
}

.availability-calendar-card[b-3lejy7dpsd]  .rz-hour-slot,
.availability-calendar-card[b-3lejy7dpsd]  .rz-slot-minor {
    background: rgba(255, 255, 255, 0.9) !important;
}

/* Events */

.availability-calendar-card[b-3lejy7dpsd]  .rz-event {
    border: 0 !important;
    border-radius: 0.95rem !important;
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.94), rgba(124, 58, 237, 0.92)) !important;
    color: white !important;
    box-shadow: 0 10px 26px rgba(59, 130, 246, 0.18) !important;
}

.availability-calendar-card[b-3lejy7dpsd]  .rz-event-content {
    padding: 0.28rem 0.48rem !important;
    color: white !important;
    font-size: 0.78rem !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
}

/* Responsive */

@media (max-width: 640px) {
    .availability-calendar-card[b-3lejy7dpsd] {
        padding: 1.55rem;
        border-radius: 1.35rem;
    }

    .availability-calendar-header h2[b-3lejy7dpsd] {
        font-size: clamp(1.85rem, 8.8vw, 2.35rem);
        line-height: 0.97;
    }

    .availability-calendar-header p[b-3lejy7dpsd] {
        font-size: 0.95rem;
        line-height: 1.65;
    }

    .availability-calendar-card[b-3lejy7dpsd]  .rz-scheduler {
        font-size: 0.9rem;
    }

    .availability-calendar-card[b-3lejy7dpsd]  .rz-scheduler-toolbar {
        padding: 0.8rem;
    }
}
/* /Components/Shared/VenueBookingStatusBadge.razor.rz.scp.css */
.venue-booking-status-badge[b-q8jgte66lh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 5.4rem;
    max-width: 100%;
    padding: 0.32rem 0.65rem;
    border-radius: var(--radius-pill);
    font-size: 0.72rem;
    font-weight: 950;
    line-height: 1;
    letter-spacing: 0.01em;
    text-align: center;
    white-space: nowrap;
}

.venue-booking-status-inquiry[b-q8jgte66lh] {
    border: 1px solid rgba(202, 138, 4, 0.24);
    background: #fef9c3;
    color: #854d0e;
}

.venue-booking-status-option[b-q8jgte66lh] {
    border: 1px solid rgba(234, 88, 12, 0.22);
    background: #ffedd5;
    color: #9a3412;
}

.venue-booking-status-confirmed[b-q8jgte66lh] {
    border: 1px solid rgba(220, 38, 38, 0.22);
    background: #fee2e2;
    color: #991b1b;
}

.venue-booking-status-blocked[b-q8jgte66lh] {
    border: 1px solid rgba(31, 41, 55, 0.2);
    background: #111827;
    color: #ffffff;
}

.venue-booking-status-cancelled[b-q8jgte66lh] {
    border: 1px solid rgba(107, 114, 128, 0.18);
    background: #f3f4f6;
    color: #4b5563;
}