/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-fz3sp8f2y5] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-fz3sp8f2y5] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-qx2vgz72nm],
.components-reconnect-repeated-attempt-visible[b-qx2vgz72nm],
.components-reconnect-failed-visible[b-qx2vgz72nm],
.components-pause-visible[b-qx2vgz72nm],
.components-resume-failed-visible[b-qx2vgz72nm],
.components-rejoining-animation[b-qx2vgz72nm] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-qx2vgz72nm {
    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/Settings/WeChatSenderCard.razor.rz.scp.css */
.wechat-callback[b-hovdgjhf2e] { border-top: 1px solid var(--line); padding-top: 10px; margin-top: 6px; }
.wechat-callback code[b-hovdgjhf2e] { overflow-wrap: anywhere; }
/* /Components/Pages/Settings/WhatsAppSenderCard.razor.rz.scp.css */
.whatsapp-callback[b-b1c22yww23] { border-top: 1px solid var(--line); padding-top: 10px; margin-top: 6px; }
.whatsapp-callback code[b-b1c22yww23] { overflow-wrap: anywhere; }
/* /Components/Pages/Staff/BankMatching.razor.rz.scp.css */
/* This component's own styles (Blazor CSS isolation), moved from app.css. The first class of each selector is in
   :where() so the scope attribute Blazor adds leaves the rule ranked as it was in app.css. */
:where(.bank-lines)[b-tr0jam47se] { display: flex; flex-direction: column; gap: 6px; }
:where(.bank-line)[b-tr0jam47se] { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-card); min-width: 0; }
:where(.bank-line-head)[b-tr0jam47se] { display: grid; grid-template-columns: 88px minmax(0, 1.3fr) minmax(0, 1fr) auto; gap: 12px; align-items: center; width: 100%; padding: 10px 14px; margin: 0;
  background: none; border: 0; border-radius: var(--radius-card); font: inherit; text-align: left; color: var(--fg); cursor: pointer; }
:where(.bank-line-head):hover[b-tr0jam47se] { background: var(--hover); }
:where(.bank-date)[b-tr0jam47se] { font-size: 13px; color: var(--muted); white-space: nowrap; }
:where(.bank-desc)[b-tr0jam47se], :where(.bank-checked) td:nth-child(2)[b-tr0jam47se], :where(.bank-preview) td:nth-child(3)[b-tr0jam47se] { font-family: var(--mono); font-size: 12.5px; overflow-wrap: anywhere; }
:where(.bank-hint)[b-tr0jam47se] { font-size: 12.5px; color: var(--fg-2); overflow-wrap: anywhere; }
:where(.bank-amount)[b-tr0jam47se] { font-variant-numeric: tabular-nums; white-space: nowrap; text-align: right; }
:where(.bank-check)[b-tr0jam47se] { padding: 4px 14px 14px; border-top: 1px solid var(--line); display: flex; flex-direction: column; gap: 10px; }
:where(.bank-why)[b-tr0jam47se] { margin: 8px 0 0; font-size: 13.5px; }
table:where(.bank-alloc)[b-tr0jam47se] { width: 100%; }
table:where(.bank-alloc) td[b-tr0jam47se], table:where(.bank-alloc) th[b-tr0jam47se] { font-variant-numeric: tabular-nums; }
table:where(.bank-alloc) tfoot td[b-tr0jam47se] { font-size: 13px; color: var(--fg-2); }
:where(.bank-find)[b-tr0jam47se] { display: flex; gap: 8px; max-width: 520px; }
:where(.bank-find) input[b-tr0jam47se] { flex: 1 1 auto; min-width: 0; margin: 0; }
ul:where(.bank-found)[b-tr0jam47se] { list-style: none; margin: 0; padding: 0; border: 1px solid var(--line); border-radius: 8px; max-height: 280px; overflow-y: auto; }
ul:where(.bank-found) li[b-tr0jam47se] { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 10px; align-items: center; padding: 7px 10px; border-bottom: 1px solid var(--line); font-size: 13.5px; }
ul:where(.bank-found) li:last-child[b-tr0jam47se] { border-bottom: 0; }
:where(.bank-add)[b-tr0jam47se] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); gap: 14px; align-items: start; }
:where(.bank-columns)[b-tr0jam47se] { margin: 10px 0; }
:where(.pair-inline)[b-tr0jam47se] { display: flex; gap: 6px; }
:where(.pair-inline) select[b-tr0jam47se] { min-width: 0; }
:where(.bank-preview)[b-tr0jam47se] { max-height: 420px; overflow: auto; margin: 8px 0; }
:where(.bank-checked) td[b-tr0jam47se] { vertical-align: top; }
:where(.bank-reopen) td[b-tr0jam47se] { background: var(--soft); }
@media (max-width: 720px) { :where(.bank-line-head)[b-tr0jam47se] { grid-template-columns: minmax(0, 1fr) auto; } }
@media (max-width: 720px) { :where(.bank-desc)[b-tr0jam47se], :where(.bank-hint)[b-tr0jam47se] { grid-column: 1 / -1; } }
@media (max-width: 720px) { :where(.bank-amount)[b-tr0jam47se] { grid-row: 1; grid-column: 2; } }
:where(.bank-checked) td:first-child[b-tr0jam47se], :where(.bank-checked) td:nth-child(3)[b-tr0jam47se] { white-space: nowrap; }
/* /Components/Pages/Staff/BankParts/BankImportsList.razor.rz.scp.css */
/* This component's own styles (Blazor CSS isolation), moved from app.css. The first class of each selector is in
   :where() so the scope attribute Blazor adds leaves the rule ranked as it was in app.css. */
