/* /Components/Account/Pages/Login.razor.rz.scp.css */
.neutral-login-card[b-j4ce43snrz] {
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 8px;
    padding: 28px;
    background: rgba(15, 23, 42, 0.86);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.36);
    backdrop-filter: blur(12px);
}

.neutral-login-header[b-j4ce43snrz] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 24px;
}

.neutral-login-header h1[b-j4ce43snrz] {
    margin: 0;
    color: #f8fafc;
    font-size: 1.55rem;
    font-weight: 800;
    letter-spacing: 0;
}

.neutral-login-header p[b-j4ce43snrz] {
    margin: 2px 0 0;
    color: #94a3b8;
    font-size: 0.9rem;
}

.neutral-login-mark[b-j4ce43snrz] {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border: 1px solid rgba(245, 158, 11, 0.42);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.76);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.neutral-login-mark img[b-j4ce43snrz] {
    width: 28px;
    height: 28px;
    display: block;
}

.neutral-field .form-control[b-j4ce43snrz] {
    border-color: rgba(148, 163, 184, 0.28);
    background: #111827;
    color: #f8fafc;
}

.neutral-field .form-control:focus[b-j4ce43snrz] {
    border-color: #2dd4bf;
    background: #111827;
    color: #f8fafc;
    box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.18);
}

.neutral-field label[b-j4ce43snrz] {
    color: #94a3b8;
}

.neutral-remember[b-j4ce43snrz] {
    color: #cbd5e1;
}

.neutral-login-button[b-j4ce43snrz] {
    border: 0;
    border-radius: 8px;
    background: #0f766e;
    color: #ffffff;
    font-weight: 800;
}

.neutral-login-button:hover[b-j4ce43snrz],
.neutral-login-button:focus[b-j4ce43snrz] {
    background: #0d9488;
    color: #ffffff;
}
/* /Components/Account/Pages/SetPasswordOnce.razor.rz.scp.css */
.neutral-login-card[b-7r6jlrl7ra] {
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 8px;
    padding: 28px;
    background: rgba(15, 23, 42, 0.86);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.36);
    backdrop-filter: blur(12px);
}

.neutral-login-header[b-7r6jlrl7ra] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 24px;
}

.neutral-login-header h1[b-7r6jlrl7ra] {
    margin: 0;
    color: #f8fafc;
    font-size: 1.55rem;
    font-weight: 800;
    letter-spacing: 0;
}

.neutral-login-header p[b-7r6jlrl7ra] {
    margin: 2px 0 0;
    color: #94a3b8;
    font-size: 0.9rem;
}

.neutral-login-mark[b-7r6jlrl7ra] {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border: 1px solid rgba(245, 158, 11, 0.42);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.76);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.neutral-login-mark img[b-7r6jlrl7ra] {
    width: 28px;
    height: 28px;
    display: block;
}

.neutral-field .form-control[b-7r6jlrl7ra] {
    border-color: rgba(148, 163, 184, 0.28);
    background: #111827;
    color: #f8fafc;
}

.neutral-field .form-control:focus[b-7r6jlrl7ra] {
    border-color: #f59e0b;
    background: #111827;
    color: #f8fafc;
    box-shadow: 0 0 0 0.2rem rgba(245, 158, 11, 0.2);
}

.neutral-field label[b-7r6jlrl7ra] {
    color: #94a3b8;
}

.neutral-password-rules[b-7r6jlrl7ra] {
    border: 1px solid rgba(245, 158, 11, 0.24);
    border-radius: 8px;
    padding: 12px 14px;
    background: rgba(245, 158, 11, 0.08);
    color: #f8fafc;
}

.neutral-password-rules strong[b-7r6jlrl7ra] {
    display: block;
    margin-bottom: 6px;
    font-size: 0.92rem;
}

.neutral-password-rules ul[b-7r6jlrl7ra] {
    margin: 0;
    padding-left: 18px;
    color: #cbd5e1;
    font-size: 0.88rem;
}

.neutral-password-rules li + li[b-7r6jlrl7ra] {
    margin-top: 2px;
}

.neutral-setup-button[b-7r6jlrl7ra] {
    border: 0;
    border-radius: 8px;
    background: #f59e0b;
    color: #111827;
    font-weight: 900;
}

.neutral-setup-button:hover[b-7r6jlrl7ra],
.neutral-setup-button:focus[b-7r6jlrl7ra] {
    background: #fbbf24;
    color: #111827;
}

.neutral-setup-button:disabled[b-7r6jlrl7ra] {
    background: #64748b;
    color: #cbd5e1;
    opacity: 0.8;
}
/* /Components/Dialogs/CalendarEntryDialog.razor.rz.scp.css */
.calendar-form-label[b-wxrejy5b3f] {
    margin-bottom: -8px;
    color: #94a3b8;
    font-size: 0.74rem;
    font-weight: 800;
}

.calendar-compact-input[b-wxrejy5b3f] {
    min-height: 34px;
    color: #e5edf6;
    background-color: #101926;
    border-color: #273545;
}

.calendar-compact-input:focus[b-wxrejy5b3f] {
    color: #f8fafc;
    background-color: #101926;
    border-color: #2dd4bf;
    box-shadow: 0 0 0 0.16rem rgba(45, 212, 191, 0.16);
}

.calendar-entry-grid[b-wxrejy5b3f] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

@media (max-width: 700px) {
    .calendar-entry-grid[b-wxrejy5b3f] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Dialogs/MailAccountDialog.razor.rz.scp.css */
.mail-dialog-task-grid[b-ggirvfiwbg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 0.15rem 0.75rem;
}
/* /Components/Dialogs/MailComposeDialog.razor.rz.scp.css */
.mail-compose-dialog[b-7l45maky20] {
    width: 100%;
    max-width: none;
}

.mail-compose-header[b-7l45maky20] {
    margin-bottom: 10px;
}

.mail-recipient-row[b-7l45maky20] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 8px;
}

.mail-recipient-row .mud-button-root[b-7l45maky20] {
    margin-top: 6px;
    min-height: 40px;
}

.mail-editor-panel[b-7l45maky20],
.mail-preview-panel[b-7l45maky20] {
    height: 100%;
}