:where(.bank-imports)[b-geutsuhqxm] { margin-top: 14px; }
/* /Components/Pages/Staff/EnrolmentParts/EnrolmentBoard.razor.rz.scp.css */
/* This component's own styles (Blazor CSS isolation), moved from app.css. The first class of each selector is in
   :where() so the scope attribute Blazor adds leaves the rule ranked as it was in app.css. */
table:where(.enrol-board) tbody tr:not(.board-day)[b-g4g7lmqrk2] { cursor: pointer; }
table:where(.enrol-board) tbody tr:not(.board-day):hover td[b-g4g7lmqrk2] { background: color-mix(in srgb, var(--navy-wash) 50%, transparent); }
table:where(.enrol-board) tr.board-day td[b-g4g7lmqrk2] { padding-top: 14px; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--muted); background: var(--soft); }
table:where(.enrol-board) tr.fits td:first-child[b-g4g7lmqrk2] { box-shadow: inset 3px 0 0 var(--link); }
td:where(.board-seats)[b-g4g7lmqrk2] { display: flex; align-items: center; gap: 8px; font-variant-numeric: tabular-nums; }
td:where(.board-seats) .fill[b-g4g7lmqrk2] { flex: none; width: 70px; height: 6px; border-radius: 3px; background: var(--soft); overflow: hidden; }
td:where(.board-seats) .fill > span[b-g4g7lmqrk2] { display: block; height: 100%; background: var(--pos); }
td:where(.board-seats) .fill > span.low[b-g4g7lmqrk2] { background: var(--gold); }
/* /Components/Pages/Staff/Enrolments.razor.rz.scp.css */
/* This component's own styles (Blazor CSS isolation), moved from app.css. The first class of each selector is in
   :where() so the scope attribute Blazor adds leaves the rule ranked as it was in app.css. */
:where(.found)[b-y9pg5hlxhk] { list-style: none; margin: 0 0 10px; padding: 0; border: 1px solid var(--line); border-radius: var(--radius-ctl); max-height: 180px; overflow-y: auto; }
:where(.found) li button[b-y9pg5hlxhk] { display: block; width: 100%; text-align: left; border: none; border-bottom: 1px solid var(--soft); border-radius: 0; background: var(--surface); padding: 6px 8px; }
:where(.found) li:last-child button[b-y9pg5hlxhk] { border-bottom: none; }
:where(.found) li button:hover[b-y9pg5hlxhk] { background: var(--hover); }
:where(.roster-head)[b-y9pg5hlxhk] { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; flex-wrap: wrap; }
:where(.roster-head) h2[b-y9pg5hlxhk] { margin: 18px 0 4px; }
:where(.enrolments-page) .enrol-warning[b-y9pg5hlxhk] { margin: 10px 0 0; }
:where(.enrolments-page) .panel-facts[b-y9pg5hlxhk] { margin: 0 0 14px; font-size: 13px; }
:where(.seat-quote)[b-y9pg5hlxhk] { margin: 8px 0 4px; font-size: 14px; font-variant-numeric: tabular-nums; }
:where(.seat-quote) strong[b-y9pg5hlxhk] { font-size: 15px; }
:where(.enrol-billing)[b-y9pg5hlxhk] { margin: 8px 0 0; padding: 6px 10px; border-radius: 8px; background: var(--pos-bg); color: var(--pos); font-size: 13.5px; }
:where(.enrol-billing) a[b-y9pg5hlxhk] { margin-left: 6px; }
:where(.enrol-picked)[b-y9pg5hlxhk] { display: grid; gap: 6px; }
:where(.enrol-theirs)[b-y9pg5hlxhk] { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; color: var(--fg-2); }
/* /Components/Pages/Staff/FollowUpParts/FollowUpFacts.razor.rz.scp.css */
/* This component's own styles (Blazor CSS isolation), moved from app.css. The first class of each selector is in
   :where() so the scope attribute Blazor adds leaves the rule ranked as it was in app.css. */