.mail-editor-toolbar[b-7l45maky20] {
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.mail-preview-panel[b-7l45maky20] {
    height: calc(min(52vh, 520px) + 58px);
    min-height: 418px;
    overflow: auto;
}

[b-7l45maky20] .verama-mail-editor {
    min-height: 360px;
    height: min(52vh, 520px);
    background: #111827;
    color: #e5edf6;
    font-family: "Segoe UI", Arial, sans-serif;
}

[b-7l45maky20] .ql-toolbar.ql-snow {
    border-color: rgba(148, 163, 184, 0.32);
    border-radius: 8px 8px 0 0;
    background: rgba(15, 23, 42, 0.88);
}

[b-7l45maky20] .ql-container.ql-snow {
    border-color: rgba(148, 163, 184, 0.32);
    border-radius: 0 0 8px 8px;
}

[b-7l45maky20] .ql-editor {
    font-size: 1rem;
    line-height: 1.55;
}

[b-7l45maky20] .ql-snow .ql-stroke {
    stroke: #cbd5e1;
}

[b-7l45maky20] .ql-snow .ql-fill {
    fill: #cbd5e1;
}

[b-7l45maky20] .ql-snow .ql-picker {
    color: #cbd5e1;
}

.mail-preview-text[b-7l45maky20] {
    margin: 0;
    color: #e5edf6;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 0.95rem;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

@media (max-width: 1280px) {
    .mail-recipient-row[b-7l45maky20] {
        grid-template-columns: 1fr;
    }

    .mail-recipient-row .mud-button-root[b-7l45maky20] {
        margin-top: 0;
        justify-self: start;
    }

    .mail-preview-panel[b-7l45maky20] {
        min-height: 280px;
    }

    [b-7l45maky20] .verama-mail-editor {
        min-height: 360px;
    }
}
/* /Components/Dialogs/MailDetailsDialog.razor.rz.scp.css */
.mail-details-dialog[b-rfppsisj4v] {
    width: 100%;
    max-width: none;
}

.mail-details-header[b-rfppsisj4v] {
    margin-bottom: 14px;
}

.mail-details-meta[b-rfppsisj4v] {
    margin-bottom: 2px;
}

.mail-meta-card[b-rfppsisj4v] {
    min-height: 74px;
}

.mail-meta-card .mud-typography-body2[b-rfppsisj4v] {
    overflow-wrap: anywhere;
}

.mail-details-body[b-rfppsisj4v] {
    max-height: 66vh;
    overflow: auto;
}

.mail-body-text[b-rfppsisj4v] {
    margin: 0;
    color: #e5edf6;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 0.98rem;
    line-height: 1.55;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.mail-body-html[b-rfppsisj4v] {
    color: #e5edf6;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 0.98rem;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

.mail-body-html[b-rfppsisj4v]  a {
    color: #2dd4bf;
}

.mail-body-html[b-rfppsisj4v]  p {
    margin: 0 0 0.7rem;
}
/* /Components/Layout/AccountLayout.razor.rz.scp.css */
.neutral-account-shell[b-8ae77xrjml] {
    display: grid;
    min-height: 100vh;
    place-items: center;
    padding: 24px;
    background:
        radial-gradient(circle at 20% 10%, rgba(15, 118, 110, 0.18), transparent 32rem),
        linear-gradient(145deg, #08111a 0%, #0d1621 56%, #111827 100%);
    color: #e5edf6;
}

.neutral-account-content[b-8ae77xrjml] {
    width: min(100%, 420px);
}

#blazor-error-ui[b-8ae77xrjml] {
    color-scheme: dark;
    background: #3f1d1d;
    border-top: 1px solid #854242;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.24);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.75rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-8ae77xrjml] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.65rem;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.verama-shell[b-3jwpyqzxly] {
    min-height: 100vh;
    background: #0f1720;
}

.verama-mobile-header[b-3jwpyqzxly] {
    display: none;
}

.verama-drawer[b-3jwpyqzxly] {
    border-right: 1px solid rgba(255, 255, 255, 0.08);
}

.verama-main[b-3jwpyqzxly] {
    min-height: 100vh;
    background: #0f1720;
}

.verama-content[b-3jwpyqzxly] {
    padding: 28px;
}

@media (min-width: 961px) {
    .verama-drawer[b-3jwpyqzxly] {
        top: 0 !important;
        height: 100vh !important;
    }

    .verama-main[b-3jwpyqzxly] {
        padding-top: 0 !important;
    }
}

@media (max-width: 960px) {
    .verama-mobile-header[b-3jwpyqzxly] {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1320;
        display: flex;
        align-items: center;
        min-height: 56px;
        padding: 8px 14px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        background: rgba(11, 17, 24, 0.96);
        backdrop-filter: blur(12px);
    }

    .verama-mobile-brand-toggle[b-3jwpyqzxly] {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        min-height: 40px;
        padding: 0 10px 0 0;
        border: 0;
        border-radius: 8px;
        background: transparent;
        color: #f8fafc;
        font: inherit;
        font-weight: 800;
    }

    .verama-mobile-brand-toggle:focus-visible[b-3jwpyqzxly] {
        outline: 2px solid #2dd4bf;
        outline-offset: 2px;
    }

    .verama-mobile-brand-mark[b-3jwpyqzxly] {
        display: grid;
        place-items: center;
        width: 40px;
        height: 40px;
        overflow: hidden;
        border-radius: 8px;
    }

    .verama-mobile-brand-mark img[b-3jwpyqzxly] {
        display: block;
        width: 100%;
        height: 100%;
    }

    .verama-mobile-brand-name[b-3jwpyqzxly] {
        line-height: 1;
    }

    .verama-main[b-3jwpyqzxly] {
        padding-top: 56px;
    }
}

@media (max-width: 700px) {
    .verama-content[b-3jwpyqzxly] {
        padding: 18px 14px;
    }
}

#blazor-error-ui[b-3jwpyqzxly] {
    color-scheme: dark;
    background: #3f1d1d;
    border-top: 1px solid #854242;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.16);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.75rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-3jwpyqzxly] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.65rem;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.brand-panel[b-b890wjpl6h] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 72px;
    padding: 18px 20px 14px;
    color: #f8fafc;
}

.brand-mark[b-b890wjpl6h] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    overflow: hidden;
    border-radius: 8px;
}

.brand-mark img[b-b890wjpl6h] {
    display: block;
    width: 100%;
    height: 100%;
}

.brand-name[b-b890wjpl6h] {
    font-size: 1.15rem;
    font-weight: 800;
    line-height: 1.1;
}

.brand-subtitle[b-b890wjpl6h] {
    color: #8192a8;
    font-size: 0.76rem;
    line-height: 1.3;
}

.verama-nav[b-b890wjpl6h] {
    padding: 2px 12px 18px;
}

.nav-divider[b-b890wjpl6h] {
    border-color: rgba(255, 255, 255, 0.12);
}

.account-box[b-b890wjpl6h] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 18px 8px 8px;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
    color: #f8fafc;
}

.account-text[b-b890wjpl6h] {
    min-width: 0;
}

.account-name[b-b890wjpl6h] {
    overflow: hidden;
    color: #f8fafc;
    font-size: 0.86rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-role[b-b890wjpl6h] {
    color: #8192a8;
    font-size: 0.74rem;
}

.logout-form[b-b890wjpl6h] {
    margin: 0 8px;
}

.logout-button[b-b890wjpl6h] {
    justify-content: flex-start;
    color: #cbd5e1;
    border-radius: 8px;
}

[b-b890wjpl6h] .mud-nav-link {
    border-radius: 8px;
    color: #cbd5e1;
    min-height: 42px;
    margin: 2px 0;
}

[b-b890wjpl6h] .mud-nav-link .mud-nav-link-text {
    font-size: 0.9rem;
    font-weight: 650;
}

[b-b890wjpl6h] .mud-nav-group {
    margin: 2px 0;
}

[b-b890wjpl6h] .mud-nav-group .mud-nav-link {
    min-height: 40px;
}

[b-b890wjpl6h] .mud-nav-group .mud-navmenu {
    margin-left: 10px;
    padding-left: 8px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

[b-b890wjpl6h] .mud-nav-link.active:not(.mud-nav-link-disabled) {
    background: rgba(245, 158, 11, 0.16);
    color: #ffffff;
}

[b-b890wjpl6h] .mud-nav-link:hover:not(.mud-nav-link-disabled) {
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
}
/* /Components/Layout/PortalLayout.razor.rz.scp.css */
.guest-portal-shell[b-fqnwfkmu6p] {
    min-height: 100vh;
    background: #0f1720;
    color: #e5edf6;
    padding: 20px;
}

@media (max-width: 720px) {
    .guest-portal-shell[b-fqnwfkmu6p] {
        padding: 14px;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-7ux2hpfwsg],
.components-reconnect-repeated-attempt-visible[b-7ux2hpfwsg],
.components-reconnect-failed-visible[b-7ux2hpfwsg],
.components-pause-visible[b-7ux2hpfwsg],
.components-resume-failed-visible[b-7ux2hpfwsg],
.components-rejoining-animation[b-7ux2hpfwsg] {
    display: none;
}

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


#components-reconnect-modal[b-7ux2hpfwsg] {
    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-7ux2hpfwsg 0.5s both;
    &[open]

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

}

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

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

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

@keyframes components-reconnect-modal-fadeInOpacity-b-7ux2hpfwsg {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-7ux2hpfwsg {
    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/AccountSetupSettings.razor.rz.scp.css */
.account-setup-preview[b-j5x3wlnwhh] {
    min-height: 260px;
    margin: 0;
    padding: 16px;
    overflow: auto;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.55);
    color: #e5edf6;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 0.92rem;
    line-height: 1.5;
    white-space: pre-wrap;
}
/* /Components/Pages/Calendar.razor.rz.scp.css */
.calendar-shell[b-ir40zon791],
.calendar-main-panel[b-ir40zon791] {
    overflow: hidden;
}

.calendar-toolbar[b-ir40zon791] {
    gap: 14px;
}

.calendar-title-block[b-ir40zon791] {
    min-width: 220px;
    text-align: center;
}

.calendar-timeline-controls[b-ir40zon791] {
    gap: 12px;
}

.calendar-month-grid[b-ir40zon791] {
    display: grid;
    grid-template-columns: repeat(7, minmax(116px, 1fr));
    gap: 0;
    overflow-x: auto;
    border: 1px solid #273545;
    border-radius: 8px;
    background: #273545;
}

.calendar-weekday[b-ir40zon791] {
    min-height: 34px;
    padding: 8px;
    border-right: 1px solid #273545;
    border-bottom: 1px solid #273545;
    color: #94a3b8;
    background: #101926;
    font-size: 0.78rem;
    font-weight: 700;
    text-align: center;
}

.calendar-day-cell[b-ir40zon791] {
    min-height: 132px;
    padding: 8px;
    border-right: 1px solid #273545;
    border-bottom: 1px solid #273545;
    background: #131d2a;
}

.calendar-day-cell.weekend-friday[b-ir40zon791],
.calendar-week-column.weekend-friday[b-ir40zon791] {
    background: linear-gradient(180deg, rgba(14, 165, 233, 0.13), #131d2a);
}

.calendar-day-cell.weekend-saturday[b-ir40zon791],
.calendar-week-column.weekend-saturday[b-ir40zon791] {
    background: linear-gradient(180deg, rgba(168, 85, 247, 0.16), #131d2a);
}

.calendar-day-cell.weekend-sunday[b-ir40zon791],
.calendar-week-column.weekend-sunday[b-ir40zon791] {
    background: linear-gradient(180deg, rgba(244, 114, 182, 0.15), #131d2a);
}

.calendar-day-cell.holiday-primary[b-ir40zon791],
.calendar-week-column.holiday-primary[b-ir40zon791] {
    background: linear-gradient(180deg, color-mix(in srgb, var(--calendar-holiday-primary, #22c55e) 18%, transparent), rgba(19, 29, 42, 0.98));
}

.calendar-day-cell.holiday-background[b-ir40zon791],
.calendar-week-column.holiday-background[b-ir40zon791] {
    background: linear-gradient(180deg, color-mix(in srgb, var(--calendar-holiday-background, #94a3b8) 12%, transparent), rgba(19, 29, 42, 0.98));
}

.calendar-day-cell.outside[b-ir40zon791] {
    background: #101822;
}

.calendar-day-cell.outside.weekend-friday[b-ir40zon791] {
    background: linear-gradient(180deg, rgba(14, 165, 233, 0.08), #101822);
}

.calendar-day-cell.outside.weekend-saturday[b-ir40zon791] {
    background: linear-gradient(180deg, rgba(168, 85, 247, 0.1), #101822);
}

.calendar-day-cell.outside.weekend-sunday[b-ir40zon791] {
    background: linear-gradient(180deg, rgba(244, 114, 182, 0.09), #101822);
}

.calendar-day-cell.today[b-ir40zon791] {
    box-shadow: inset 0 0 0 1px rgba(45, 212, 191, 0.72);
}

.calendar-day-head[b-ir40zon791] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 22px;
    margin-bottom: 6px;
    color: #e5edf6;
    font-size: 0.82rem;
    font-weight: 800;
}

.calendar-day-cell.outside .calendar-day-head[b-ir40zon791] {
    color: #64748b;
}

.calendar-day-count[b-ir40zon791] {
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    color: #0b1118;
    background: #5eead4;
    font-size: 0.7rem;
    line-height: 18px;
    text-align: center;
}

.calendar-day-items[b-ir40zon791] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.calendar-event-pill[b-ir40zon791],
.calendar-month-event-block[b-ir40zon791],
.calendar-event-card[b-ir40zon791],
.calendar-timeline-block[b-ir40zon791] {
    --calendar-status: #38bdf8;
    --calendar-kind: #94a3b8;
    display: block;
    color: #e5edf6;
    text-decoration: none;
    background: linear-gradient(90deg, color-mix(in srgb, var(--calendar-status) 18%, #101926), #101926);
    border: 1px solid color-mix(in srgb, var(--calendar-status) 36%, #273545);
    border-left: 4px solid var(--calendar-kind);
    border-radius: 7px;
}

button.calendar-month-event-block[b-ir40zon791],
button.calendar-event-card[b-ir40zon791],
button.calendar-timeline-block[b-ir40zon791] {
    width: 100%;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.calendar-entry-block[b-ir40zon791] {
    --calendar-status: var(--calendar-kind);
}

.calendar-event-pill[b-ir40zon791] {
    min-height: 27px;
    padding: 4px 6px;
    overflow: hidden;
    font-size: 0.72rem;
    line-height: 1.2;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.calendar-month-event-block[b-ir40zon791] {
    min-height: 54px;
    padding: 6px 8px;
    overflow: hidden;
    font-size: 0.72rem;
    line-height: 1.22;
}

.calendar-month-event-block strong[b-ir40zon791],
.calendar-month-event-block span[b-ir40zon791],
.calendar-month-event-block small[b-ir40zon791] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.calendar-month-event-block strong[b-ir40zon791] {
    color: #f8fafc;
    font-size: 0.76rem;
}

.calendar-month-event-block span[b-ir40zon791] {
    margin-top: 2px;
    color: #bfdbfe;
    font-weight: 800;
}

.calendar-month-event-block small[b-ir40zon791] {
    margin-top: 2px;
    color: #94a3b8;
}

.calendar-event-pill span[b-ir40zon791] {
    margin-right: 5px;
    color: #bfdbfe;
    font-weight: 800;
}

.calendar-event-pill strong[b-ir40zon791] {
    font-weight: 700;
}

.calendar-event-pill:hover[b-ir40zon791],
.calendar-month-event-block:hover[b-ir40zon791],
.calendar-event-card:hover[b-ir40zon791],
.calendar-timeline-block:hover[b-ir40zon791] {
    color: #ffffff;
    border-color: color-mix(in srgb, var(--calendar-status) 74%, #ffffff);
}

.calendar-more[b-ir40zon791] {
    color: #94a3b8;
    font-size: 0.76rem;
}

.calendar-holiday-block[b-ir40zon791] {
    min-height: 38px;
    padding: 5px 7px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--calendar-holiday-primary, #22c55e) 42%, transparent);
    border-left: 4px solid var(--calendar-holiday-primary, #22c55e);
    border-radius: 7px;
    color: #dcfce7;
    background: color-mix(in srgb, var(--calendar-holiday-primary, #22c55e) 18%, #101926);
    font-size: 0.72rem;
    line-height: 1.2;
}

.calendar-holiday-block strong[b-ir40zon791],
.calendar-holiday-block span[b-ir40zon791] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.calendar-holiday-background[b-ir40zon791] {
    display: block;
    overflow: hidden;
    padding: 3px 6px;
    border-radius: 5px;
    color: #cbd5e1;
    background: color-mix(in srgb, var(--calendar-holiday-background, #94a3b8) 10%, transparent);
    font-size: 0.68rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.calendar-holiday-strip[b-ir40zon791] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.calendar-holiday-chip[b-ir40zon791] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 2px 7px;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 800;
}

.calendar-holiday-chip.primary[b-ir40zon791] {
    color: #dcfce7;
    background: color-mix(in srgb, var(--calendar-holiday-primary, #22c55e) 18%, transparent);
    border: 1px solid color-mix(in srgb, var(--calendar-holiday-primary, #22c55e) 42%, transparent);
}

.calendar-holiday-chip.background[b-ir40zon791] {
    color: #cbd5e1;
    background: color-mix(in srgb, var(--calendar-holiday-background, #94a3b8) 11%, transparent);
    border: 1px solid color-mix(in srgb, var(--calendar-holiday-background, #94a3b8) 28%, transparent);
}

.calendar-week-grid[b-ir40zon791] {
    display: grid;
    grid-template-columns: repeat(7, minmax(150px, 1fr));
    gap: 10px;
    overflow-x: auto;
}

.calendar-week-column[b-ir40zon791] {
    min-width: 150px;
    min-height: 500px;
    border: 1px solid #273545;
    border-radius: 8px;
    background: rgba(15, 23, 32, 0.34);
}

.calendar-week-head[b-ir40zon791] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 44px;
    padding: 10px;
    border-bottom: 1px solid #273545;
    color: #cbd5e1;
    background: #101926;
}

.calendar-week-head.today[b-ir40zon791] {
    color: #5eead4;
    background: rgba(20, 184, 166, 0.1);
}

.calendar-week-head.weekend-friday[b-ir40zon791] {
    color: #93c5fd;
}

.calendar-week-head.weekend-saturday[b-ir40zon791] {
    color: #c4b5fd;
}

.calendar-week-head.weekend-sunday[b-ir40zon791] {
    color: #f9a8d4;
}

.calendar-week-head.holiday-primary[b-ir40zon791] {
    color: #86efac;
}

.calendar-week-head.holiday-background[b-ir40zon791] {
    color: #cbd5e1;
}

.calendar-stack[b-ir40zon791] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px;
}

.calendar-empty-day[b-ir40zon791] {
    color: #64748b;
    font-size: 0.82rem;
}

.calendar-day-view[b-ir40zon791] {
    min-height: 520px;
}

.calendar-day-line[b-ir40zon791] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.calendar-empty-panel[b-ir40zon791] {
    min-height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed #334155;
    border-radius: 8px;
    color: #64748b;
    background: rgba(15, 23, 32, 0.26);
}

.calendar-event-card[b-ir40zon791] {
    min-height: 86px;
    padding: 10px 12px;
}

.calendar-event-card.compact[b-ir40zon791] {
    min-height: 92px;
    padding: 9px 10px;
}

.calendar-event-card strong[b-ir40zon791],
.calendar-event-card small[b-ir40zon791],
.calendar-event-card span[b-ir40zon791] {
    display: block;
}

.calendar-card-time[b-ir40zon791] {
    color: #bfdbfe;
    font-size: 0.78rem;
    font-weight: 800;
}

.calendar-event-card strong[b-ir40zon791] {
    margin-top: 4px;
    font-size: 0.92rem;
    line-height: 1.24;
}

.calendar-event-card small[b-ir40zon791] {
    margin-top: 4px;
    color: #94a3b8;
    font-size: 0.76rem;
}

.calendar-timeline-scroll[b-ir40zon791] {
    overflow-x: auto;
    padding-bottom: 6px;
}

.calendar-timeline-grid[b-ir40zon791] {
    --timeline-slot-width: 20px;
    display: grid;
    min-width: max-content;
    border: 1px solid #273545;
    border-radius: 8px;
    background: #0f1720;
}

.calendar-timeline-day-band[b-ir40zon791] {
    z-index: 0;
    pointer-events: none;
}

.calendar-timeline-day-band.weekend-friday[b-ir40zon791] {
    background: rgba(14, 165, 233, 0.06);
}

.calendar-timeline-day-band.weekend-saturday[b-ir40zon791] {
    background: rgba(168, 85, 247, 0.08);
}

.calendar-timeline-day-band.weekend-sunday[b-ir40zon791] {
    background: rgba(244, 114, 182, 0.07);
}

.calendar-timeline-day-band.holiday-primary[b-ir40zon791] {
    background: color-mix(in srgb, var(--calendar-holiday-primary, #22c55e) 10%, transparent);
}

.calendar-timeline-day-band.holiday-background[b-ir40zon791] {
    background: color-mix(in srgb, var(--calendar-holiday-background, #94a3b8) 8%, transparent);
}

.calendar-timeline-corner[b-ir40zon791],
.calendar-timeline-tick[b-ir40zon791] {
    min-height: 42px;
    border-bottom: 1px solid #273545;
    background: #101926;
}

.calendar-timeline-corner[b-ir40zon791] {
    position: sticky;
    left: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    padding: 0 12px;
    color: #94a3b8;
    font-size: 0.78rem;
    font-weight: 800;
}

.calendar-timeline-tick[b-ir40zon791] {
    position: relative;
    z-index: 3;
    border-left: 1px solid rgba(51, 65, 85, 0.58);
}

.calendar-timeline-tick.half[b-ir40zon791] {
    border-left-color: rgba(148, 163, 184, 0.28);
}

.calendar-timeline-tick.hour[b-ir40zon791] {
    border-left-color: rgba(45, 212, 191, 0.42);
}

.calendar-timeline-tick.day[b-ir40zon791] {
    z-index: 4;
    border-left-color: rgba(94, 234, 212, 0.78);
    background: #122033;
}

.calendar-timeline-tick.day.weekend-friday[b-ir40zon791] {
    background: rgba(14, 165, 233, 0.18);
}

.calendar-timeline-tick.day.weekend-saturday[b-ir40zon791] {
    background: rgba(168, 85, 247, 0.2);
}

.calendar-timeline-tick.day.weekend-sunday[b-ir40zon791] {
    background: rgba(244, 114, 182, 0.18);
}

.calendar-timeline-tick span[b-ir40zon791] {
    position: absolute;
    top: 11px;
    left: 4px;
    z-index: 8;
    padding: 1px 4px;
    border-radius: 4px;
    color: #cbd5e1;
    background: rgba(16, 25, 38, 0.94);
    font-size: 0.7rem;
    font-weight: 700;
    white-space: nowrap;
}

.calendar-timeline-row-label[b-ir40zon791],
.calendar-timeline-empty-label[b-ir40zon791] {
    position: sticky;
    left: 0;
    z-index: 4;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 210px;
    padding: 8px 12px;
    overflow: hidden;
    border-top: 1px solid #273545;
    border-right: 1px solid #273545;
    color: #e5edf6;
    background: #101926;
}

.calendar-timeline-row-label.event-color-0[b-ir40zon791],
.calendar-timeline-track.event-color-0[b-ir40zon791] {
    --event-row-bg: rgba(45, 212, 191, 0.07);
}

.calendar-timeline-row-label.event-color-1[b-ir40zon791],
.calendar-timeline-track.event-color-1[b-ir40zon791] {
    --event-row-bg: rgba(96, 165, 250, 0.08);
}

.calendar-timeline-row-label.event-color-2[b-ir40zon791],
.calendar-timeline-track.event-color-2[b-ir40zon791] {
    --event-row-bg: rgba(168, 85, 247, 0.08);
}

.calendar-timeline-row-label.event-color-3[b-ir40zon791],
.calendar-timeline-track.event-color-3[b-ir40zon791] {
    --event-row-bg: rgba(244, 114, 182, 0.07);
}

.calendar-timeline-row-label.event-color-4[b-ir40zon791],
.calendar-timeline-track.event-color-4[b-ir40zon791] {
    --event-row-bg: rgba(251, 191, 36, 0.07);
}

.calendar-timeline-row-label.event-color-5[b-ir40zon791],
.calendar-timeline-track.event-color-5[b-ir40zon791] {
    --event-row-bg: rgba(34, 197, 94, 0.07);
}

.calendar-timeline-row-label.event-color-6[b-ir40zon791],
.calendar-timeline-track.event-color-6[b-ir40zon791] {
    --event-row-bg: rgba(249, 115, 22, 0.07);
}

.calendar-timeline-row-label.event-color-7[b-ir40zon791],
.calendar-timeline-track.event-color-7[b-ir40zon791] {
    --event-row-bg: rgba(148, 163, 184, 0.08);
}

.calendar-timeline-row-label[class*="event-color-"][b-ir40zon791] {
    background:
        linear-gradient(90deg, var(--event-row-bg), rgba(16, 25, 38, 0.98)),
        #101926;
}

.calendar-timeline-row-label strong[b-ir40zon791] {
    color: #bfdbfe;
    font-size: 0.74rem;
    text-transform: uppercase;
}

.calendar-timeline-row-label span[b-ir40zon791] {
    overflow: hidden;
    color: #cbd5e1;
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.calendar-timeline-track[b-ir40zon791] {
    border-top: 1px solid #273545;
    background:
        linear-gradient(to right, rgba(51, 65, 85, 0.7) 1px, transparent 1px),
        linear-gradient(to right, rgba(45, 212, 191, 0.22) 1px, transparent 1px),
        linear-gradient(var(--event-row-bg, rgba(15, 23, 32, 0.38)), var(--event-row-bg, rgba(15, 23, 32, 0.38))),
        rgba(15, 23, 32, 0.38);
    background-size: var(--timeline-slot-width) 100%, calc(var(--timeline-slot-width) * 4) 100%, 100% 100%, 100% 100%;
}

.calendar-timeline-track.empty[b-ir40zon791] {
    min-height: 58px;
}

.calendar-timeline-block[b-ir40zon791] {
    z-index: 2;
    align-self: center;
    min-height: 38px;
    margin: 8px 2px;
    padding: 6px 8px;
    overflow: hidden;
    line-height: 1.2;
}

.calendar-timeline-block strong[b-ir40zon791],
.calendar-timeline-block span[b-ir40zon791] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.calendar-timeline-block strong[b-ir40zon791] {
    color: #bfdbfe;
    font-size: 0.72rem;
}

.calendar-timeline-block span[b-ir40zon791] {
    margin-top: 2px;
    color: #f8fafc;
    font-size: 0.78rem;
    font-weight: 700;
}

.calendar-status-badge[b-ir40zon791] {
    --calendar-status: #38bdf8;
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 22px;
    margin-top: 8px;
    padding: 2px 8px;
    border: 1px solid color-mix(in srgb, var(--calendar-status) 54%, #273545);
    border-radius: 999px;
    color: color-mix(in srgb, var(--calendar-status) 82%, #ffffff);
    background: color-mix(in srgb, var(--calendar-status) 16%, #101926);
    font-size: 0.72rem;
    font-weight: 700;
}

.calendar-kind-dot[b-ir40zon791] {
    --calendar-kind: #94a3b8;
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-right: 8px;
    border-radius: 50%;
    background: var(--calendar-kind);
}

.calendar-legend[b-ir40zon791] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.calendar-stat-row[b-ir40zon791] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #cbd5e1;
}

.calendar-stat-row strong[b-ir40zon791] {
    color: #ffffff;
    font-size: 1.1rem;
}

.calendar-form-label[b-ir40zon791] {
    margin-bottom: -4px;
    color: #94a3b8;
    font-size: 0.74rem;
    font-weight: 800;
}

.calendar-compact-input[b-ir40zon791] {
    min-height: 34px;
    color: #e5edf6;
    background-color: #101926;
    border-color: #273545;
}

.calendar-compact-input:focus[b-ir40zon791] {
    color: #f8fafc;
    background-color: #101926;
    border-color: #2dd4bf;
    box-shadow: 0 0 0 0.16rem rgba(45, 212, 191, 0.16);
}

.calendar-entry-grid[b-ir40zon791] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.calendar-entry-mini[b-ir40zon791] {
    --calendar-kind: #38bdf8;
    display: block;
    width: 100%;
    padding: 7px 9px;
    border: 1px solid color-mix(in srgb, var(--calendar-kind) 34%, #273545);
    border-left: 4px solid var(--calendar-kind);
    border-radius: 7px;
    color: #e5edf6;
    background: rgba(15, 23, 32, 0.44);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.calendar-entry-mini span[b-ir40zon791],
.calendar-entry-mini strong[b-ir40zon791] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.calendar-entry-mini span[b-ir40zon791] {
    color: #bfdbfe;
    font-size: 0.7rem;
    font-weight: 800;
}

.calendar-entry-mini strong[b-ir40zon791] {
    margin-top: 2px;
    font-size: 0.78rem;
}

.calendar-danger-text[b-ir40zon791] {
    color: #fca5a5 !important;
}

.calendar-conflict-card[b-ir40zon791] {
    border-color: rgba(248, 113, 113, 0.55) !important;
    background: rgba(127, 29, 29, 0.18);
}

.calendar-conflict-panel[b-ir40zon791] {
    border: 1px solid rgba(248, 113, 113, 0.34);
    background: linear-gradient(180deg, rgba(127, 29, 29, 0.2), rgba(15, 23, 32, 0.42));
}

.calendar-event-pill.has-conflict[b-ir40zon791],
.calendar-event-card.has-conflict[b-ir40zon791],
.calendar-timeline-block.has-conflict[b-ir40zon791] {
    box-shadow: inset 0 0 0 1px rgba(248, 113, 113, 0.64);
}

.status-inquiry[b-ir40zon791] {
    --calendar-status: #eab308;
}

.status-offered[b-ir40zon791] {
    --calendar-status: #38bdf8;
}

.status-confirmed[b-ir40zon791] {
    --calendar-status: #22c55e;
}

.status-planned[b-ir40zon791] {
    --calendar-status: #2dd4bf;
}

.status-completed[b-ir40zon791],
.status-archived[b-ir40zon791] {
    --calendar-status: #94a3b8;
}

.status-invoiced[b-ir40zon791] {
    --calendar-status: #f97316;
}

.status-paid[b-ir40zon791] {
    --calendar-status: #16a34a;
}

.status-cancelled[b-ir40zon791] {
    --calendar-status: #ef4444;
}

.status-calendar[b-ir40zon791] {
    --calendar-status: #38bdf8;
}

.kind-setup[b-ir40zon791] {
    --calendar-kind: #60a5fa;
}

.kind-passive[b-ir40zon791] {
    --calendar-kind: #a78bfa;
}

.kind-active[b-ir40zon791] {
    --calendar-kind: #22c55e;
}

.kind-schedule[b-ir40zon791] {
    --calendar-kind: #f472b6;
}

.kind-event[b-ir40zon791] {
    --calendar-kind: #facc15;
}

.kind-teardown[b-ir40zon791] {
    --calendar-kind: #f97316;
}

.kind-personal[b-ir40zon791] {
    --calendar-kind: #38bdf8;
}

.kind-birthday[b-ir40zon791] {
    --calendar-kind: #f472b6;
}

.kind-vacation[b-ir40zon791] {
    --calendar-kind: #22c55e;
}

.kind-blocked[b-ir40zon791] {
    --calendar-kind: #ef4444;
}

@media (max-width: 900px) {
    .calendar-toolbar[b-ir40zon791] {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    .calendar-title-block[b-ir40zon791] {
        text-align: left;
    }

    .calendar-timeline-controls[b-ir40zon791] {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    .calendar-month-grid[b-ir40zon791] {
        grid-template-columns: repeat(7, minmax(106px, 1fr));
    }

    .calendar-day-cell[b-ir40zon791] {
        min-height: 118px;
    }

    .calendar-entry-grid[b-ir40zon791] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/CalendarSettings.razor.rz.scp.css */
.calendar-settings-label[b-owhhrt9daz] {
    display: block;
    margin-bottom: 6px;
    color: #94a3b8;
    font-size: 0.76rem;
    font-weight: 800;
}

.calendar-settings-input[b-owhhrt9daz] {
    min-height: 34px;
    color: #e5edf6;
    background-color: #101926;
    border-color: #273545;
}

.calendar-settings-actions[b-owhhrt9daz] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.calendar-state-list[b-owhhrt9daz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.calendar-state-option[b-owhhrt9daz] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 7px 9px;
    border: 1px solid #273545;
    border-radius: 7px;
    color: #cbd5e1;
    background: rgba(15, 23, 32, 0.42);
    font-size: 0.82rem;
}

.calendar-color-grid[b-owhhrt9daz] {
    display: grid;
    gap: 12px;
}

.calendar-color-row[b-owhhrt9daz] {
    display: grid;
    grid-template-columns: minmax(160px, 1fr) 44px minmax(100px, 140px);
    align-items: center;
    gap: 10px;
    color: #cbd5e1;
}

.calendar-color-row input[type="color"][b-owhhrt9daz] {
    width: 44px;
    height: 34px;
    padding: 0;
    border: 1px solid #273545;
    border-radius: 7px;
    background: transparent;
}

.calendar-settings-preview[b-owhhrt9daz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.preview-day[b-owhhrt9daz] {
    min-height: 84px;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #273545;
}

.preview-day strong[b-owhhrt9daz],
.preview-day span[b-owhhrt9daz] {
    display: block;
}

.preview-day strong[b-owhhrt9daz] {
    font-size: 0.82rem;
}

.preview-day span[b-owhhrt9daz] {
    margin-top: 8px;
    font-size: 1rem;
    font-weight: 800;
}

.preview-day.primary[b-owhhrt9daz] {
    border-color: color-mix(in srgb, var(--calendar-holiday-primary, #22c55e) 48%, #273545);
    background: color-mix(in srgb, var(--calendar-holiday-primary, #22c55e) 16%, #101926);
}

.preview-day.background[b-owhhrt9daz] {
    border-color: color-mix(in srgb, var(--calendar-holiday-background, #94a3b8) 42%, #273545);
    background: color-mix(in srgb, var(--calendar-holiday-background, #94a3b8) 12%, #101926);
}

@media (max-width: 900px) {
    .calendar-state-list[b-owhhrt9daz],
    .calendar-settings-preview[b-owhhrt9daz] {
        grid-template-columns: 1fr;
    }

    .calendar-color-row[b-owhhrt9daz] {
        grid-template-columns: 1fr 44px;
    }

    .calendar-color-row .calendar-settings-input[b-owhhrt9daz] {
        grid-column: 1 / -1;
    }
}
/* /Components/Pages/EventTimeline.razor.rz.scp.css */
.portal-timeline-page[b-izo0lzbbt8] {
    width: 100%;
    min-height: calc(100vh - 40px);
}

.portal-timeline-shell[b-izo0lzbbt8] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-height: calc(100vh - 40px);
}

.portal-timeline-head[b-izo0lzbbt8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.portal-timeline-board[b-izo0lzbbt8] {
    flex: 1;
    background: #151f2c;
    border: 1px solid #273545;
}

.portal-timeline-board-head[b-izo0lzbbt8] {
    margin-bottom: 18px;
}

.portal-timeline-list[b-izo0lzbbt8] {
    display: grid;
    gap: 0;
}

.portal-timeline-item[b-izo0lzbbt8] {
    display: grid;
    grid-template-columns: minmax(118px, 136px) 28px minmax(0, 1fr);
    gap: 12px;
    min-height: 76px;
    position: relative;
}

.portal-timeline-item[b-izo0lzbbt8]::before {
    content: "";
    position: absolute;
    left: 155px;
    top: 26px;
    bottom: -2px;
    width: 2px;
    background: #273545;
}

.portal-timeline-item:last-child[b-izo0lzbbt8]::before {
    display: none;
}

.portal-timeline-time[b-izo0lzbbt8] {
    padding-top: 4px;
    color: #5eead4;
    font-weight: 800;
    white-space: nowrap;
}

.portal-timeline-marker[b-izo0lzbbt8] {
    width: 14px;
    height: 14px;
    border-radius: 999px;
    margin-top: 8px;
    background: #2dd4bf;
    border: 3px solid #0f1720;
    box-shadow: 0 0 0 1px #2dd4bf;
    z-index: 1;
}

.portal-timeline-content[b-izo0lzbbt8] {
    min-width: 0;
    padding: 0 0 24px;
}

.portal-timeline-title-row[b-izo0lzbbt8] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.portal-timeline-meta[b-izo0lzbbt8] {
    display: block;
    margin-top: 4px;
}

.portal-timeline-status-chip[b-izo0lzbbt8],
.portal-timeline-countdown-chip[b-izo0lzbbt8] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    border-radius: 999px;
    padding: 2px 10px;
    font-size: 0.78rem;
    font-weight: 700;
    border: 1px solid #334155;
    color: #dbeafe;
    background: rgba(96, 165, 250, 0.12);
}

.portal-timeline-countdown-chip[b-izo0lzbbt8] {
    color: #ccfbf1;
    background: rgba(45, 212, 191, 0.12);
    border-color: rgba(45, 212, 191, 0.42);
}

.portal-timeline-item.is-past .portal-timeline-marker[b-izo0lzbbt8] {
    background: #64748b;
    box-shadow: 0 0 0 1px #64748b;
}

.portal-timeline-item.is-current .portal-timeline-marker[b-izo0lzbbt8] {
    background: #22c55e;
    box-shadow: 0 0 0 1px #22c55e, 0 0 0 7px rgba(34, 197, 94, 0.12);
}

.portal-timeline-item.is-upcoming .portal-timeline-marker[b-izo0lzbbt8] {
    background: #38bdf8;
    box-shadow: 0 0 0 1px #38bdf8;
}

.portal-timeline-item.is-past .portal-timeline-status-chip[b-izo0lzbbt8] {
    color: #cbd5e1;
    background: rgba(100, 116, 139, 0.16);
    border-color: rgba(148, 163, 184, 0.42);
}

.portal-timeline-item.is-current .portal-timeline-status-chip[b-izo0lzbbt8] {
    color: #bbf7d0;
    background: rgba(34, 197, 94, 0.16);
    border-color: rgba(34, 197, 94, 0.52);
}

.portal-timeline-item.is-upcoming .portal-timeline-status-chip[b-izo0lzbbt8] {
    color: #bae6fd;
    background: rgba(56, 189, 248, 0.16);
    border-color: rgba(56, 189, 248, 0.52);
}

.portal-timeline-item.is-past .portal-timeline-time[b-izo0lzbbt8],
.portal-timeline-item.is-past .portal-timeline-content[b-izo0lzbbt8] {
    opacity: 0.62;
}

.portal-timeline-item.is-current .portal-timeline-time[b-izo0lzbbt8] {
    color: #86efac;
}

.portal-timeline-page:not(.is-live) .portal-timeline-status-chip[b-izo0lzbbt8],
.portal-timeline-page:not(.is-live) .portal-timeline-countdown-chip[b-izo0lzbbt8] {
    display: none;
}

@media (max-width: 720px) {
    .portal-timeline-head[b-izo0lzbbt8] {
        flex-direction: column;
    }

    .portal-timeline-item[b-izo0lzbbt8] {
        grid-template-columns: 112px 24px minmax(0, 1fr);
        gap: 10px;
    }

    .portal-timeline-item[b-izo0lzbbt8]::before {
        left: 129px;
    }
}
/* /Components/Pages/Mail.razor.rz.scp.css */
.mail-account-panel[b-qzim254ecj] {
    position: sticky;
    top: 18px;
}

.mail-account-button[b-qzim254ecj] {
    display: block;
    width: 100%;
    margin: 0 0 10px;
    padding: 12px;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.42);
    color: #e5edf6;
    text-align: left;
    transition: border-color 140ms ease, background 140ms ease;
}

.mail-account-button:hover[b-qzim254ecj],
.mail-account-button:focus[b-qzim254ecj] {
    border-color: rgba(45, 212, 191, 0.42);
    background: rgba(20, 184, 166, 0.1);
    outline: none;
}

.mail-account-button.selected[b-qzim254ecj] {
    border-color: rgba(45, 212, 191, 0.72);
    background: rgba(20, 184, 166, 0.16);
}

.mail-account-title-row[b-qzim254ecj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.mail-account-title-row[b-qzim254ecj] {
    font-weight: 800;
}

.mail-account-count[b-qzim254ecj] {
    min-width: 28px;
    padding: 2px 7px;
    border-radius: 999px;
    background: rgba(45, 212, 191, 0.16);
    color: #99f6e4;
    font-size: 0.78rem;
    text-align: center;
}

.mail-account-subtitle[b-qzim254ecj] {
    display: block;
    margin-top: 3px;
    overflow: hidden;
    color: #94a3b8;
    font-size: 0.82rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 1280px) {
    .mail-account-panel[b-qzim254ecj] {
        position: static;
    }
}
/* /Components/Pages/MailSettings.razor.rz.scp.css */
.mail-task-grid[b-f416l1hfxv] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.15rem 0.75rem;
}

.mail-profile-card[b-f416l1hfxv] {
    border: 1px solid color-mix(in srgb, var(--mud-palette-lines-default) 85%, transparent);
    border-radius: 8px;
}

.mail-list-toolbar[b-f416l1hfxv] {
    gap: 1rem;
    flex-wrap: wrap;
}

.mail-search[b-f416l1hfxv] {
    width: min(320px, 100%);
}

.mail-chip-line[b-f416l1hfxv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-top: 0.35rem;
}
/* /Components/Pages/PrivacyPolicySettings.razor.rz.scp.css */
.privacy-policy-settings-grid[b-ghvasolkl6] {
    align-items: flex-start;
}
/* /Components/Portal/GuestPortal.razor.rz.scp.css */
.guest-portal[b-dykkg5frva] {
    width: 100%;
    max-width: none;
    margin: 0 auto;
}

.guest-portal-head[b-dykkg5frva] {
    margin-bottom: 22px;
}

.guest-panel[b-dykkg5frva] {
    background: #151f2c;
    border: 1px solid #273545;
}

.guest-event-dashboard[b-dykkg5frva] {
    max-width: 1100px;
}

.guest-event-card[b-dykkg5frva] {
    height: 100%;
}

.guest-event-workspace[b-dykkg5frva] {
    width: 100%;
}

.guest-upload-panel[b-dykkg5frva],
.guest-list-row[b-dykkg5frva] {
    background: rgba(15, 23, 32, 0.55);
    border: 1px solid #273545;
}

.guest-file-manager .project-file-explorer-shell[b-dykkg5frva] {
    min-height: 62vh;
}

.guest-file-detail-list .project-file-detail-row[b-dykkg5frva] {
    grid-template-columns: minmax(220px, 2.2fr) minmax(120px, 0.9fr) minmax(80px, 0.6fr) minmax(130px, 0.8fr) minmax(96px, auto);
}

.guest-list-editor .mud-input-control[b-dykkg5frva] {
    margin-top: 0;
}

.guest-schedule-timeline[b-dykkg5frva] {
    max-width: 1120px;
}

.guest-schedule-line[b-dykkg5frva] {
    min-height: 32px;
}

.guest-schedule-meta[b-dykkg5frva] {
    display: block;
    margin-top: 4px;
}

.form-control[b-dykkg5frva],
.form-select[b-dykkg5frva] {
    width: 100%;
    color: #e5edf6;
    background: #0f1720;
    border: 1px solid #334155;
    border-radius: 6px;
    padding: 0.5rem 0.65rem;
}
/* /Components/Portal/GuestTimeline.razor.rz.scp.css */
.portal-timeline-page[b-dhkrmmtghc] {
    width: 100%;
    min-height: calc(100vh - 40px);
}

.portal-timeline-shell[b-dhkrmmtghc] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-height: calc(100vh - 40px);
}

.portal-timeline-head[b-dhkrmmtghc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.portal-timeline-board[b-dhkrmmtghc] {
    flex: 1;
    background: #151f2c;
    border: 1px solid #273545;
}

.portal-timeline-board-head[b-dhkrmmtghc] {
    margin-bottom: 18px;
}

.portal-timeline-list[b-dhkrmmtghc] {
    display: grid;
    gap: 0;
}

.portal-timeline-item[b-dhkrmmtghc] {
    display: grid;
    grid-template-columns: minmax(118px, 136px) 28px minmax(0, 1fr);
    gap: 12px;
    min-height: 76px;
    position: relative;
}

.portal-timeline-item[b-dhkrmmtghc]::before {
    content: "";
    position: absolute;
    left: 155px;
    top: 26px;
    bottom: -2px;
    width: 2px;
    background: #273545;
}

.portal-timeline-item:last-child[b-dhkrmmtghc]::before {
    display: none;
}

.portal-timeline-time[b-dhkrmmtghc] {
    padding-top: 4px;
    color: #5eead4;
    font-weight: 800;
    white-space: nowrap;
}

.portal-timeline-marker[b-dhkrmmtghc] {
    width: 14px;
    height: 14px;
    border-radius: 999px;
    margin-top: 8px;
    background: #2dd4bf;
    border: 3px solid #0f1720;
    box-shadow: 0 0 0 1px #2dd4bf;
    z-index: 1;
}

.portal-timeline-content[b-dhkrmmtghc] {
    min-width: 0;
    padding: 0 0 24px;
}

.portal-timeline-title-row[b-dhkrmmtghc] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.portal-timeline-meta[b-dhkrmmtghc] {
    display: block;
    margin-top: 4px;
}

.portal-timeline-status-chip[b-dhkrmmtghc],
.portal-timeline-countdown-chip[b-dhkrmmtghc] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    border-radius: 999px;
    padding: 2px 10px;
    font-size: 0.78rem;
    font-weight: 700;
    border: 1px solid #334155;
    color: #dbeafe;
    background: rgba(96, 165, 250, 0.12);
}

.portal-timeline-countdown-chip[b-dhkrmmtghc] {
    color: #ccfbf1;
    background: rgba(45, 212, 191, 0.12);
    border-color: rgba(45, 212, 191, 0.42);
}

.portal-timeline-item.is-past .portal-timeline-marker[b-dhkrmmtghc] {
    background: #64748b;
    box-shadow: 0 0 0 1px #64748b;
}

.portal-timeline-item.is-current .portal-timeline-marker[b-dhkrmmtghc] {
    background: #22c55e;
    box-shadow: 0 0 0 1px #22c55e, 0 0 0 7px rgba(34, 197, 94, 0.12);
}

.portal-timeline-item.is-upcoming .portal-timeline-marker[b-dhkrmmtghc] {
    background: #38bdf8;
    box-shadow: 0 0 0 1px #38bdf8;
}

.portal-timeline-item.is-past .portal-timeline-status-chip[b-dhkrmmtghc] {
    color: #cbd5e1;
    background: rgba(100, 116, 139, 0.16);
    border-color: rgba(148, 163, 184, 0.42);
}

.portal-timeline-item.is-current .portal-timeline-status-chip[b-dhkrmmtghc] {
    color: #bbf7d0;
    background: rgba(34, 197, 94, 0.16);
    border-color: rgba(34, 197, 94, 0.52);
}

.portal-timeline-item.is-upcoming .portal-timeline-status-chip[b-dhkrmmtghc] {
    color: #bae6fd;
    background: rgba(56, 189, 248, 0.16);
    border-color: rgba(56, 189, 248, 0.52);
}

.portal-timeline-item.is-past .portal-timeline-time[b-dhkrmmtghc],
.portal-timeline-item.is-past .portal-timeline-content[b-dhkrmmtghc] {
    opacity: 0.62;
}

.portal-timeline-item.is-current .portal-timeline-time[b-dhkrmmtghc] {
    color: #86efac;
}

.portal-timeline-page:not(.is-live) .portal-timeline-status-chip[b-dhkrmmtghc],
.portal-timeline-page:not(.is-live) .portal-timeline-countdown-chip[b-dhkrmmtghc] {
    display: none;
}

@media (max-width: 720px) {
    .portal-timeline-head[b-dhkrmmtghc] {
        flex-direction: column;
    }

    .portal-timeline-item[b-dhkrmmtghc] {
        grid-template-columns: 112px 24px minmax(0, 1fr);
        gap: 10px;
    }

    .portal-timeline-item[b-dhkrmmtghc]::before {
        left: 129px;
    }
}