:where(.fu-card)[b-ax2smaarqa] { display: grid; gap: 10px; padding: 12px 14px; border: 1px solid var(--line); border-radius: var(--radius-card); background: var(--surface); }
:where(.fu-person)[b-ax2smaarqa] { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
:where(.fu-person) + .fu-person[b-ax2smaarqa] { padding-top: 10px; border-top: 1px solid var(--soft); }
:where(.fu-who)[b-ax2smaarqa] { display: grid; gap: 1px; min-width: 0; }
:where(.fu-card-foot)[b-ax2smaarqa] { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px; padding-top: 10px; border-top: 1px solid var(--soft); }
:where(.fu-quick)[b-ax2smaarqa] { display: inline-flex; gap: 4px; }
:where(.fu-quick) a[b-ax2smaarqa] { padding: 4px 10px; border: 1px solid var(--line); border-radius: var(--radius-ctl); font-size: 12.5px; color: var(--fg); }
:where(.fu-quick) a:hover[b-ax2smaarqa] { border-color: var(--link); color: var(--link); text-decoration: none; }
:where(.fu-money)[b-ax2smaarqa] { grid-template-columns: auto minmax(0, 1fr); align-items: start; column-gap: 18px; }
:where(.fu-owes)[b-ax2smaarqa] { display: grid; gap: 0; }
:where(.fu-owes) strong[b-ax2smaarqa] { font-size: 22px; line-height: 1.15; color: var(--warn); font-variant-numeric: tabular-nums; }
ul:where(.fu-invoices)[b-ax2smaarqa] { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; font-size: 13px; }
ul:where(.fu-invoices) li[b-ax2smaarqa] { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 10px; align-items: baseline; }
:where(.fu-card-title)[b-ax2smaarqa] { display: flex; align-items: baseline; gap: 8px; }
ul:where(.fu-abs)[b-ax2smaarqa] { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
ul:where(.fu-abs) li[b-ax2smaarqa] { display: grid; grid-template-columns: 92px minmax(0, 1fr) auto; gap: 10px; }
/* /Components/Pages/Staff/FollowUpParts/FollowUpHistory.razor.rz.scp.css */
/* This component's own styles (Blazor CSS isolation), moved from app.css. The first class of each selector is in
   :where() so the scope attribute Blazor adds leaves the rule ranked as it was in app.css. */
:where(.fu-history) ol[b-3zc4m9efka] { list-style: none; margin: 0; padding: 0 0 0 14px; border-left: 2px solid var(--line); display: grid; gap: 10px; }
:where(.fu-history) li[b-3zc4m9efka] { display: grid; gap: 1px; position: relative; font-size: 13.5px; }
:where(.fu-history) li[b-3zc4m9efka]::before { content: ""; position: absolute; left: -20px; top: 6px; width: 8px; height: 8px; border-radius: 50%; background: var(--muted-2); }
:where(.fu-history) li.spoke[b-3zc4m9efka]::before { background: var(--pos); }
/* /Components/Pages/Staff/FollowUps.razor.rz.scp.css */
/* This component's own styles (Blazor CSS isolation), moved from app.css. The first class of each selector is in
   :where() so the scope attribute Blazor adds leaves the rule ranked as it was in app.css. */
:where(.follow-ups-page) .run-card[b-nkercgmuto] { margin-top: 12px; }
:where(.follow-ups-page) .run-head[b-nkercgmuto] { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
:where(.follow-ups-page) .run-head h3[b-nkercgmuto] { margin: 0 0 6px; }
:where(.follow-ups-page) .snooze-picks[b-nkercgmuto] { display: flex; flex-wrap: wrap; gap: 6px; margin: -2px 0 12px; }
:where(.follow-ups-page) .snooze-picks button[b-nkercgmuto] { font-size: 12px; padding: 3px 9px; }
:where(.fu-outcome)[b-nkercgmuto] { margin-top: 4px; color: var(--fg-2); }
@media (max-width: 900px) { li:where(.fu-row)[b-nkercgmuto] { grid-template-columns: 1fr; } }
@media (max-width: 900px) { :where(.fu-actions)[b-nkercgmuto] { justify-content: flex-start; } }
:where(.fu-repeat)[b-nkercgmuto] { background: var(--chip-follow-bg); color: var(--chip-follow); }
ul:where(.fu-list)[b-nkercgmuto] { list-style: none; margin: 0; padding: 0; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-card); overflow: hidden; }
li:where(.fu-group)[b-nkercgmuto] { display: flex; align-items: center; gap: 8px; padding: 8px 18px; background: var(--soft); border-bottom: 1px solid var(--line); font-size: 11.5px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--muted); }
li:where(.fu-group):not(:first-child)[b-nkercgmuto] { border-top: 1px solid var(--line); }
li:where(.fu-row)[b-nkercgmuto] { display: grid; grid-template-columns: 112px minmax(0, 1fr) 80px auto; gap: 4px 18px; align-items: center; padding: 14px 18px; border-bottom: 1px solid var(--soft); }
li:where(.fu-row):last-child[b-nkercgmuto] { border-bottom: none; }
li:where(.fu-row):hover[b-nkercgmuto] { background: color-mix(in srgb, var(--navy-wash) 40%, var(--surface)); }
:where(.fu-due)[b-nkercgmuto] { display: grid; gap: 1px; font-variant-numeric: tabular-nums; }
:where(.fu-date)[b-nkercgmuto] { font-weight: 600; font-size: 13.5px; }
:where(.fu-title)[b-nkercgmuto] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; }
:where(.fu-open)[b-nkercgmuto] { padding: 0; border: 0; background: none; font: inherit; font-size: 14.5px; font-weight: 600; color: var(--fg); text-align: left; cursor: pointer; }
:where(.fu-open):hover[b-nkercgmuto] { color: var(--link); }
:where(.fu-facts)[b-nkercgmuto] { display: flex; flex-wrap: wrap; gap: 2px 14px; align-items: baseline; margin-top: 3px; font-size: 13px; color: var(--fg-2); }
:where(.fu-facts) a[b-nkercgmuto] { color: var(--fg-2); text-decoration: none; }
:where(.fu-facts) a:hover[b-nkercgmuto] { color: var(--link); text-decoration: underline; }
:where(.fu-phone)[b-nkercgmuto] { font-variant-numeric: tabular-nums; white-space: nowrap; }
:where(.fu-owing)[b-nkercgmuto] { color: var(--warn); font-weight: 600; }
:where(.fu-tried)[b-nkercgmuto] { margin-top: 3px; font-size: 12.5px; color: var(--muted); }
:where(.fu-owner)[b-nkercgmuto] { font-size: 12.5px; color: var(--muted); }
:where(.fu-actions)[b-nkercgmuto] { display: flex; justify-content: flex-end; }
:where(.fu-go)[b-nkercgmuto] { padding: 6px 12px; border: 1px solid var(--line-strong); border-radius: var(--radius-ctl); background: var(--surface); font: inherit; font-size: 13px; font-weight: 600; color: var(--fg); cursor: pointer; white-space: nowrap; }
:where(.fu-go):hover[b-nkercgmuto] { border-color: var(--link); color: var(--link); }
@media (max-width: 900px) { li:where(.fu-row)[b-nkercgmuto] { grid-template-columns: 1fr auto; } }
@media (max-width: 900px) { :where(.fu-due)[b-nkercgmuto] { grid-column: 1 / -1; display: flex; gap: 8px; } }
@media (max-width: 900px) { :where(.fu-owner)[b-nkercgmuto] { display: none; } }
:where(.fu-panel)[b-nkercgmuto] { display: grid; gap: 16px; }
:where(.fu-panel) a[b-nkercgmuto] { text-decoration: none; }
:where(.fu-panel) a:hover[b-nkercgmuto] { text-decoration: underline; }
:where(.fu-head)[b-nkercgmuto] { display: grid; gap: 6px; padding-bottom: 14px; border-bottom: 1px solid var(--line); }
:where(.fu-head-line)[b-nkercgmuto] { display: flex; align-items: center; gap: 8px; }
:where(.fu-late)[b-nkercgmuto] { padding: 1px 8px; border-radius: 999px; background: var(--neg-bg); color: var(--neg); font-size: 12px; font-weight: 600; }
:where(.fu-step)[b-nkercgmuto] { margin-left: auto; display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--fg-2); font-variant-numeric: tabular-nums; }
:where(.fu-arrow)[b-nkercgmuto] { display: inline-grid; place-items: center; width: 30px; height: 30px; padding: 0 0 2px; border: 1px solid var(--line-strong); border-radius: var(--radius-ctl); background: var(--surface); font-size: 18px; line-height: 1; color: var(--fg); cursor: pointer; }
:where(.fu-arrow):hover:not(:disabled)[b-nkercgmuto] { border-color: var(--link); color: var(--link); }
:where(.fu-arrow):disabled[b-nkercgmuto] { opacity: .35; cursor: default; }
h3:where(.fu-title)[b-nkercgmuto] { margin: 2px 0 0; font-size: 17px; line-height: 1.35; text-wrap: balance; }
:where(.fu-detail-text)[b-nkercgmuto] { margin: 2px 0 0; font-size: 13.5px; color: var(--fg-2); white-space: pre-wrap; }
:where(.fu-log) textarea[b-nkercgmuto] { width: 100%; min-height: 56px; padding: 9px 11px; border: 1px solid var(--line-strong); border-radius: var(--radius-ctl); font: inherit; font-size: 14px; background: var(--surface); color: var(--fg); resize: vertical; }
:where(.fu-tries)[b-nkercgmuto] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
:where(.fu-tries) button[b-nkercgmuto] { display: grid; gap: 1px; justify-items: start; padding: 9px 12px; border: 1px solid var(--line-strong); border-radius: var(--radius-ctl); background: var(--surface); font: inherit; text-align: left; cursor: pointer; }
:where(.fu-tries) button strong[b-nkercgmuto] { font-size: 13.5px; color: var(--fg); }
:where(.fu-tries) button span[b-nkercgmuto] { font-size: 12px; color: var(--muted); }
:where(.fu-tries) button:hover:not(:disabled)[b-nkercgmuto] { border-color: var(--link); background: var(--navy-wash); }
:where(.fu-spoke)[b-nkercgmuto] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr); gap: 8px; }
:where(.fu-spoke) > button[b-nkercgmuto] { padding: 10px 12px; font-weight: 600; }
:where(.fu-later)[b-nkercgmuto] { display: flex; border: 1px solid var(--line-strong); border-radius: var(--radius-ctl); overflow: hidden; }
:where(.fu-later) button[b-nkercgmuto] { flex: 1 1 auto; white-space: nowrap; border: 0; border-right: 1px solid var(--line); border-radius: 0; background: var(--surface); font: inherit; font-size: 13.5px; font-weight: 600; cursor: pointer; }
:where(.fu-later) button:hover:not(:disabled)[b-nkercgmuto] { background: var(--navy-wash); }
:where(.fu-later) input[type=date][b-nkercgmuto] { flex: 0 0 auto; width: 128px; padding: 6px 8px; border: 0; font: inherit; font-size: 13px; background: var(--surface); color: var(--fg); }
:where(.fu-more)[b-nkercgmuto] { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 14px; border-top: 1px solid var(--line); }
:where(.fu-more) button[b-nkercgmuto] { padding: 5px 11px; border: 1px solid var(--line); border-radius: var(--radius-ctl); background: var(--surface); font: inherit; font-size: 12.5px; color: var(--fg-2); cursor: pointer; }
:where(.fu-more) button:hover[b-nkercgmuto] { border-color: var(--line-strong); color: var(--fg); }
:where(.fu-more) button.danger-quiet[b-nkercgmuto] { margin-left: auto; color: var(--neg); }
@media (max-width: 520px) { :where(.fu-tries)[b-nkercgmuto], :where(.fu-spoke)[b-nkercgmuto] { grid-template-columns: 1fr; } }
/* /Components/Pages/Staff/Inbox/InboxChatComposer.razor.rz.scp.css */
/* This component's own styles (Blazor CSS isolation). The first class of each selector is in :where() so the scope attribute Blazor
   adds leaves the rule ranked as the inbox page's own composer rules are. */
:where(.inbox-composer)[b-5otv4p5jfx] { margin-top: 4px; }
:where(.inbox-composer) h3[b-5otv4p5jfx] { margin: 0 0 8px; }
:where(.composer-head)[b-5otv4p5jfx] { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
:where(.composer-head) h3[b-5otv4p5jfx] { margin: 0; }
:where(.chat-start-preview)[b-5otv4p5jfx] { white-space: pre-wrap; overflow-wrap: anywhere; padding: 10px 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--soft); }
:where(.inbox-cannot)[b-5otv4p5jfx] { margin-top: 4px; }
/* /Components/Pages/Staff/Inbox/InboxFamilyPanel.razor.rz.scp.css */
/* This component's own styles (Blazor CSS isolation), moved from app.css. The first class of each selector is in
   :where() so the scope attribute Blazor adds leaves the rule ranked as it was in app.css. */
:where(.inbox-panel) .panel-head[b-jeqifrktqm] { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
:where(.inbox-panel) h3[b-jeqifrktqm] { margin: 0; }
:where(.inbox-panel) h4[b-jeqifrktqm] { margin: 14px 0 4px; font-size: 13px; font-weight: 600; color: var(--fg); }
:where(.inbox-panel) .panel-name[b-jeqifrktqm] { margin: 6px 0 8px; font-weight: 600; font-size: 14px; overflow-wrap: anywhere; }
:where(.inbox-panel) .panel-actions[b-jeqifrktqm] { display: flex; flex-wrap: wrap; gap: 2px 12px; }
:where(.inbox-panel) .panel-child[b-jeqifrktqm] { padding: 5px 0; border-bottom: 1px solid var(--soft); }
:where(.inbox-panel) .panel-child:last-of-type[b-jeqifrktqm] { border-bottom: none; }
:where(.inbox-panel) ul.panel-classes[b-jeqifrktqm] { margin: 3px 0 0; padding-left: 16px; font-size: 12px; color: var(--fg-2); }
:where(.inbox-panel) ul.panel-list[b-jeqifrktqm] { list-style: none; margin: 0; padding: 0; }
:where(.inbox-panel) ul.panel-list li[b-jeqifrktqm] { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; padding: 4px 0; border-bottom: 1px solid var(--soft); font-size: 12.5px; }
:where(.inbox-panel) ul.panel-list li:last-child[b-jeqifrktqm] { border-bottom: none; }
:where(.inbox-panel) .panel-links[b-jeqifrktqm] { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 12px 0 0; }
@media (max-width: 1200px) { :where(.inbox).with-panel .inbox-panel[b-jeqifrktqm] { grid-column: 2; } }
@media (max-width: 900px) { :where(.inbox).with-panel .inbox-panel[b-jeqifrktqm] { grid-column: auto; } }
/* /Components/Pages/Staff/Inbox/InboxThreadList.razor.rz.scp.css */
/* This component's own styles (Blazor CSS isolation), moved from app.css. The first class of each selector is in
   :where() so the scope attribute Blazor adds leaves the rule ranked as it was in app.css. */
:where(.inbox-more)[b-z87el0qx1a] { margin: 6px 2px 0; }
ul:where(.inbox-threads)[b-z87el0qx1a] { list-style: none; margin: 0; padding: 0; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-card); max-height: calc(100vh - 230px); min-height: 160px; overflow-y: auto; }
ul:where(.inbox-threads) li[b-z87el0qx1a] { position: relative; border-bottom: 1px solid var(--soft); }
ul:where(.inbox-threads) li:last-child[b-z87el0qx1a] { border-bottom: none; }
:where(.inbox-threads) .thread-top[b-z87el0qx1a] { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
:where(.inbox-threads) .thread-who[b-z87el0qx1a] { min-width: 0; font-size: 13.5px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:where(.inbox-threads) li.unread .thread-who[b-z87el0qx1a] { font-weight: 700; }
:where(.inbox-threads) .thread-when[b-z87el0qx1a] { flex: none; color: var(--muted); font-size: 11.5px; white-space: nowrap; font-variant-numeric: tabular-nums; }
:where(.inbox-threads) .thread-subject[b-z87el0qx1a], :where(.inbox-threads) .thread-preview[b-z87el0qx1a] { display: block; font-size: 12.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 1px; }
:where(.inbox-threads) .thread-preview[b-z87el0qx1a] { color: var(--muted); }
:where(.inbox-threads) .thread-channel[b-z87el0qx1a] { font-size: 11px; font-weight: 600; color: var(--muted); margin-right: 6px; }
:where(.inbox-threads) .thread-meta[b-z87el0qx1a] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin-top: 5px; font-size: 11px; }
:where(.needs-reply-mark)[b-z87el0qx1a] { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--neg); margin-right: 6px; vertical-align: middle; }
@media (max-width: 1200px) { :where(.inbox).with-panel .inbox-list[b-z87el0qx1a] { grid-row: span 2; } }
@media (max-width: 900px) { :where(.inbox).with-panel .inbox-list[b-z87el0qx1a] { grid-row: auto; } }
@media (max-width: 900px) { :where(.inbox).has-open .inbox-list[b-z87el0qx1a] { display: none; } }
@media (max-width: 900px) { ul:where(.inbox-threads)[b-z87el0qx1a] { max-height: none; min-height: 0; } }
/* /Components/Pages/Staff/Inbox/NewMessagePicker.razor.rz.scp.css */
/* This component's own styles (Blazor CSS isolation), moved from app.css. The first class of each selector is in
   :where() so the scope attribute Blazor adds leaves the rule ranked as it was in app.css. */
ul:where(.inbox-found) .found-actions[b-x4ys6w91yy] { display: flex; flex: none; gap: 2px; }
:where(.inbox-pick-find)[b-x4ys6w91yy] { display: flex; gap: 8px; align-items: flex-end; }
/* /Components/Pages/Staff/MakeUps.razor.rz.scp.css */
/* This component's own styles (Blazor CSS isolation), moved from app.css. The first class of each selector is in
   :where() so the scope attribute Blazor adds leaves the rule ranked as it was in app.css. */
:where(.week-step)[b-42869ihpg8] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
:where(.week-step) > span[b-42869ihpg8] { font-weight: 600; font-variant-numeric: tabular-nums; }
table:where(.offer) input.seat-input[b-42869ihpg8] { width: 4.5rem; text-align: right; }
/* /Components/Pages/Staff/Messages.razor.rz.scp.css */
/* This component's own styles (Blazor CSS isolation), moved from app.css. The first class of each selector is in
   :where() so the scope attribute Blazor adds leaves the rule ranked as it was in app.css. */
:where(.inbox-tabs) button[b-mnon8k0kqb] { border: none; border-bottom: 2px solid transparent; border-radius: 0; background: none; color: var(--fg-2); padding: 7px 10px; margin-bottom: -1px; }
:where(.inbox-tabs) button:hover[b-mnon8k0kqb] { background: none; color: var(--fg); }
:where(.inbox-tabs) .tab-count[b-mnon8k0kqb] { display: inline-block; min-width: 18px; margin-left: 6px; padding: 0 6px; border-radius: 999px; background: var(--soft); color: var(--fg-2); font-size: 11px; font-weight: 500; line-height: 1.6; text-align: center; font-variant-numeric: tabular-nums; }
:where(.inbox)[b-mnon8k0kqb] { display: grid; grid-template-columns: 320px minmax(0, 1fr); gap: 16px; align-items: start; margin-top: 10px; }
:where(.inbox).with-panel[b-mnon8k0kqb] { grid-template-columns: 300px minmax(0, 1fr) 280px; }
:where(.inbox-back)[b-mnon8k0kqb] { display: none; }
:where(.inbox-thread) .thread-head[b-mnon8k0kqb] { display: flex; justify-content: space-between; align-items: flex-start; gap: 8px 16px; flex-wrap: wrap; padding-bottom: 10px; border-bottom: 1px solid var(--line); }
:where(.inbox-thread) .thread-titles[b-mnon8k0kqb] { min-width: 0; }
:where(.inbox-thread) .thread-head h2[b-mnon8k0kqb] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 0 0 2px; font-size: 18px; }
:where(.inbox-thread) .thread-head h2 a[b-mnon8k0kqb] { color: var(--fg); text-decoration: none; overflow-wrap: anywhere; }
:where(.inbox-thread) .thread-head h2 a:hover[b-mnon8k0kqb] { text-decoration: underline; }
:where(.inbox-thread) .thread-sub[b-mnon8k0kqb] { margin: 0; overflow-wrap: anywhere; }
:where(.inbox-thread) .thread-actions[b-mnon8k0kqb] { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
:where(.inbox-cannot)[b-mnon8k0kqb] { margin-top: 4px; }
:where(.inbox-stream)[b-mnon8k0kqb] { display: flex; flex-direction: column; gap: 10px; margin: 14px 0; }
:where(.inbox-msg)[b-mnon8k0kqb] { max-width: min(82%, 640px); padding: 9px 12px; border: 1px solid var(--line); border-radius: var(--radius-card); font-size: 13.5px; }
:where(.inbox-msg).inbound[b-mnon8k0kqb] { align-self: flex-start; background: var(--surface); border-bottom-left-radius: 4px; }
:where(.inbox-msg).outbound[b-mnon8k0kqb] { align-self: flex-end; background: var(--navy-wash); border-color: transparent; border-bottom-right-radius: 4px; }
:where(.inbox-msg) .msg-head[b-mnon8k0kqb] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; font-size: 12px; color: var(--fg-2); margin-bottom: 4px; }
:where(.inbox-msg) .msg-head strong[b-mnon8k0kqb] { color: var(--fg); overflow-wrap: anywhere; }
:where(.inbox-msg) .msg-head > span:not(.msg-when)[b-mnon8k0kqb] { overflow-wrap: anywhere; }
:where(.inbox-msg) .msg-when[b-mnon8k0kqb] { margin-left: auto; color: var(--muted); white-space: nowrap; font-variant-numeric: tabular-nums; }
:where(.inbox-msg) .msg-subject[b-mnon8k0kqb] { font-weight: 600; margin-bottom: 3px; overflow-wrap: anywhere; }
:where(.inbox-msg) .msg-body[b-mnon8k0kqb] { white-space: pre-wrap; overflow-wrap: anywhere; }
:where(.inbox-msg) .msg-status[b-mnon8k0kqb] { margin-top: 6px; }
:where(.inbox-msg).outbound .msg-status[b-mnon8k0kqb] { text-align: right; }
:where(.inbox-composer)[b-mnon8k0kqb] { margin-top: 4px; }
:where(.inbox-composer) h3[b-mnon8k0kqb] { margin: 0 0 8px; }
:where(.inbox-link) h3[b-mnon8k0kqb] { margin: 0 0 4px; }
@media (max-width: 1200px) { :where(.inbox).with-panel[b-mnon8k0kqb] { grid-template-columns: 300px minmax(0, 1fr); } }
@media (max-width: 900px) { :where(.inbox)[b-mnon8k0kqb], :where(.inbox).with-panel[b-mnon8k0kqb] { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 900px) { :where(.inbox-back)[b-mnon8k0kqb] { display: inline-flex; margin: 0 0 8px; padding-left: 0; } }
@media (max-width: 900px) { :where(.inbox-msg)[b-mnon8k0kqb] { max-width: 92%; } }
:where(.composer-head)[b-mnon8k0kqb] { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
:where(.composer-head) h3[b-mnon8k0kqb] { margin: 0; }