/* /Components/AgendaDetailPanel.razor.rz.scp.css */
.panel-backdrop[b-71l1f1ksx5] {
    position: fixed;
    inset: 0;
    z-index: 80;
    background: rgba(13, 37, 44, .28);
}

.agenda-detail-panel[b-71l1f1ksx5] {
    position: fixed;
    z-index: 81;
    inset: 0 0 0 auto;
    width: min(34rem, 100%);
    display: grid;
    grid-template-rows: auto 1fr auto;
    background: #fff;
    box-shadow: -12px 0 34px rgba(12, 35, 42, .18);
}

header[b-71l1f1ksx5],
footer[b-71l1f1ksx5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #dce5e2;
}

header p[b-71l1f1ksx5] {
    margin: 0 0 .2rem;
    color: #148c89;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

header h2[b-71l1f1ksx5] {
    margin: 0;
    color: #153d4a;
}

.close-button[b-71l1f1ksx5] {
    width: 2.6rem;
    height: 2.6rem;
    border: 0;
    border-radius: 50%;
    font-size: 1.5rem;
}

.detail-body[b-71l1f1ksx5] {
    overflow-y: auto;
    padding: 1.5rem;
}

dl[b-71l1f1ksx5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
    margin: 0;
}

dt[b-71l1f1ksx5] {
    color: #65757a;
    font-size: .8rem;
}

dd[b-71l1f1ksx5] {
    margin: .2rem 0 0;
    color: #162e36;
    font-weight: 650;
}

section[b-71l1f1ksx5],
.room-warning[b-71l1f1ksx5] {
    margin-top: 1.5rem;
}

.delete-warning[b-71l1f1ksx5],
.delete-error[b-71l1f1ksx5] {
    display: grid;
    gap: .35rem;
    margin-top: 1.5rem;
    padding: .85rem 1rem;
    border-left: 4px solid #b4352d;
    background: #fff0ee;
    color: #6f211c;
}

section h3[b-71l1f1ksx5] {
    margin-bottom: .4rem;
}

section p[b-71l1f1ksx5] {
    margin: 0;
    white-space: pre-wrap;
}

.room-warning[b-71l1f1ksx5] {
    padding: .85rem 1rem;
    border-left: 4px solid #e2a616;
    background: #fff7d8;
}

footer[b-71l1f1ksx5] {
    justify-content: flex-end;
    border-top: 1px solid #dce5e2;
    border-bottom: 0;
}

footer button[b-71l1f1ksx5] {
    padding: .7rem 1rem;
}

footer .primary[b-71l1f1ksx5] {
    border-color: #148c89;
    background: #148c89;
    color: #fff;
}

footer .danger[b-71l1f1ksx5],
footer .danger-outline[b-71l1f1ksx5] {
    border-color: #b4352d;
    color: #8f2b24;
}

footer .danger[b-71l1f1ksx5] {
    background: #b4352d;
    color: #fff;
}

footer .danger-outline[b-71l1f1ksx5] {
    background: #fff;
}

footer button:disabled[b-71l1f1ksx5] {
    cursor: wait;
    opacity: .68;
}

@media (max-width: 42rem) {
    .agenda-detail-panel[b-71l1f1ksx5] {
        width: 100%;
    }

    dl[b-71l1f1ksx5] {
        grid-template-columns: 1fr;
    }

    footer[b-71l1f1ksx5] {
        flex-wrap: wrap;
    }
}
/* /Components/AgendaPanel.razor.rz.scp.css */
.panel-backdrop[b-9eyq4inew9] {
    background: rgba(37, 42, 34, 0.38);
    inset: 0;
    position: fixed;
    z-index: 40;
}

.agenda-panel[b-9eyq4inew9] {
    background: #fbfcf9;
    border-left: 1px solid #dfe3d9;
    box-shadow: -18px 0 55px rgba(37, 43, 32, 0.18);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    width: min(720px, 62vw);
    z-index: 50;
}

.panel-header[b-9eyq4inew9] {
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #e2e6dc;
    display: flex;
    justify-content: space-between;
    padding: 1.35rem 1.75rem;
}

.panel-header p[b-9eyq4inew9] {
    color: var(--trefora-turquoise-dark);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    margin: 0 0 0.2rem;
    text-transform: uppercase;
}

.panel-header h2[b-9eyq4inew9] {
    font-size: 1.55rem;
    letter-spacing: -0.035em;
    margin: 0;
}

.close-button[b-9eyq4inew9] {
    align-items: center;
    background: #f1f3ed;
    border: 0;
    border-radius: 50%;
    color: #4d5349;
    cursor: pointer;
    display: flex;
    font-size: 1.65rem;
    height: 2.6rem;
    justify-content: center;
    width: 2.6rem;
}

.agenda-form[b-9eyq4inew9] {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    min-height: 0;
}

.panel-body[b-9eyq4inew9] {
    min-height: 0;
    overflow-y: auto;
    padding: 0 1.75rem 1.25rem;
    scroll-padding-bottom: 1.25rem;
}

section[b-9eyq4inew9] {
    border-bottom: 1px solid #e2e6dc;
    display: grid;
    gap: 1rem;
    grid-template-columns: 2.25rem 1fr;
    padding: 1.6rem 0;
}

.section-number[b-9eyq4inew9] {
    align-items: center;
    background: var(--trefora-surface-soft);
    border-radius: 50%;
    color: var(--trefora-petrol);
    display: flex;
    font-size: 0.82rem;
    font-weight: 850;
    height: 2.1rem;
    justify-content: center;
    width: 2.1rem;
}

.section-content[b-9eyq4inew9] {
    min-width: 0;
}

h3[b-9eyq4inew9] {
    font-size: 1.05rem;
    margin: 0 0 1rem;
}

.section-content label.recurring-option[b-9eyq4inew9] {
    align-items: center;
    display: inline-flex;
    gap: 0.55rem;
    margin-top: 0.8rem;
    width: fit-content;
}

.recurring-option input[b-9eyq4inew9] {
    height: 1.1rem;
    margin: 0;
    min-height: auto;
    padding: 0;
    width: 1.1rem;
}

.recurring-option span[b-9eyq4inew9] {
    line-height: 1.1rem;
}

label:not(.assignee-option)[b-9eyq4inew9] {
    display: grid;
    font-size: 0.76rem;
    font-weight: 750;
    gap: 0.3rem;
    margin-top: 0.8rem;
}

label small[b-9eyq4inew9] {
    color: #71786c;
    font-weight: 600;
}

select[b-9eyq4inew9],
input[b-9eyq4inew9],
textarea[b-9eyq4inew9] {
    background: #fff;
    border: 1px solid #d5dbd0;
    border-radius: 0.55rem;
    color: #343a31;
    font: inherit;
    min-height: 2.7rem;
    padding: 0.55rem 0.7rem;
    width: 100%;
}

textarea[b-9eyq4inew9] {
    min-height: 6rem;
    resize: vertical;
}

select:focus[b-9eyq4inew9],
input:focus[b-9eyq4inew9],
textarea:focus[b-9eyq4inew9] {
    border-color: var(--trefora-turquoise);
    box-shadow: 0 0 0 3px rgba(47, 154, 152, 0.16);
    outline: none;
}

.assignee-list[b-9eyq4inew9] {
    display: grid;
    gap: 0.45rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.assignee-option[b-9eyq4inew9] {
    align-items: center;
    background: #fff;
    border: 1px solid #dfe4d8;
    border-radius: 0.55rem;
    display: flex;
    gap: 0.55rem;
    padding: 0.65rem 0.75rem;
}

.assignee-option input[b-9eyq4inew9] {
    height: 1.1rem;
    margin: 0;
    min-height: auto;
    padding: 0;
    width: 1.1rem;
}

.field-note[b-9eyq4inew9] {
    color: #71786c;
    font-size: 0.78rem;
    margin: 0.55rem 0 0;
}

.panel-footer[b-9eyq4inew9] {
    align-items: center;
    background: #fff;
    border-top: 1px solid #dfe3d9;
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    justify-content: flex-end;
    padding: 0.95rem 1.75rem;
}

.panel-footer button[b-9eyq4inew9] {
    border: 1px solid #d3d8ce;
    border-radius: 0.6rem;
    cursor: pointer;
    font-weight: 750;
    min-height: 2.8rem;
    padding: 0.6rem 1rem;
}

.panel-footer .primary[b-9eyq4inew9] {
    background: var(--trefora-petrol);
    border-color: var(--trefora-petrol);
    color: #fff;
}

.panel-footer .primary:hover:not(:disabled)[b-9eyq4inew9] {
    background: var(--trefora-petrol-strong);
    border-color: var(--trefora-petrol-strong);
    color: #fff;
}

.panel-footer .secondary[b-9eyq4inew9] {
    background: #fff;
}

.panel-footer button:disabled[b-9eyq4inew9] {
    cursor: wait;
    opacity: 0.58;
}

.error-summary[b-9eyq4inew9] {
    background: #fff1ee;
    border: 1px solid #f0c8c1;
    border-radius: 0.65rem;
    color: #852b20;
    margin: 1rem 0 0;
    padding: 0.85rem 1rem;
}

.error-summary ul[b-9eyq4inew9] {
    margin: 0.4rem 0 0;
    padding-left: 1.2rem;
}

.panel-state[b-9eyq4inew9] {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    justify-content: center;
    min-height: 20rem;
    padding: 2rem;
    text-align: center;
}

@media (max-width: 760px) {
    .agenda-panel[b-9eyq4inew9] {
        width: 100vw;
    }

    .panel-header[b-9eyq4inew9],
    .panel-footer[b-9eyq4inew9] {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .panel-body[b-9eyq4inew9] {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    section[b-9eyq4inew9] {
        grid-template-columns: 2rem 1fr;
    }

    .assignee-list[b-9eyq4inew9] {
        grid-template-columns: 1fr;
    }
}
.discard-warning[b-9eyq4inew9] {
    background: #fff7d6;
    border: 1px solid #dfc866;
    border-radius: 0.55rem;
    display: grid;
    gap: 0.15rem;
    margin: 0 0 1rem;
    padding: 0.75rem 0.85rem;
}

.discard-warning span[b-9eyq4inew9] {
    color: #665d35;
    font-size: 0.82rem;
}

.panel-footer .danger-outline[b-9eyq4inew9] {
    border-color: #cf8278;
    color: #9d3025;
}
/* /Components/BookingDetailPanel.razor.rz.scp.css */
.panel-backdrop[b-d5n679jbop] {
    background: rgba(37, 42, 34, 0.38);
    inset: 0;
    position: fixed;
    z-index: 40;
}

.detail-panel[b-d5n679jbop] {
    background: #fbfcf9;
    border-left: 1px solid #dfe3d9;
    box-shadow: -18px 0 55px rgba(37, 43, 32, 0.18);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    height: 100vh;
    height: 100dvh;
    position: fixed;
    right: 0;
    top: 0;
    width: min(620px, 56vw);
    z-index: 50;
}

.detail-panel > header[b-d5n679jbop] {
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #e2e6dc;
    display: flex;
    justify-content: space-between;
    padding: 1.35rem 1.75rem;
}

header p[b-d5n679jbop] {
    color: var(--trefora-turquoise-dark);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    margin: 0 0 0.2rem;
    text-transform: uppercase;
}

header h2[b-d5n679jbop] {
    font-size: 1.55rem;
    letter-spacing: -0.035em;
    margin: 0;
}

.close-button[b-d5n679jbop] {
    align-items: center;
    background: #f1f3ed;
    border: 0;
    border-radius: 50%;
    color: #4d5349;
    cursor: pointer;
    display: flex;
    font-size: 1.65rem;
    height: 2.6rem;
    justify-content: center;
    width: 2.6rem;
}

.detail-body[b-d5n679jbop] {
    min-height: 0;
    overflow-y: auto;
    padding: 1.5rem 1.75rem;
}

.status[b-d5n679jbop] {
    border-radius: 999px;
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 800;
    padding: 0.3rem 0.65rem;
}

.status.confirmed[b-d5n679jbop] {
    background: #e5f5db;
    color: #2f6e1b;
}

.status.option[b-d5n679jbop] {
    background: #fff5bc;
    color: #665800;
}

.series-status[b-d5n679jbop] {
    color: #4f5e47;
    display: inline-block;
    font-size: 0.78rem;
    font-weight: 750;
    margin-left: 0.55rem;
}

.series-status span[b-d5n679jbop] {
    color: #7a6b34;
}

section[b-d5n679jbop] {
    border-bottom: 1px solid #e2e6dc;
    padding: 1.5rem 0;
}

section:last-child[b-d5n679jbop] {
    border-bottom: 0;
}

dl[b-d5n679jbop] {
    display: grid;
    gap: 0;
    margin: 0;
}

dl div[b-d5n679jbop] {
    align-items: baseline;
    border-bottom: 1px solid #e7eae3;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(9rem, 0.8fr) minmax(0, 1.7fr);
    padding: 0.7rem 0;
}

dt[b-d5n679jbop] {
    color: #747a70;
    font-size: 0.74rem;
    font-weight: 750;
}

dd[b-d5n679jbop] {
    color: #30362d;
    font-size: 0.94rem;
    line-height: 1.35;
    margin: 0;
}

.primary-details dd[b-d5n679jbop] {
    font-size: 1rem;
    font-weight: 700;
}

.confirmation[b-d5n679jbop] {
    background: #fff9d9;
    border: 1px solid #eadb82;
    border-radius: 0.65rem;
    display: grid;
    font-size: 0.86rem;
    gap: 0.35rem;
    margin-top: 1.25rem;
    padding: 0.85rem 0.95rem;
}

.confirmation span[b-d5n679jbop] {
    color: #666043;
}

.confirmation .action-error[b-d5n679jbop] {
    color: #a52f23;
    font-weight: 700;
}

.confirmation.destructive[b-d5n679jbop] {
    background: #fff1ee;
    border-color: #e4aaa1;
}

.confirmation label[b-d5n679jbop] {
    display: grid;
    font-size: 0.76rem;
    font-weight: 750;
    gap: 0.3rem;
    margin-top: 0.4rem;
}

.confirmation textarea[b-d5n679jbop] {
    border: 1px solid #d5dbd0;
    border-radius: 0.55rem;
    font: inherit;
    min-height: 5rem;
    padding: 0.6rem 0.7rem;
    resize: vertical;
}

.series-choice[b-d5n679jbop] {
    display: grid;
    gap: 0.45rem;
}

@media (max-width: 480px) {
    dl div[b-d5n679jbop] {
        gap: 0.2rem;
        grid-template-columns: 1fr;
    }
}

footer[b-d5n679jbop] {
    background: #fff;
    border-top: 1px solid #dfe3da;
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    justify-content: flex-end;
    padding: 1rem 1.75rem calc(1rem + env(safe-area-inset-bottom));
}

footer button[b-d5n679jbop] {
    background: #fff;
    border: 1px solid #d3d8ce;
    border-radius: 0.6rem;
    cursor: pointer;
    font: inherit;
    font-weight: 750;
    min-height: 2.8rem;
    padding: 0.6rem 1rem;
}

footer button:disabled[b-d5n679jbop] {
    cursor: wait;
    opacity: 0.58;
}

footer .primary[b-d5n679jbop] {
    background: var(--trefora-petrol);
    border-color: var(--trefora-petrol);
    color: #fff;
}

footer .danger[b-d5n679jbop] {
    background: #b83b2f;
    border-color: #b83b2f;
    color: #fff;
}

footer .danger-outline[b-d5n679jbop] {
    border-color: #cf8278;
    color: #9d3025;
}

@media (max-width: 760px) {
    .detail-panel[b-d5n679jbop] {
        width: 100%;
    }
}
.booking-history[b-d5n679jbop] {
    border-top: 1px solid var(--trefora-border);
    padding-top: 1rem;
}

.booking-history h3[b-d5n679jbop] {
    margin: 0 0 0.75rem;
}

.booking-history ol[b-d5n679jbop] {
    display: grid;
    gap: 0.75rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.booking-history li[b-d5n679jbop] {
    background: var(--trefora-surface-soft);
    border-radius: 0.6rem;
    display: grid;
    gap: 0.15rem;
    padding: 0.75rem;
}

.booking-history time[b-d5n679jbop],
.booking-history li > span[b-d5n679jbop] {
    color: var(--trefora-muted);
    font-size: 0.8rem;
}

.booking-history details[b-d5n679jbop] {
    margin-top: 0.45rem;
}

.booking-history summary[b-d5n679jbop] {
    cursor: pointer;
    font-size: 0.82rem;
    font-weight: 750;
}

.booking-history dl[b-d5n679jbop] {
    display: grid;
    gap: 0.4rem;
    margin: 0.6rem 0 0;
}

.booking-history dl div[b-d5n679jbop] {
    display: grid;
    gap: 0.1rem;
}

.booking-history dt[b-d5n679jbop] {
    font-size: 0.76rem;
    font-weight: 750;
}

.booking-history dd[b-d5n679jbop] {
    font-size: 0.8rem;
    margin: 0;
    overflow-wrap: anywhere;
}
.booking-attachment-details ul[b-d5n679jbop] {
    display: grid;
    gap: 0.4rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.booking-attachment-details li[b-d5n679jbop] {
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
}

.booking-attachment-details a[b-d5n679jbop] {
    overflow: hidden;
    color: var(--color-action, #087f86);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.booking-attachment-details span[b-d5n679jbop] {
    flex: 0 0 auto;
    color: #64727c;
    font-size: 0.85rem;
}
/* /Components/BookingPanel.razor.rz.scp.css */
.panel-backdrop[b-fv9zh43urw] {
    background: rgba(37, 42, 34, 0.38);
    inset: 0;
    position: fixed;
    z-index: 40;
}

.booking-panel[b-fv9zh43urw] {
    background: #fbfcf9;
    border-left: 1px solid #dfe3d9;
    box-shadow: -18px 0 55px rgba(37, 43, 32, 0.18);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    width: min(720px, 62vw);
    z-index: 50;
}

.booking-panel[data-panel-side="left"][b-fv9zh43urw] {
    border-left: 0;
    border-right: 1px solid #dfe3d9;
    box-shadow: 18px 0 55px rgba(37, 43, 32, 0.18);
    left: 0;
    right: auto;
}

.booking-panel.is-dragging[b-fv9zh43urw] {
    transition: none;
    user-select: none;
}

.panel-header[b-fv9zh43urw] {
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #e2e6dc;
    display: flex;
    justify-content: space-between;
    padding: 1.35rem 1.75rem;
    position: sticky;
    top: 0;
    z-index: 2;
    cursor: grab;
    touch-action: none;
}

.panel-header p[b-fv9zh43urw] {
    color: var(--trefora-turquoise-dark);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    margin: 0 0 0.2rem;
    text-transform: uppercase;
}

.panel-header h2[b-fv9zh43urw] {
    font-size: 1.55rem;
    letter-spacing: -0.035em;
    margin: 0;
}

.close-button[b-fv9zh43urw] {
    align-items: center;
    background: #f1f3ed;
    border: 0;
    border-radius: 50%;
    color: #4d5349;
    cursor: pointer;
    display: flex;
    font-size: 1.65rem;
    height: 2.6rem;
    justify-content: center;
    width: 2.6rem;
}

.panel-header:active[b-fv9zh43urw] {
    cursor: grabbing;
}

.booking-form-container[b-fv9zh43urw] {
    min-height: 0;
}

.booking-form-container[b-fv9zh43urw]  .booking-form {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    height: 100%;
    min-height: 0;
}

.panel-body[b-fv9zh43urw] {
    min-height: 0;
    overflow-y: auto;
    padding: 0 1.75rem 1.25rem;
    scroll-padding-bottom: 1.25rem;
}

section[b-fv9zh43urw] {
    border-bottom: 1px solid #e2e6dc;
    display: grid;
    gap: 1rem;
    grid-template-columns: 2.25rem 1fr;
    padding: 1.6rem 0;
}

section:last-of-type[b-fv9zh43urw] {
    padding-bottom: 1.6rem;
}

.section-number[b-fv9zh43urw] {
    align-items: center;
    background: var(--trefora-surface-soft);
    border-radius: 50%;
    color: var(--trefora-petrol);
    display: flex;
    font-size: 0.82rem;
    font-weight: 850;
    height: 2.1rem;
    justify-content: center;
    width: 2.1rem;
}

.section-content[b-fv9zh43urw] {
    min-width: 0;
}

h3[b-fv9zh43urw] {
    font-size: 1.05rem;
    margin: 0 0 1rem;
}

label:not(.room-option):not(.status-option)[b-fv9zh43urw] {
    display: grid;
    font-size: 0.76rem;
    font-weight: 750;
    gap: 0.3rem;
    margin-top: 0.8rem;
}

.label-with-info[b-fv9zh43urw] {
    align-items: center;
    display: inline-flex;
    width: fit-content;
}

select[b-fv9zh43urw],
input[b-fv9zh43urw],
textarea[b-fv9zh43urw] {
    background: #fff;
    border: 1px solid #d5dbd0;
    border-radius: 0.55rem;
    color: #343a31;
    font: inherit;
    min-height: 2.7rem;
    padding: 0.55rem 0.7rem;
    width: 100%;
}

section input[b-fv9zh43urw],
section select[b-fv9zh43urw],
section textarea[b-fv9zh43urw],
section fieldset[b-fv9zh43urw] {
    scroll-margin-bottom: 1.25rem;
}

select:focus[b-fv9zh43urw],
input:focus[b-fv9zh43urw],
textarea:focus[b-fv9zh43urw] {
    border-color: var(--trefora-turquoise);
    box-shadow: 0 0 0 3px rgba(47, 154, 152, 0.16);
    outline: none;
}

.value-with-picker[b-fv9zh43urw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 2.7rem;
}

.all-day-option[b-fv9zh43urw] {
    align-items: center;
    display: flex;
    gap: 0.55rem;
    margin: 0 0 0.75rem;
    width: fit-content;
}

.all-day-option input[b-fv9zh43urw] {
    height: 1.1rem;
    margin: 0;
    min-height: auto;
    width: 1.1rem;
}

.all-day-option span[b-fv9zh43urw] {
    font-weight: 800;
}

.value-with-picker > input:first-child[b-fv9zh43urw] {
    border-radius: 0.55rem 0 0 0.55rem;
}

.value-with-picker .picker-button[b-fv9zh43urw] {
    background-color: var(--trefora-surface-soft);
    border-left: 0;
    border-radius: 0 0.55rem 0.55rem 0;
    color: transparent;
    cursor: pointer;
    min-width: 2.7rem;
    padding: 0.55rem;
}

.picker-button[b-fv9zh43urw]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    height: 1.15rem;
    margin: auto;
    opacity: 0.82;
    width: 1.15rem;
}

.room-list[b-fv9zh43urw] {
    display: grid;
    gap: 0.55rem;
}

.room-location-groups[b-fv9zh43urw] {
    display: grid;
    gap: 0.55rem;
}

.room-location-group[b-fv9zh43urw] {
    border: 1px solid var(--trefora-border);
    border-radius: 0.65rem;
    overflow: hidden;
}

.room-location-toggle[b-fv9zh43urw] {
    align-items: center;
    background: var(--trefora-surface-soft);
    border: 0;
    border-radius: 0;
    color: var(--trefora-petrol);
    display: flex;
    justify-content: space-between;
    min-height: 3rem;
    padding: 0.55rem 0.75rem;
    text-align: left;
    width: 100%;
}

.room-location-toggle:hover[b-fv9zh43urw] {
    background: #deeeee;
}

.room-location-toggle > span:first-child[b-fv9zh43urw] {
    display: grid;
    gap: 0.08rem;
}

.room-location-toggle small[b-fv9zh43urw] {
    color: var(--trefora-muted);
    font-size: 0.72rem;
    font-weight: 500;
}

.room-location-chevron[b-fv9zh43urw] {
    color: var(--trefora-turquoise-dark);
    font-size: 1.15rem;
    font-weight: 800;
}

.room-list.grouped[b-fv9zh43urw] {
    gap: 0;
    padding: 0.2rem 0.65rem 0.35rem;
}

.room-list.grouped .room-option[b-fv9zh43urw] {
    border: 0;
    border-bottom: 1px solid #e8eef0;
    border-radius: 0;
    padding: 0.55rem 0.1rem;
}

.room-list.grouped .room-option:last-child[b-fv9zh43urw] {
    border-bottom: 0;
}

.room-option[b-fv9zh43urw] {
    align-items: center;
    background: #fff;
    border: 1px solid #dfe3da;
    border-radius: 0.65rem;
    cursor: pointer;
    display: grid;
    gap: 0.65rem;
    grid-template-columns: auto auto 1fr;
    padding: 0.7rem;
}

.room-option:hover[b-fv9zh43urw] {
    border-color: var(--trefora-turquoise);
}

.room-option input[b-fv9zh43urw] {
    height: 1.1rem;
    margin: 0;
    min-height: auto;
    padding: 0;
    width: 1.1rem;
}

.room-option i[b-fv9zh43urw] {
    background: var(--room-color);
    border-radius: 0.3rem;
    height: 2rem;
    width: 0.35rem;
}

.room-option span[b-fv9zh43urw] {
    display: grid;
}

.room-option small[b-fv9zh43urw],
.field-note[b-fv9zh43urw],
.occupancy-note[b-fv9zh43urw] {
    color: #747a70;
    font-size: 0.76rem;
}

.booking-subrooms[b-fv9zh43urw] {
    border-left: 0.2rem solid #d8e6cf;
    display: grid;
    gap: 0.25rem;
    margin: -0.15rem 0 0.15rem 1.2rem;
    padding-left: 0.65rem;
}

.booking-subroom[b-fv9zh43urw] {
    align-items: center;
    background: #f7faf4;
    border-radius: 0.5rem;
    cursor: pointer;
    display: grid;
    gap: 0.55rem;
    grid-template-columns: auto 1fr;
    padding: 0.5rem 0.6rem;
}

.booking-subroom input[b-fv9zh43urw] {
    height: 1.05rem;
    margin: 0;
    min-height: auto;
    padding: 0;
    width: 1.05rem;
}

.booking-subroom input:disabled[b-fv9zh43urw] {
    cursor: not-allowed;
}

.booking-subroom span[b-fv9zh43urw] {
    display: grid;
}

.booking-subroom small[b-fv9zh43urw] {
    color: #747a70;
    font-size: 0.72rem;
}

.booking-contact[b-fv9zh43urw] {
    margin-top: 0.7rem;
}

.contact-details[b-fv9zh43urw] {
    border: 1px solid #e1e6dd;
    border-radius: 0.6rem;
    margin-top: 0.75rem;
    padding: 0.6rem 0.7rem;
}

.contact-details summary[b-fv9zh43urw] {
    color: var(--trefora-petrol);
    cursor: pointer;
    font-size: 0.82rem;
    font-weight: 800;
}

.contact-details .field-note[b-fv9zh43urw] {
    margin: 0.55rem 0 0;
}

.contact-field-grid[b-fv9zh43urw] {
    display: grid;
    gap: 0.6rem;
    grid-template-columns: 1fr 1fr;
}

.contact-field-grid label:first-child[b-fv9zh43urw] {
    grid-column: 1 / -1;
}

.resource-picker[b-fv9zh43urw] {
    border-top: 1px solid #e4e8df;
    margin-top: 0.9rem;
    padding-top: 0.8rem;
}

.resource-picker-toggle[b-fv9zh43urw] {
    align-items: center;
    background: #f2f7f8;
    border: 1px solid #dfe5d9;
    border-radius: 0.6rem;
    color: #343a31;
    display: flex;
    justify-content: space-between;
    min-height: 2.8rem;
    padding: 0.55rem 0.75rem;
    text-align: left;
    width: 100%;
}

.resource-picker-toggle:hover[b-fv9zh43urw] {
    background: var(--trefora-surface-soft);
    border-color: #acd1d0;
}

.resource-picker-toggle > span:first-child[b-fv9zh43urw] {
    display: grid;
    gap: 0.08rem;
}

.resource-picker-toggle strong[b-fv9zh43urw] {
    font-size: 0.88rem;
}

.resource-picker-toggle small[b-fv9zh43urw] {
    color: #7b8177;
    font-size: 0.72rem;
    font-weight: 500;
}

.resource-picker-toggle > span:last-child[b-fv9zh43urw] {
    color: var(--trefora-turquoise-dark);
    font-size: 1.2rem;
    font-weight: 800;
}

.resource-picker-content[b-fv9zh43urw] {
    padding: 0.45rem 0.2rem 0;
}

.resource-list[b-fv9zh43urw] {
    display: grid;
    gap: 0.4rem;
}

.resource-option[b-fv9zh43urw] {
    align-items: center;
    border-bottom: 1px solid #edf0e9;
    display: grid;
    gap: 0.7rem;
    grid-template-columns: minmax(0, 1fr) 6rem;
    padding: 0.45rem 0;
}

.resource-option > label:first-child[b-fv9zh43urw] {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 0.55rem;
}

.resource-option input[type="checkbox"][b-fv9zh43urw] {
    height: 1.1rem;
    margin: 0;
    min-height: auto;
    width: 1.1rem;
}

.resource-option label > span[b-fv9zh43urw] {
    display: grid;
}

.resource-option small[b-fv9zh43urw] {
    color: #747a70;
    font-size: 0.74rem;
}

.resource-quantity[b-fv9zh43urw] {
    font-size: 0.7rem !important;
    gap: 0.15rem !important;
}

.resource-quantity input[b-fv9zh43urw] {
    min-height: 2.25rem;
    padding: 0.35rem 0.5rem;
}

.resource-availability[b-fv9zh43urw] {
    border-left: 0.25rem solid #d9a500;
    border-radius: 0.45rem;
    font-size: 0.76rem;
    font-weight: 700;
    margin: 0.5rem 0 0;
    padding: 0.5rem 0.7rem;
}

.resource-availability.warning[b-fv9zh43urw] {
    background: #fff7d6;
    color: #695300;
}

.resource-availability.blocked[b-fv9zh43urw],
.resource-availability.unavailable[b-fv9zh43urw] {
    background: #fff0ed;
    border-left-color: #cf3f2f;
    color: #8a261b;
}

.resource-warning-acceptance[b-fv9zh43urw] {
    align-items: center;
    background: #fffaf0;
    border: 1px solid #ead58a;
    border-radius: 0.5rem;
    display: flex !important;
    font-size: 0.76rem !important;
    gap: 0.55rem !important;
    margin-top: 0.45rem;
    padding: 0.55rem 0.65rem;
}

.resource-warning-acceptance input[b-fv9zh43urw] {
    height: 1.1rem;
    margin: 0;
    min-height: auto;
    width: 1.1rem;
}

.resource-conflict-override[b-fv9zh43urw] {
    background: #fff8f6;
    border: 1px solid #e6b4ac;
    border-radius: 0.5rem;
    margin-top: 0.45rem;
    padding: 0.55rem 0.65rem;
}

.resource-conflict-override textarea[b-fv9zh43urw] {
    min-height: 4.5rem;
}

.field-grid[b-fv9zh43urw] {
    display: grid;
    gap: 0.7rem;
}

.field-grid.three[b-fv9zh43urw] {
    grid-template-columns: 1.3fr 1fr 1fr;
}

.field-grid.two[b-fv9zh43urw] {
    grid-template-columns: 1fr 1fr;
}

.compact-fields[b-fv9zh43urw] {
    margin-top: 0.35rem;
}

.occupancy-note[b-fv9zh43urw] {
    background: var(--trefora-surface-soft);
    border-left: 0.25rem solid var(--trefora-turquoise);
    border-radius: 0.45rem;
    color: #45543f;
    font-weight: 650;
    margin: 0.8rem 0 0;
    padding: 0.55rem 0.7rem;
}

.availability-note[b-fv9zh43urw] {
    background: #fff0ed;
    border-left: 0.25rem solid #cf3f2f;
    border-radius: 0.45rem;
    color: #8a261b;
    font-size: 0.76rem;
    font-weight: 700;
    margin: 0.5rem 0 0;
    padding: 0.5rem 0.7rem;
}

.availability-note ul[b-fv9zh43urw] {
    font-weight: 600;
    margin: 0.3rem 0 0;
    padding-left: 1.2rem;
}

.capacity-warning[b-fv9zh43urw] {
    background: #fff7d6;
    border-left: 4px solid #d9a500;
    border-radius: 0.4rem;
    color: #695300;
    font-size: 0.82rem;
    font-weight: 650;
    margin: 0.35rem 0 0.75rem;
    padding: 0.55rem 0.7rem;
}

.discard-warning[b-fv9zh43urw] {
    background: #fff7d6;
    border: 1px solid #dfc866;
    border-radius: 0.55rem;
    display: grid;
    gap: 0.15rem;
    margin: 0 0 1rem;
    padding: 0.75rem 0.85rem;
}

.discard-warning span[b-fv9zh43urw] {
    color: #665d35;
    font-size: 0.82rem;
}

.panel-footer .danger-outline[b-fv9zh43urw] {
    border-color: #cf8278;
    color: #9d3025;
}

fieldset[b-fv9zh43urw] {
    border: 0;
    display: flex;
    gap: 1rem;
    margin: 1rem 0 0;
    padding: 0;
}

legend[b-fv9zh43urw] {
    font-size: 0.76rem;
    font-weight: 750;
    margin-bottom: 0.4rem;
}

.status-option[b-fv9zh43urw] {
    align-items: center;
    display: flex;
    font-size: 0.86rem;
    gap: 0.4rem;
}

.status-option input[b-fv9zh43urw] {
    height: 1.1rem;
    margin: 0;
    min-height: auto;
    padding: 0;
    width: 1.1rem;
}

.status-fields[b-fv9zh43urw] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.78rem;
    font-weight: 750;
    gap: 0.75rem;
    margin-top: 1rem;
}

.status-fields > span[b-fv9zh43urw] {
    font-weight: 800;
}

.panel-footer[b-fv9zh43urw] {
    background: rgba(255, 255, 255, 0.97);
    border-top: 1px solid #dfe3da;
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    justify-content: flex-end;
    padding: 1rem 1.75rem calc(1rem + env(safe-area-inset-bottom));
    position: relative;
    z-index: 3;
}

.panel-footer button[b-fv9zh43urw],
.error-summary + button[b-fv9zh43urw] {
    border: 1px solid #d3d8ce;
    border-radius: 0.6rem;
    cursor: pointer;
    font-weight: 750;
    min-height: 2.8rem;
    padding: 0.6rem 1rem;
}

.panel-footer .primary[b-fv9zh43urw] {
    background: var(--trefora-petrol);
    border-color: var(--trefora-petrol);
    color: #fff;
}

.panel-footer .secondary[b-fv9zh43urw] {
    background: #fff;
}

.panel-footer button:disabled[b-fv9zh43urw] {
    cursor: wait;
    opacity: 0.58;
}

.error-summary[b-fv9zh43urw],
.panel-state.error[b-fv9zh43urw] {
    background: #fff1ee;
    border: 1px solid #efcec7;
    border-radius: 0.65rem;
    color: #852b20;
    margin: 1rem 0 0;
    padding: 0.85rem 1rem;
}

.error-summary ul[b-fv9zh43urw] {
    margin: 0.4rem 0 0;
    padding-left: 1.2rem;
}

.panel-state[b-fv9zh43urw] {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    justify-content: center;
    min-height: 20rem;
    padding: 2rem;
    text-align: center;
}

[b-fv9zh43urw] .validation-message {
    color: #a62d21;
    font-size: 0.75rem;
}

.form-lock[b-fv9zh43urw] {
    border: 0;
    display: contents;
    margin: 0;
    padding: 0;
}

.section-content label.recurring-option[b-fv9zh43urw] {
    align-items: center;
    display: inline-flex;
    gap: 0.55rem;
    margin-top: 0.8rem;
    width: fit-content;
}

.recurring-option input[b-fv9zh43urw] {
    height: 1.1rem;
    margin: 0;
    min-height: auto;
    padding: 0;
    width: 1.1rem;
}

.recurring-option span[b-fv9zh43urw] {
    line-height: 1.1rem;
}

.recurrence-fields[b-fv9zh43urw] {
    background: #f7f9f3;
    border: 1px solid #dfe6d8;
    border-radius: 0.75rem;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 0.65rem;
    padding: 0.85rem;
}

.recurrence-fields .wide[b-fv9zh43urw],
.weekday-options[b-fv9zh43urw] {
    grid-column: 1 / -1;
}

.weekday-options[b-fv9zh43urw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.recurrence-fields .weekday-options label[b-fv9zh43urw] {
    align-items: center;
    display: flex;
    gap: 0.22rem;
    justify-content: flex-start;
    margin: 0;
    width: auto;
}

.weekday-options input[b-fv9zh43urw] {
    height: 1.1rem;
    margin: 0;
    min-height: auto;
    padding: 0;
    width: 1.1rem;
}

.manual-date-picker[b-fv9zh43urw] {
    display: grid;
    gap: 0.65rem;
}

.manual-date-start[b-fv9zh43urw] {
    color: var(--trefora-muted);
    margin: 0;
}

.manual-date-start strong[b-fv9zh43urw] {
    color: var(--trefora-petrol);
}

.manual-calendar[b-fv9zh43urw] {
    background: #fff;
    border: 1px solid #dfe4da;
    border-radius: 0.65rem;
    max-width: 20rem;
    padding: 0.55rem;
}

.manual-calendar > header[b-fv9zh43urw] {
    align-items: center;
    display: grid;
    grid-template-columns: 2rem 1fr 2rem;
    text-align: center;
}

.manual-calendar > header strong[b-fv9zh43urw] {
    text-transform: capitalize;
}

.manual-calendar > header button[b-fv9zh43urw],
.manual-calendar-days button[b-fv9zh43urw] {
    border: 0;
    border-radius: 0.35rem;
    min-height: 2rem;
    min-width: 2rem;
    padding: 0;
}

.manual-calendar-weekdays[b-fv9zh43urw],
.manual-calendar-days[b-fv9zh43urw] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

.manual-calendar-weekdays span[b-fv9zh43urw] {
    color: var(--trefora-muted);
    font-size: 0.75rem;
    font-weight: 750;
    padding: 0.4rem 0;
    text-align: center;
}

.manual-calendar-days button[b-fv9zh43urw] {
    background: transparent;
    font-weight: 650;
}

.manual-calendar-days button:hover:not(:disabled)[b-fv9zh43urw] {
    background: var(--trefora-surface-soft);
}

.manual-calendar-days .outside-month[b-fv9zh43urw] {
    color: #69746a;
}

.manual-calendar-days .selected-date[b-fv9zh43urw] {
    background: var(--trefora-turquoise);
    color: #fff;
}

.manual-calendar-days .original-date[b-fv9zh43urw] {
    background: var(--trefora-petrol);
    color: #fff;
    opacity: 1;
}

.manual-calendar-days .calendar-today[b-fv9zh43urw] {
    box-shadow: inset 0 0 0 2px var(--trefora-turquoise);
}

.manual-calendar-days button:disabled:not(.original-date)[b-fv9zh43urw] {
    color: #9aa39a;
    cursor: not-allowed;
}

.series-occurrences[b-fv9zh43urw] {
    display: grid;
    gap: 0.35rem;
    max-height: 18rem;
    overflow-y: auto;
}

.series-occurrences > div[b-fv9zh43urw] {
    align-items: center;
    border-left: 0.25rem solid var(--trefora-turquoise);
    display: grid;
    gap: 0.5rem;
    grid-template-columns: 7rem 1fr auto;
    padding: 0.45rem 0.65rem;
}

.series-occurrences > .conflict[b-fv9zh43urw] {
    background: #fff1ee;
    border-left-color: #c34b3e;
    color: #852b20;
}

@media (max-width: 760px) {
    .booking-panel[b-fv9zh43urw],
    .panel-footer[b-fv9zh43urw] {
        width: 100vw;
    }

    .panel-header[b-fv9zh43urw],
    form[b-fv9zh43urw] {
        padding-left: max(1rem, env(safe-area-inset-left));
        padding-right: max(1rem, env(safe-area-inset-right));
    }

    input[b-fv9zh43urw],
    select[b-fv9zh43urw],
    textarea[b-fv9zh43urw] {
        font-size: 1rem;
    }

    .panel-footer[b-fv9zh43urw] {
        padding: 0.75rem 1rem;
    }

    section[b-fv9zh43urw] {
        grid-template-columns: 2rem 1fr;
    }

    .field-grid.three[b-fv9zh43urw],
    .field-grid.two[b-fv9zh43urw],
    .contact-field-grid[b-fv9zh43urw],
    .recurrence-fields[b-fv9zh43urw] {
        grid-template-columns: 1fr;
    }

    .contact-field-grid label:first-child[b-fv9zh43urw] {
        grid-column: auto;
    }

    .series-occurrences > div[b-fv9zh43urw] {
        grid-template-columns: 1fr;
    }

    .booking-panel[data-panel-side][b-fv9zh43urw] {
        left: 0;
        right: auto;
        transform: none !important;
    }

    .panel-header[b-fv9zh43urw] {
        cursor: default;
        touch-action: auto;
    }
}
.booking-attachments[b-fv9zh43urw] {
    display: grid;
    gap: 0.55rem;
}

.room-layout-choice[b-fv9zh43urw] {
    background: #f4f7f2;
    border-left: .22rem solid var(--trefora-turquoise);
    margin: .15rem .65rem .65rem 2.25rem;
    padding: .55rem .7rem;
}

.room-layout-choice select[b-fv9zh43urw] {
    margin-top: .25rem;
}

.attachment-list[b-fv9zh43urw] {
    display: grid;
    gap: 0.35rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.attachment-list li[b-fv9zh43urw] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.attachment-list a[b-fv9zh43urw] {
    overflow: hidden;
    color: var(--color-action, #087f86);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.attachment-list span[b-fv9zh43urw] {
    flex: 0 0 auto;
    color: #64727c;
    font-size: 0.85rem;
}

.attachment-list button[b-fv9zh43urw] {
    flex: 0 0 auto;
    margin-left: auto;
}
/* /Components/BookingSeriesImpactSummary.razor.rz.scp.css */
.series-impact[b-88p37cfov2] {
    color: #555d50;
    display: grid;
    font-size: 0.77rem;
    gap: 0.15rem;
    margin-top: 0.25rem;
}

.series-impact strong[b-88p37cfov2] {
    color: #30362d;
}
/* /Components/BookingSeriesScopeSelector.razor.rz.scp.css */
.series-choice[b-601l85iyja] {
    display: grid;
    gap: 0.45rem;
}

.series-scope-option[b-601l85iyja] {
    align-items: start;
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid #dfe3d9;
    border-radius: 0.55rem;
    cursor: pointer;
    display: grid;
    gap: 0.55rem;
    grid-template-columns: auto 1fr;
    margin: 0;
    padding: 0.65rem 0.75rem;
}

.series-scope-option input[b-601l85iyja],
.preserve-exceptions input[b-601l85iyja] {
    height: 1.1rem;
    margin: 0.15rem 0 0;
    width: 1.1rem;
}

.series-scope-option span[b-601l85iyja] {
    display: grid;
    gap: 0.1rem;
}

.series-scope-option strong[b-601l85iyja] {
    color: #30362d;
    font-size: 0.86rem;
}

.series-scope-option small[b-601l85iyja] {
    color: #6c7368;
    font-size: 0.75rem;
    font-weight: 500;
}

.preserve-exceptions[b-601l85iyja] {
    align-items: center;
    display: flex;
    gap: 0.5rem;
    margin-top: 0.35rem;
}
/* /Components/DateTimeFields.razor.rz.scp.css */
.date-time-fields[b-8nayrf7s00] {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: 1.35fr 1fr 1fr;
}

.date-time-fields.with-end-date[b-8nayrf7s00] {
    grid-template-columns: 1.35fr 1.35fr 1fr 1fr;
}

label[b-8nayrf7s00] {
    display: grid;
    font-size: 0.76rem;
    font-weight: 750;
    gap: 0.3rem;
    margin-top: 0.8rem;
}

label > span[b-8nayrf7s00] {
    display: block;
    font-weight: 800;
    margin-bottom: 0.45rem;
}

input[b-8nayrf7s00] {
    background: #fff;
    border: 1px solid #d5dbd0;
    border-radius: 0.55rem;
    color: #343a31;
    font: inherit;
    min-height: 2.7rem;
    padding: 0.55rem 0.7rem;
    scroll-margin-bottom: 1.25rem;
    width: 100%;
}

input:focus[b-8nayrf7s00] {
    border-color: var(--trefora-turquoise);
    box-shadow: 0 0 0 3px rgba(47, 154, 152, 0.16);
    outline: none;
}

.all-day-option[b-8nayrf7s00] {
    align-items: center;
    display: flex;
    gap: 0.55rem;
    margin: 0 0 0.75rem;
    width: fit-content;
}

.all-day-option input[b-8nayrf7s00] {
    height: 1.1rem;
    margin: 0;
    min-height: auto;
    width: 1.1rem;
}

.all-day-option span[b-8nayrf7s00] {
    font-weight: 800;
    margin: 0;
}

.value-with-picker[b-8nayrf7s00] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 2.7rem;
}

.value-with-picker > input:first-child[b-8nayrf7s00] {
    border-radius: 0.55rem 0 0 0.55rem;
}

.picker-control[b-8nayrf7s00] {
    background-color: var(--trefora-surface-soft);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.15rem;
    border: 1px solid #d5dbd0;
    border-left: 0;
    border-radius: 0 0.55rem 0.55rem 0;
    min-width: 2.7rem;
    position: relative;
}

.date-picker-icon[b-8nayrf7s00] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23343a31' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3C/svg%3E");
}

.time-picker-icon[b-8nayrf7s00] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23343a31' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}

.picker-control.disabled[b-8nayrf7s00] {
    opacity: 0.6;
}

.picker-control .picker-button[b-8nayrf7s00] {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    cursor: pointer;
    height: 100%;
    inset: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    width: 100%;
}

.picker-control .picker-button[b-8nayrf7s00]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    height: 100%;
    inset: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    width: 100%;
}

.field-note[b-8nayrf7s00] {
    color: #71786c;
    font-size: 0.78rem;
    margin: 0.35rem 0 0;
}

@media (max-width: 720px) {
    .date-time-fields[b-8nayrf7s00],
    .date-time-fields.with-end-date[b-8nayrf7s00] {
        grid-template-columns: minmax(0, 1fr);
    }

    .date-time-fields > label[b-8nayrf7s00] {
        min-width: 0;
    }

    input[b-8nayrf7s00] {
        font-size: 1rem;
    }
}
/* /Components/DisplayFeedAnnouncementPanel.razor.rz.scp.css */
.announcement-overlay[b-vy1w163e83] { background: rgba(15,26,30,.48); inset: 0; position: fixed; z-index: 1000; }
.announcement-panel[b-vy1w163e83] { background: #fbfcf9; bottom: 0; box-shadow: -18px 0 55px rgba(20,35,38,.22); display: grid; grid-template-rows: auto minmax(0,1fr) auto; max-width: 54rem; position: absolute; right: 0; top: 0; width: min(94vw,54rem); }
header[b-vy1w163e83] { align-items: center; border-bottom: 1px solid #dfe5dc; display: flex; justify-content: space-between; padding: 1.25rem 1.5rem; }
header p[b-vy1w163e83] { color: var(--trefora-turquoise-dark); font-size: .75rem; font-weight: 850; letter-spacing: .12em; margin: 0; text-transform: uppercase; }
h2[b-vy1w163e83] { font-size: 2rem; margin: .15rem 0 0; }
.close[b-vy1w163e83] { background: #eef1e9; border: 0; border-radius: 50%; cursor: pointer; font-size: 1.6rem; height: 3rem; width: 3rem; }
.panel-body[b-vy1w163e83] { overflow-y: auto; padding: 1.2rem 1.5rem 7rem; }
.form-section[b-vy1w163e83] { border-bottom: 1px solid #e1e6dd; display: grid; gap: 1rem; grid-template-columns: 2.5rem minmax(0,1fr); padding: 1.2rem 0; }
.step[b-vy1w163e83] { align-items: center; background: #e9f5dd; border-radius: 50%; color: #397023; display: flex; font-weight: 900; height: 2.5rem; justify-content: center; width: 2.5rem; }
h3[b-vy1w163e83] { margin: .25rem 0 .8rem; }
label[b-vy1w163e83] { display: grid; font-size: .82rem; font-weight: 750; gap: .35rem; }
textarea[b-vy1w163e83] { border: 1px solid #ccd5ca; border-radius: .65rem; font: inherit; padding: .7rem; resize: vertical; width: 100%; }
.note[b-vy1w163e83] { color: #69736b; font-size: .8rem; }
.profile-list[b-vy1w163e83] { display: grid; gap: .4rem; grid-template-columns: repeat(2,minmax(0,1fr)); }
.profile-list label[b-vy1w163e83] { align-items: center; background: #fff; border: 1px solid #dce3d9; border-radius: .6rem; display: flex; padding: .7rem; }
footer[b-vy1w163e83] { align-items: center; background: #fff; border-top: 1px solid #dfe5dc; display: flex; flex-wrap: wrap; gap: .7rem; justify-content: end; padding: 1rem 1.5rem; }
.message[b-vy1w163e83] { flex-basis: 100%; margin: 0; }.error[b-vy1w163e83] { color: #a32626; }
.primary[b-vy1w163e83],.secondary[b-vy1w163e83],.danger[b-vy1w163e83] { border-radius: .6rem; cursor: pointer; font: inherit; font-weight: 800; min-height: 2.8rem; padding: .6rem 1rem; }
.primary[b-vy1w163e83] { background: var(--trefora-petrol); border: 0; color: #fff; }.secondary[b-vy1w163e83] { background: #fff; border: 1px solid #cfd8cd; }
.danger[b-vy1w163e83] { background: #fff; border: 1px solid #cf6c62; color: #9e2d25; margin-right: auto; }
@media(max-width:620px){.profile-list[b-vy1w163e83]{grid-template-columns:1fr}.announcement-panel[b-vy1w163e83]{width:100vw}.panel-body[b-vy1w163e83]{padding-inline:1rem}.form-section[b-vy1w163e83]{grid-template-columns:2.3rem minmax(0,1fr)}}
/* /Components/DisplayFeedAnnouncementSettings.razor.rz.scp.css */
.announcement-settings[b-rr07o9esb1] { display: grid; gap: .8rem; }
.announcement-heading[b-rr07o9esb1] { align-items: center; display: flex; gap: 1rem; justify-content: space-between; }
.announcement-heading h2[b-rr07o9esb1] { margin: .1rem 0 0; }
.announcement-list[b-rr07o9esb1] { border: 1px solid var(--trefora-border); border-radius: .75rem; overflow: hidden; }
.announcement-row[b-rr07o9esb1] { align-items: center; background: #fff; border: 0; border-bottom: 1px solid var(--trefora-border); color: inherit; cursor: pointer; display: grid; font: inherit; gap: .7rem; grid-template-columns: 1.8rem minmax(0,1fr) auto 1rem; padding: .75rem; text-align: left; width: 100%; }
.announcement-row:last-child[b-rr07o9esb1] { border-bottom: 0; }
.announcement-row:hover[b-rr07o9esb1] { background: #f4f8f4; }
.info-icon[b-rr07o9esb1] { align-items: center; background: var(--trefora-petrol); border-radius: 50%; color: #fff; display: flex; font-size: .8rem; font-weight: 900; height: 1.45rem; justify-content: center; width: 1.45rem; }
.announcement-text[b-rr07o9esb1] { font-weight: 750; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.announcement-period[b-rr07o9esb1],.empty[b-rr07o9esb1] { color: var(--trefora-muted); font-size: .85rem; }
.empty[b-rr07o9esb1] { margin: 0; }
@media(max-width:700px){.announcement-row[b-rr07o9esb1]{grid-template-columns:1.8rem minmax(0,1fr) 1rem}.announcement-period[b-rr07o9esb1]{grid-column:2}.announcement-heading[b-rr07o9esb1]{align-items:flex-start;flex-direction:column}}
/* /Components/FormActionErrors.razor.rz.scp.css */
.form-action-errors[b-imsdkssor7] {
    background: #fff0ed;
    border-left: 4px solid #b85a50;
    border-radius: 0.45rem;
    color: #602a24;
    flex: 1 0 100%;
    padding: 0.7rem 0.9rem;
    text-align: left;
}

.form-action-errors strong[b-imsdkssor7] {
    display: block;
    font-size: 0.85rem;
}

.form-action-errors ul[b-imsdkssor7] {
    margin: 0.3rem 0 0;
    padding-left: 1.15rem;
}

.form-action-errors li[b-imsdkssor7] {
    font-size: 0.82rem;
    line-height: 1.35;
}

.validation-summary-host[b-imsdkssor7] {
    display: contents;
}

.validation-summary-host[b-imsdkssor7]  .form-action-validation {
    background: #fff0ed;
    border-left: 4px solid #b85a50;
    border-radius: 0.45rem;
    color: #602a24;
    flex: 1 0 100%;
    font-size: 0.82rem;
    padding: 0.7rem 0.9rem;
    text-align: left;
}

.validation-summary-host[b-imsdkssor7]  .form-action-validation:empty {
    display: none;
}

.validation-summary-host[b-imsdkssor7]  .form-action-validation ul {
    margin: 0;
    padding-left: 1.15rem;
}
/* /Components/InfoTip.razor.rz.scp.css */
.info-tip[b-d03ued862j] {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-left: .25rem;
    vertical-align: middle;
}

.info-tip-button[b-d03ued862j] {
    display: inline-grid;
    width: 1.25rem;
    height: 1.25rem;
    padding: 0;
    place-items: center;
    border: 1px solid currentColor;
    border-radius: 50%;
    background: transparent;
    color: var(--trefora-accent-dark, #147c80);
    font-size: .78rem;
    font-weight: 800;
    line-height: 1;
}

.info-tip-button:focus-visible[b-d03ued862j] {
    outline: 3px solid color-mix(in srgb, currentColor 30%, transparent);
    outline-offset: 2px;
}

.info-tip-content[b-d03ued862j] {
    position: absolute;
    z-index: 1000;
    top: calc(100% + .4rem);
    left: 0;
    display: none;
    width: max-content;
    max-width: min(22rem, calc(100vw - 2rem));
    padding: .65rem .75rem;
    border: 1px solid var(--trefora-border, #ccd7d1);
    border-radius: .55rem;
    background: var(--trefora-surface, #fff);
    box-shadow: 0 .45rem 1.25rem rgb(18 49 56 / 16%);
    color: var(--trefora-ink, #183a44);
    font-size: .9rem;
    font-style: normal;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    white-space: normal;
}

.info-tip:hover .info-tip-content[b-d03ued862j],
.info-tip:focus-within .info-tip-content[b-d03ued862j],
.info-tip-content[data-open="true"][b-d03ued862j] {
    display: block;
}

@media (hover: none) {
    .info-tip:hover .info-tip-content:not([data-open="true"])[b-d03ued862j] {
        display: none;
    }
}
/* /Components/InterfaceIcon.razor.rz.scp.css */
.interface-icon[b-epfergfaa9] {
    background-color: currentColor;
    display: inline-block;
    flex: 0 0 auto;
    height: 1em;
    mask: var(--interface-icon-source) center / contain no-repeat;
    vertical-align: -0.125em;
    width: 1em;
    -webkit-mask: var(--interface-icon-source) center / contain no-repeat;
}
/* /Components/RoomBlockPanel.razor.rz.scp.css */
.panel-backdrop[b-m70ri1xuh4] {
    background: rgba(37, 42, 34, 0.38);
    inset: 0;
    position: fixed;
    z-index: 40;
}

.block-panel[b-m70ri1xuh4] {
    background: #fbfcf9;
    box-shadow: -18px 0 55px rgba(37, 43, 32, 0.18);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    height: 100dvh;
    position: fixed;
    right: 0;
    top: 0;
    width: min(620px, 62vw);
    z-index: 50;
}

.block-panel > header[b-m70ri1xuh4] {
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #e2e6dc;
    display: flex;
    justify-content: space-between;
    padding: 1.35rem 1.75rem;
}

header p[b-m70ri1xuh4] {
    color: #a2473d;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    margin: 0 0 0.2rem;
    text-transform: uppercase;
}

header h2[b-m70ri1xuh4] {
    font-size: 1.55rem;
    margin: 0;
}

.close-button[b-m70ri1xuh4] {
    background: #f1f3ed;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    font-size: 1.65rem;
    height: 2.6rem;
    width: 2.6rem;
}

.block-form-container[b-m70ri1xuh4] {
    min-height: 0;
}

.block-form-container[b-m70ri1xuh4]  .block-form {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    height: 100%;
    min-height: 0;
}

.panel-body[b-m70ri1xuh4] {
    display: grid;
    gap: 1.4rem;
    min-height: 0;
    overflow-y: auto;
    padding: 1.5rem 1.75rem;
    scroll-padding-bottom: 1.5rem;
    -webkit-overflow-scrolling: touch;
}

fieldset[b-m70ri1xuh4] {
    border: 0;
    margin: 0;
    padding: 0;
}

legend[b-m70ri1xuh4],
label > span[b-m70ri1xuh4] {
    display: block;
    font-weight: 800;
    margin-bottom: 0.45rem;
}

.room-options[b-m70ri1xuh4] {
    display: grid;
    gap: 0.45rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.room-options label[b-m70ri1xuh4] {
    align-items: center;
    background: #fff;
    border: 1px solid #dfe4d8;
    border-radius: 0.55rem;
    display: flex;
    gap: 0.55rem;
    padding: 0.65rem 0.75rem;
}

.room-options label.selected[b-m70ri1xuh4] {
    background: #edf6e7;
    border-color: var(--trefora-green);
}

.room-options input[type="checkbox"][b-m70ri1xuh4] {
    flex: 0 0 1.1rem;
    height: 1.1rem;
    margin: 0;
    width: 1.1rem;
}

.room-options label span[b-m70ri1xuh4] {
    margin: 0;
}

.block-subrooms[b-m70ri1xuh4] {
    border-left: 0.2rem solid #ead2cf;
    display: grid;
    gap: 0.35rem;
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0 0 0.25rem 1rem;
    padding-left: 0.55rem;
}

.room-options .block-subrooms label[b-m70ri1xuh4] {
    background: #fff8f7;
    padding: 0.5rem 0.65rem;
}

.block-subrooms span[b-m70ri1xuh4] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.block-subrooms small[b-m70ri1xuh4] {
    color: #8b716d;
    font-size: 0.7rem;
    font-weight: 500;
}

.date-time-grid[b-m70ri1xuh4] {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: 1.35fr 1fr 1fr;
}

input[b-m70ri1xuh4],
textarea[b-m70ri1xuh4] {
    border: 1px solid #ccd3c5;
    border-radius: 0.55rem;
    font: inherit;
    padding: 0.7rem 0.75rem;
    width: 100%;
}

.value-with-picker[b-m70ri1xuh4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 2.7rem;
}

.all-day-option[b-m70ri1xuh4] {
    align-items: center;
    display: flex;
    gap: 0.55rem;
    width: fit-content;
}

.all-day-option input[b-m70ri1xuh4] {
    height: 1.1rem;
    margin: 0;
    width: 1.1rem;
}

.all-day-option span[b-m70ri1xuh4] {
    font-weight: 800;
    margin: 0;
}

.value-with-picker > input:first-child[b-m70ri1xuh4] {
    border-radius: 0.55rem 0 0 0.55rem;
}

.value-with-picker .picker-button[b-m70ri1xuh4] {
    background-color: var(--trefora-surface-soft);
    border-left: 0;
    border-radius: 0 0.55rem 0.55rem 0;
    color: transparent;
    cursor: pointer;
    min-width: 2.7rem;
    padding: 0.55rem;
}

.picker-button[b-m70ri1xuh4]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    height: 1.15rem;
    margin: auto;
    opacity: 0.82;
    width: 1.15rem;
}

.field-note[b-m70ri1xuh4] {
    color: #71786c;
    font-size: 0.78rem;
    margin: -0.9rem 0 0;
}

textarea[b-m70ri1xuh4] {
    min-height: 7rem;
    resize: vertical;
}

.live-conflicts[b-m70ri1xuh4] {
    background: #fff5dd;
    border-left: 0.25rem solid #d89a00;
    border-radius: 0.45rem;
    color: #654b05;
    font-size: 0.84rem;
    padding: 0.7rem 0.85rem;
}

.live-conflicts ul[b-m70ri1xuh4] {
    margin: 0.25rem 0 0;
    padding-left: 1.2rem;
}

.error-summary[b-m70ri1xuh4] {
    background: #fff0ed;
    border-left: 4px solid #b85a50;
    border-radius: 0.45rem;
    padding: 0.8rem 1rem;
}

.error-summary ul[b-m70ri1xuh4] {
    margin: 0.35rem 0 0;
    padding-left: 1.2rem;
}

footer[b-m70ri1xuh4] {
    background: #fff;
    border-top: 1px solid #dfe3d9;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: flex-end;
    padding: 1rem 1.5rem;
}

footer button[b-m70ri1xuh4] {
    border-radius: 0.65rem;
    cursor: pointer;
    font-weight: 800;
    padding: 0.75rem 1.05rem;
}

.secondary[b-m70ri1xuh4] {
    background: #fff;
    border: 1px solid #ccd3c5;
}

.primary[b-m70ri1xuh4] {
    background: var(--trefora-petrol);
    border: 1px solid var(--trefora-petrol);
    color: #fff;
}

.danger[b-m70ri1xuh4] {
    background: #fff0ed;
    border: 1px solid #c56a60;
    color: #7a2f27;
    margin-right: auto;
}

.confirm-text[b-m70ri1xuh4] {
    align-self: center;
    color: #7a2f27;
    font-size: 0.82rem;
    font-weight: 800;
    margin-left: auto;
}

.panel-state[b-m70ri1xuh4] {
    padding: 2rem;
}

@media (max-width: 760px) {
    .block-panel[b-m70ri1xuh4] {
        width: 100vw;
    }

    .room-options[b-m70ri1xuh4],
    .date-time-grid[b-m70ri1xuh4] {
        grid-template-columns: 1fr;
    }
}
.discard-warning[b-m70ri1xuh4] {
    background: #fff7d6;
    border: 1px solid #dfc866;
    border-radius: 0.55rem;
    display: grid;
    gap: 0.15rem;
    margin: 0 0 1rem;
    padding: 0.75rem 0.85rem;
}

.discard-warning span[b-m70ri1xuh4] {
    color: #665d35;
    font-size: 0.82rem;
}

.danger-outline[b-m70ri1xuh4] {
    border-color: #cf8278;
    color: #9d3025;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-l6eisfl2cf] {
    min-height: 100vh;
    background: var(--trefora-page);
}

.app-header[b-l6eisfl2cf] {
    align-items: center;
    background: rgba(255, 255, 255, 0.96);
    border-bottom: 1px solid var(--trefora-border);
    display: flex;
    justify-content: space-between;
    min-height: 4.5rem;
    padding: 0 3rem;
    position: sticky;
    top: 0;
    z-index: 20;
}

.brand[b-l6eisfl2cf] {
    align-items: center;
    display: flex;
    text-decoration: none;
}

.brand img[b-l6eisfl2cf] {
    height: 3.35rem;
    object-fit: contain;
    object-position: left center;
    width: auto;
}

.brand .version[b-l6eisfl2cf] {
    align-self: flex-end;
    color: var(--trefora-muted);
    font-size: 0.68rem;
    font-weight: 650;
    margin: 0 0 0.7rem 0.55rem;
    white-space: nowrap;
}

.environment-badge[b-l6eisfl2cf] {
    align-self: center;
    border-radius: 999px;
    color: #fff;
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.055em;
    margin-left: 0.7rem;
    padding: 0.28rem 0.5rem;
    white-space: nowrap;
}

.environment-badge.test[b-l6eisfl2cf] {
    background: #ff6b55;
}

.environment-badge.acceptance[b-l6eisfl2cf] {
    background: #7650a8;
}

nav[b-l6eisfl2cf] {
    align-items: center;
    display: flex;
    gap: 0.5rem;
    overflow-x: auto;
}

.header-actions[b-l6eisfl2cf],
.session-state[b-l6eisfl2cf] {
    align-items: center;
    display: flex;
}

.header-actions[b-l6eisfl2cf] {
    gap: 1rem;
}

.session-state[b-l6eisfl2cf] {
    border-left: 1px solid var(--trefora-border);
    gap: 0.65rem;
    padding-left: 1rem;
}

.session-state span[b-l6eisfl2cf] {
    color: var(--trefora-muted);
    font-size: 0.78rem;
    font-weight: 650;
}

.session-state button[b-l6eisfl2cf] {
    align-items: center;
    background: #fff;
    border: 1px solid var(--trefora-border);
    border-radius: 0.65rem;
    color: var(--trefora-petrol);
    cursor: pointer;
    display: inline-flex;
    gap: 0.4rem;
    font: inherit;
    font-weight: 650;
    padding: 0.55rem 0.75rem;
}

.session-state button:hover:not(:disabled)[b-l6eisfl2cf] {
    background: var(--trefora-surface-soft);
}

nav[b-l6eisfl2cf]  a {
    align-items: center;
    border-radius: 0.65rem;
    color: var(--trefora-muted);
    display: inline-flex;
    gap: 0.4rem;
    font-weight: 650;
    padding: 0.65rem 1rem;
    text-decoration: none;
}

nav[b-l6eisfl2cf]  a:hover {
    background: var(--trefora-surface-soft);
    color: var(--trefora-petrol);
}

nav[b-l6eisfl2cf]  a.active {
    background: var(--trefora-surface-soft);
    color: var(--trefora-petrol);
    box-shadow: inset 0 -2px var(--trefora-turquoise);
}

.notification-count[b-l6eisfl2cf] {
    align-items: center;
    background: var(--trefora-coral);
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    font-size: 0.68rem;
    font-weight: 750;
    justify-content: center;
    margin-left: 0.25rem;
    min-width: 1.25rem;
    padding: 0.1rem 0.34rem;
}

.app-content[b-l6eisfl2cf] {
    margin: 0 auto;
    max-width: 1600px;
    padding: 2rem 3rem 3rem;
}

.platform-context[b-l6eisfl2cf] {
    align-items: center;
    background: #fff0b8;
    border-bottom: 1px solid #dfc65f;
    color: #514000;
    display: flex;
    gap: 1rem;
    justify-content: center;
    padding: .55rem 1rem;
}

.platform-context span[b-l6eisfl2cf] {
    display: flex;
    gap: .55rem;
}

.platform-context button[b-l6eisfl2cf] {
    background: #fff;
    border: 1px solid #b89d34;
    border-radius: .5rem;
    color: #514000;
    cursor: pointer;
    font: inherit;
    font-weight: 700;
    padding: .35rem .65rem;
}

.platform-context-actions[b-l6eisfl2cf],
.support-dialog-actions[b-l6eisfl2cf] {
    display: flex;
    gap: .55rem;
}

.support-context[b-l6eisfl2cf] {
    align-items: center;
    background: #dff4f1;
    border-bottom: 2px solid var(--trefora-turquoise);
    color: var(--trefora-petrol);
    display: flex;
    gap: 1rem;
    justify-content: center;
    padding: .65rem 1rem;
}

.support-context.elevated[b-l6eisfl2cf] {
    background: #fff0ec;
    border-bottom-color: var(--trefora-coral);
    color: #7b2518;
}

.support-context > span[b-l6eisfl2cf] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.support-reason[b-l6eisfl2cf] {
    color: inherit;
    font-size: .82rem;
    opacity: .82;
    width: 100%;
}

.support-permissions-toggle[b-l6eisfl2cf] {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    font-weight: 700;
    gap: .45rem;
}

.support-context button[b-l6eisfl2cf],
.support-dialog button[b-l6eisfl2cf] {
    background: #fff;
    border: 1px solid currentColor;
    border-radius: .5rem;
    color: inherit;
    cursor: pointer;
    font: inherit;
    font-weight: 700;
    padding: .45rem .7rem;
}

.support-context button:disabled[b-l6eisfl2cf],
.support-dialog button:disabled[b-l6eisfl2cf] {
    cursor: not-allowed;
    opacity: .55;
}

.support-dialog-backdrop[b-l6eisfl2cf] {
    align-items: center;
    background: rgba(10, 31, 43, .48);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 1rem;
    position: fixed;
    z-index: 100;
}

.support-dialog[b-l6eisfl2cf] {
    background: #fff;
    border-radius: .85rem;
    box-shadow: 0 1.4rem 4rem rgba(10, 31, 43, .25);
    display: grid;
    gap: .7rem;
    max-width: 34rem;
    padding: 1.4rem;
    width: 100%;
}

.support-dialog h2[b-l6eisfl2cf],
.support-dialog p[b-l6eisfl2cf] {
    margin: 0;
}

.support-dialog label[b-l6eisfl2cf] {
    font-weight: 700;
    margin-top: .3rem;
}

.support-dialog select[b-l6eisfl2cf],
.support-dialog textarea[b-l6eisfl2cf] {
    border: 1px solid var(--trefora-border);
    border-radius: .55rem;
    font: inherit;
    padding: .65rem .75rem;
    width: 100%;
}

.support-dialog-actions[b-l6eisfl2cf] {
    justify-content: flex-end;
    margin-top: .35rem;
}

.support-dialog button.primary[b-l6eisfl2cf] {
    background: var(--trefora-petrol);
    border-color: var(--trefora-petrol);
    color: #fff;
}

.support-error[b-l6eisfl2cf] {
    color: #a12d20;
    font-weight: 700;
}

@media (max-width: 900px) {
    .app-header[b-l6eisfl2cf] {
        align-items: stretch;
        flex-wrap: wrap;
        gap: 0.35rem;
        padding: 0.45rem 1rem;
    }

    .header-actions[b-l6eisfl2cf] {
        gap: 0.35rem;
        min-width: 0;
        width: 100%;
    }

    nav[b-l6eisfl2cf] {
        flex: 1 1 auto;
        flex-wrap: wrap;
        gap: 0.1rem;
        min-width: 0;
        overflow-x: visible;
    }

    .session-state[b-l6eisfl2cf] {
        flex: 0 0 auto;
        padding-left: 0.5rem;
    }

    .session-state span[b-l6eisfl2cf] {
        display: none;
    }
}

@media (max-width: 700px) {
    .brand img[b-l6eisfl2cf] {
        height: 2.75rem;
    }

    .brand .version[b-l6eisfl2cf] {
        font-size: 0.62rem;
        margin-bottom: 0.62rem;
        margin-left: 0.35rem;
    }

    .environment-badge[b-l6eisfl2cf] {
        font-size: 0.58rem;
        margin-left: 0.45rem;
        padding: 0.22rem 0.4rem;
    }

    nav[b-l6eisfl2cf]  a {
        padding: 0.55rem 0.65rem;
    }

    .session-state button[b-l6eisfl2cf] {
        padding: 0.5rem 0.6rem;
    }

    .app-content[b-l6eisfl2cf] {
        padding: 1.25rem 1rem 2rem;
    }

    .platform-context[b-l6eisfl2cf],
    .platform-context span[b-l6eisfl2cf],
    .support-context[b-l6eisfl2cf],
    .support-context > span[b-l6eisfl2cf] {
        align-items: stretch;
        flex-direction: column;
        gap: .3rem;
        text-align: center;
    }

    .platform-context-actions[b-l6eisfl2cf],
    .support-dialog-actions[b-l6eisfl2cf] {
        justify-content: center;
    }
}

@media (max-width: 430px) {
    .app-header[b-l6eisfl2cf] {
        gap: 0.35rem;
        padding-inline: 0.65rem;
    }

    .brand img[b-l6eisfl2cf] {
        height: 2.2rem;
    }

    .brand .version[b-l6eisfl2cf] {
        font-size: 0.54rem;
        margin-bottom: 0.5rem;
        margin-left: 0.25rem;
    }

    .environment-badge[b-l6eisfl2cf] {
        font-size: 0.52rem;
        margin-left: 0.35rem;
        padding: 0.18rem 0.32rem;
    }

    nav[b-l6eisfl2cf] {
        gap: 0.1rem;
    }

    nav[b-l6eisfl2cf]  a {
        font-size: 0.8rem;
        padding: 0.45rem 0.4rem;
    }

    .session-state button[b-l6eisfl2cf] {
        font-size: 0.8rem;
        padding: 0.42rem 0.4rem;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-jmanatyyzu] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-jmanatyyzu] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-jmanatyyzu] {
    font-size: 1.1rem;
}

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

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

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

.bi-list-nested-nav-menu[b-jmanatyyzu] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

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

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

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

    .nav-item[b-jmanatyyzu]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-jmanatyyzu]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-jmanatyyzu]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

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

    .collapse[b-jmanatyyzu] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .nav-scrollable[b-jmanatyyzu] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Layout/PublicSalesLayout.razor.rz.scp.css */
.public-shell[b-zcr7yier5h] {
    min-height: 100vh;
    background: #f3f6f7;
    color: #18364d;
}

.public-header[b-zcr7yier5h],
.public-footer[b-zcr7yier5h] {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: min(1180px, calc(100% - 2rem));
    margin: 0 auto;
}

.public-header[b-zcr7yier5h] { min-height: 76px; }
.public-header a[b-zcr7yier5h] { display: flex; align-items: center; gap: .9rem; color: #133f64; font-weight: 800; text-decoration: none; }
.public-header img[b-zcr7yier5h] { width: 125px; height: 35px; object-fit: contain; object-position: left center; }
.secure-label[b-zcr7yier5h] { color: #526979; font-size: .88rem; font-weight: 700; }
.public-footer[b-zcr7yier5h] { align-items: flex-start; border-top: 1px solid #d5e0e5; padding: 1.5rem 0 2.5rem; color: #607486; font-size: .82rem; }

@media (max-width: 640px) {
    .public-header[b-zcr7yier5h] { min-height: 66px; }
    .public-header a span[b-zcr7yier5h],
    .secure-label[b-zcr7yier5h] { display: none; }
    .public-footer[b-zcr7yier5h] { display: grid; }
}
/* /Layout/SettingsShell.razor.rz.scp.css */
.settings-shell[b-zuavhgfgi8] {
    align-items: start;
    display: grid;
    gap: 1.5rem;
    grid-template-columns: 15rem minmax(0, 1fr);
}

.settings-sidebar[b-zuavhgfgi8] {
    background: #fff;
    border: 1px solid #e0e4da;
    border-radius: 0.9rem;
    box-shadow: 0 14px 38px rgba(45, 54, 39, 0.08);
    overflow: hidden;
    position: sticky;
    top: 6.5rem;
}

.settings-title[b-zuavhgfgi8] {
    border-bottom: 1px solid #e5e8df;
    color: #253323;
    display: grid;
    gap: 0.1rem;
    padding: 1.15rem 1.2rem;
    text-decoration: none;
}

.settings-title span[b-zuavhgfgi8] {
    color: var(--trefora-turquoise-dark);
    font-size: 0.7rem;
    font-weight: 850;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.settings-title strong[b-zuavhgfgi8] {
    font-size: 1.25rem;
}

.settings-sidebar nav[b-zuavhgfgi8] {
    display: grid;
    gap: 0.25rem;
    padding: 0.75rem;
}

.settings-nav-group[b-zuavhgfgi8] {
    border-left: 3px solid transparent;
    padding: 0.45rem 0 0.55rem 0.6rem;
}

.settings-nav-group.current[b-zuavhgfgi8] {
    border-left-color: var(--trefora-turquoise);
}

.settings-nav-heading[b-zuavhgfgi8] {
    color: var(--trefora-turquoise-dark);
    font-size: 0.75rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.settings-nav-summary[b-zuavhgfgi8],
.settings-nav-subsummary[b-zuavhgfgi8] {
    align-items: center;
    border-radius: 0.5rem;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 0.3rem 0.55rem;
}

.settings-nav-summary[b-zuavhgfgi8]::-webkit-details-marker,
.settings-nav-subsummary[b-zuavhgfgi8]::-webkit-details-marker {
    display: none;
}

.settings-nav-summary[b-zuavhgfgi8]::after,
.settings-nav-subsummary[b-zuavhgfgi8]::after {
    border-bottom: 2px solid currentColor;
    border-right: 2px solid currentColor;
    content: "";
    height: 0.42rem;
    margin-right: 0.2rem;
    transform: rotate(45deg);
    transition: transform 150ms ease;
    width: 0.42rem;
}

details[open] > .settings-nav-summary[b-zuavhgfgi8]::after,
details[open] > .settings-nav-subsummary[b-zuavhgfgi8]::after {
    transform: rotate(225deg) translate(-0.12rem, -0.12rem);
}

.settings-nav-summary:hover[b-zuavhgfgi8],
.settings-nav-subsummary:hover[b-zuavhgfgi8] {
    background: #f1f5ed;
}

.settings-nav-summary:focus-visible[b-zuavhgfgi8],
.settings-nav-subsummary:focus-visible[b-zuavhgfgi8] {
    outline: 3px solid rgba(22, 166, 161, 0.25);
    outline-offset: 1px;
}

.settings-nav-items[b-zuavhgfgi8] {
    display: grid;
    gap: 0.15rem;
}

.settings-nav-subgroup[b-zuavhgfgi8] {
    display: grid;
    gap: 0.08rem;
    margin-top: 0.2rem;
}

.settings-nav-subheading[b-zuavhgfgi8] {
    color: #343a31;
    font-size: 0.78rem;
    font-weight: 800;
}

.settings-nav-subsummary[b-zuavhgfgi8] {
    padding-bottom: 0.15rem;
}

.module-group[b-zuavhgfgi8] {
    border-top: 1px solid #e7ebe3;
    margin-top: 0.2rem;
    padding-top: 0.7rem;
}

.settings-nav-group[b-zuavhgfgi8]  a {
    border-radius: 0.5rem;
    color: #697066;
    font-size: 0.88rem;
    font-weight: 650;
    padding: 0.42rem 0.55rem 0.42rem 1rem;
    text-decoration: none;
}

.settings-nav-group[b-zuavhgfgi8]  a:hover {
    background: #f1f5ed;
    color: #30372d;
}

.settings-nav-group[b-zuavhgfgi8]  a.active {
    background: var(--trefora-surface-soft);
    color: var(--trefora-petrol);
    font-weight: 800;
}

.settings-workspace[b-zuavhgfgi8] {
    min-width: 0;
}

.settings-menu-toggle[b-zuavhgfgi8] {
    display: none;
}

.settings-workspace[b-zuavhgfgi8]  .settings-page {
    margin: 0 auto;
    max-width: 980px;
}

.settings-workspace[b-zuavhgfgi8]  .settings-page > header {
    margin-bottom: 1.5rem;
}

.settings-workspace[b-zuavhgfgi8]  .eyebrow {
    color: var(--trefora-turquoise-dark);
    font-size: 0.76rem;
    font-weight: 850;
    letter-spacing: 0.13em;
    margin: 0 0 0.3rem;
    text-transform: uppercase;
}

.settings-workspace[b-zuavhgfgi8]  .settings-page h1 {
    font-size: clamp(2rem, 5vw, 3rem);
    letter-spacing: -0.05em;
    margin: 0;
}

.settings-workspace[b-zuavhgfgi8]  .settings-page > header > p:last-child,
.settings-workspace[b-zuavhgfgi8]  .settings-card p {
    color: #687064;
}

.settings-workspace[b-zuavhgfgi8]  .settings-card {
    background: #fff;
    border: 1px solid #e0e4da;
    border-radius: 0.9rem;
    box-shadow: 0 14px 38px rgba(45, 54, 39, 0.08);
    padding: 1.5rem;
}

.settings-workspace[b-zuavhgfgi8]  .settings-card h2 {
    font-size: 1.25rem;
    margin: 0;
}

.settings-workspace[b-zuavhgfgi8]  .section-heading {
    align-items: start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.settings-workspace[b-zuavhgfgi8]  .section-heading p {
    margin-bottom: 0;
}

.settings-workspace[b-zuavhgfgi8]  .switch-row {
    align-items: center;
    display: flex;
    font-weight: 700;
    gap: 0.65rem;
    margin: 1.25rem 0;
}

.settings-workspace[b-zuavhgfgi8]  .switch-row input {
    height: 1.2rem;
    width: 1.2rem;
}

.settings-workspace[b-zuavhgfgi8]  .field-grid {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: 1fr 1fr;
}

.settings-workspace[b-zuavhgfgi8]  .location-form {
    background: #f5f8f1;
    border-radius: 0.7rem;
    margin-top: 1rem;
    padding: 1rem;
}

.settings-workspace[b-zuavhgfgi8]  .location-form label {
    display: grid;
    font-size: 0.78rem;
    font-weight: 750;
    gap: 0.3rem;
}

.settings-workspace[b-zuavhgfgi8]  input:not([type="checkbox"]),
.settings-workspace[b-zuavhgfgi8]  select {
    background: #fff;
    border: 1px solid #d5dbd0;
    border-radius: 0.55rem;
    color: #343a31;
    font: inherit;
    min-height: 2.7rem;
    padding: 0.55rem 0.7rem;
    width: 100%;
}

.settings-workspace[b-zuavhgfgi8]  input:focus,
.settings-workspace[b-zuavhgfgi8]  select:focus {
    border-color: var(--trefora-turquoise);
    box-shadow: 0 0 0 3px rgba(101, 170, 67, 0.16);
    outline: none;
}

.settings-workspace[b-zuavhgfgi8]  .location-form > button,
.settings-workspace[b-zuavhgfgi8]  .location-form .form-actions {
    margin-top: 0.8rem;
}

.settings-workspace[b-zuavhgfgi8]  .location-form .form-actions {
    display: flex;
    gap: .6rem;
}

.settings-workspace[b-zuavhgfgi8]  .location-form input[type="color"] {
    cursor: pointer;
    max-width: 7rem;
    padding: .25rem;
}

.settings-workspace[b-zuavhgfgi8]  .primary {
    background: var(--trefora-petrol);
    border: 0;
    border-radius: 0.6rem;
    color: #fff;
    font-weight: 750;
    min-height: 2.8rem;
    padding: 0.6rem 1rem;
}

.settings-workspace[b-zuavhgfgi8]  .secondary {
    background: #edf0e8;
    border: 0;
    border-radius: 0.6rem;
    color: #343a31;
    cursor: pointer;
    font: inherit;
    font-weight: 750;
    min-height: 2.7rem;
    padding: 0.55rem 0.9rem;
    white-space: nowrap;
}

.settings-workspace[b-zuavhgfgi8]  .settings-error {
    background: #fff1ee;
    border: 1px solid #efcec7;
    border-radius: 0.65rem;
    color: #852b20;
    padding: 0.85rem 1rem;
}

.settings-workspace[b-zuavhgfgi8]  .inline-error {
    color: #852b20;
    font-weight: 650;
    margin: 0.75rem 0 0;
}

.settings-workspace[b-zuavhgfgi8]  .confirmation {
    color: var(--trefora-turquoise-dark);
    font-weight: 700;
    margin: 0.8rem 0 0;
}

.settings-workspace[b-zuavhgfgi8]  .location-list {
    border: 1px solid #e4e8df;
    border-radius: 0.65rem;
    margin-top: 1rem;
    overflow: hidden;
}

.settings-workspace[b-zuavhgfgi8]  .location-row {
    align-items: center;
    border-bottom: 1px solid #e7eae3;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.7rem 0.85rem;
}

.settings-workspace[b-zuavhgfgi8]  .location-row:last-child {
    border-bottom: 0;
}

.settings-workspace[b-zuavhgfgi8]  .location-row > span {
    display: grid;
    gap: 0.1rem;
}

.settings-workspace[b-zuavhgfgi8]  .location-row small {
    color: #767c72;
}

.settings-workspace[b-zuavhgfgi8]  .location-row .location-row-actions {
    align-items: center;
    display: flex;
    gap: .7rem;
}

.settings-workspace[b-zuavhgfgi8]  .location-color {
    border: 1px solid rgba(19, 63, 100, .22);
    border-radius: 999px;
    height: 1.15rem;
    width: 1.15rem;
}

.settings-workspace[b-zuavhgfgi8]  .secondary.compact {
    min-height: 2.15rem;
    padding: .35rem .65rem;
}

.settings-workspace[b-zuavhgfgi8]  .empty-locations {
    background: #f5f6f3;
    border-radius: 0.65rem;
    margin: 1rem 0 0;
    padding: 0.85rem;
}

@media (max-width: 850px) {
    .settings-shell[b-zuavhgfgi8] {
        grid-template-columns: 1fr;
    }

    .settings-menu-toggle[b-zuavhgfgi8] {
        align-items: center;
        background: #fff;
        border: 1px solid #dfe4d9;
        border-radius: 0.75rem;
        color: #30372d;
        display: flex;
        gap: 0.75rem;
        justify-content: flex-start;
        padding: 0.75rem 0.9rem;
        text-align: left;
        width: 100%;
    }

    .settings-menu-toggle > span:first-child[b-zuavhgfgi8] {
        display: grid;
        flex: 1;
        gap: 0.1rem;
    }

    .settings-menu-toggle small[b-zuavhgfgi8] {
        color: #687064;
    }

    .settings-menu-toggle > span:last-child[b-zuavhgfgi8] {
        font-size: 1.35rem;
        order: -1;
    }

    .settings-sidebar[b-zuavhgfgi8] {
        display: none;
        position: static;
    }

    .settings-sidebar.open[b-zuavhgfgi8] {
        display: block;
    }
}

@media (max-width: 550px) {
    .settings-workspace[b-zuavhgfgi8]  .field-grid {
        grid-template-columns: 1fr;
    }
}
/* /Pages/AccountActivation.razor.rz.scp.css */
.activation-card[b-pus70h9xgq] {
    max-width: 34rem;
    margin: 3rem auto;
    padding: 2rem;
    border: 1px solid #d8dee4;
    border-radius: 0.75rem;
    background: #fff;
    box-shadow: 0 0.5rem 1.5rem rgb(0 0 0 / 8%);
}

.activation-card h1[b-pus70h9xgq] {
    margin-bottom: 0.75rem;
}

.field[b-pus70h9xgq] {
    margin-top: 1.25rem;
}

.field label[b-pus70h9xgq] {
    display: block;
    margin-bottom: 0.35rem;
    font-weight: 600;
}

.hint[b-pus70h9xgq] {
    margin: 0.4rem 0 0;
    color: #52606d;
    font-size: 0.9rem;
}

.activation-message[b-pus70h9xgq] {
    margin: 1.25rem 0;
    padding: 0.9rem 1rem;
    border-radius: 0.4rem;
}

.activation-message p[b-pus70h9xgq],
.activation-message ul[b-pus70h9xgq] {
    margin-bottom: 0;
}

.activation-message.error[b-pus70h9xgq] {
    border: 1px solid #b42318;
    background: #fff1f0;
    color: #7a271a;
}

.activation-message.success[b-pus70h9xgq] {
    border: 1px solid #27864a;
    background: #ecfdf3;
    color: #175c32;
}

.progress-message[b-pus70h9xgq] {
    display: inline-block;
    margin-left: 0.75rem;
}

.validation-message[b-pus70h9xgq] {
    color: #b42318;
}
/* /Pages/AccountNotificationSettings.razor.rz.scp.css */
.notification-settings-page[b-mviyg6rrp6] {
    max-width: 860px;
}

.notification-settings-page > header[b-mviyg6rrp6] {
    margin-bottom: 1.5rem;
}

.notification-settings-page h1[b-mviyg6rrp6],
.notification-settings-page h2[b-mviyg6rrp6] {
    color: var(--trefora-petrol);
}

.eyebrow[b-mviyg6rrp6] {
    color: var(--trefora-turquoise-dark);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    margin: 0;
    text-transform: uppercase;
}

.settings-card[b-mviyg6rrp6],
.settings-error[b-mviyg6rrp6] {
    background: #fff;
    border: 1px solid var(--trefora-border);
    border-radius: 0.9rem;
    margin-bottom: 1rem;
    padding: 1.3rem;
}

.settings-card h2[b-mviyg6rrp6] {
    font-size: 1.05rem;
    margin: 0 0 0.25rem;
}

.settings-card > p[b-mviyg6rrp6] {
    color: var(--trefora-muted);
    margin: 0 0 1rem;
}

.channel-list[b-mviyg6rrp6] {
    display: grid;
    gap: 0.6rem;
}

.channel-list label[b-mviyg6rrp6] {
    align-items: center;
    border-top: 1px solid var(--trefora-border);
    display: flex;
    justify-content: space-between;
    padding-top: 0.75rem;
}

.channel-list span[b-mviyg6rrp6] {
    display: grid;
}

.channel-list small[b-mviyg6rrp6] {
    color: var(--trefora-muted);
}

.channel-list input[b-mviyg6rrp6] {
    height: 1.2rem;
    width: 1.2rem;
}

.settings-error[b-mviyg6rrp6] {
    border-color: var(--trefora-coral);
    color: #8b2d23;
}
/* /Pages/AccountProfile.razor.rz.scp.css */
.profile-page[b-8v2kup61lp] {
    margin: 0 auto;
    max-width: 54rem;
    padding: clamp(1rem, 3vw, 2.5rem);
}

.profile-card[b-8v2kup61lp] {
    background: #fff;
    border: 1px solid #dde4d8;
    border-radius: 0.75rem;
    display: grid;
    gap: 1rem;
    margin-top: 1.5rem;
    padding: clamp(1rem, 3vw, 1.5rem);
}

.readonly-field[b-8v2kup61lp] {
    display: grid;
    gap: 0.2rem;
}

.readonly-field span[b-8v2kup61lp],
.field-help[b-8v2kup61lp] {
    color: #59645b;
    font-size: 0.9rem;
}

.profile-card label[b-8v2kup61lp] {
    display: grid;
    font-weight: 700;
    gap: 0.35rem;
}

.profile-card input[b-8v2kup61lp] {
    border: 1px solid #abb7aa;
    border-radius: 0.35rem;
    font: inherit;
    max-width: 28rem;
    padding: 0.7rem 0.75rem;
}

.field-help[b-8v2kup61lp] {
    margin: -0.55rem 0 0;
    max-width: 42rem;
}

.email-change[b-8v2kup61lp] {
    border-bottom: 1px solid #e1e7de;
    border-top: 1px solid #e1e7de;
    display: grid;
    gap: 0.85rem;
    padding: 1rem 0;
}

.email-change h2[b-8v2kup61lp] {
    font-size: 1.1rem;
    margin: 0;
}

.email-change .field-help[b-8v2kup61lp] {
    margin: 0;
}

.secondary[b-8v2kup61lp] {
    justify-self: start;
}

.primary[b-8v2kup61lp] {
    justify-self: start;
}
/* /Pages/Agenda.razor.rz.scp.css */
.agenda-page[b-jyl3k84t8x] {
    display: grid;
    gap: 1.25rem;
    max-width: 1050px;
    margin: 0 auto;
}

.agenda-header[b-jyl3k84t8x],
.item-heading[b-jyl3k84t8x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.agenda-header h1[b-jyl3k84t8x],
.agenda-day h2[b-jyl3k84t8x],
.agenda-item h3[b-jyl3k84t8x] {
    margin: 0;
}

.agenda-day[b-jyl3k84t8x],
.empty-state[b-jyl3k84t8x] {
    border: 1px solid var(--line);
    border-radius: 1rem;
    background: #fff;
    padding: 1.25rem;
}

.agenda-list[b-jyl3k84t8x],
.agenda-day[b-jyl3k84t8x] {
    display: grid;
    gap: .75rem;
}

.agenda-item[b-jyl3k84t8x] {
    display: grid;
    grid-template-columns: 2rem 1fr;
    gap: .85rem;
    border-top: 1px solid var(--line);
    padding-top: .85rem;
}

.agenda-icon[b-jyl3k84t8x] {
    display: grid;
    place-items: center;
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 50%;
    color: #fff;
    background: var(--petrol);
    font-weight: 800;
}

.agenda-content[b-jyl3k84t8x] {
    min-width: 0;
}

.agenda-label[b-jyl3k84t8x] {
    color: var(--muted);
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
}

.item-time[b-jyl3k84t8x],
.item-meta[b-jyl3k84t8x] {
    color: var(--muted);
}

.room-warning[b-jyl3k84t8x],
.agenda-error[b-jyl3k84t8x] {
    border-left: .3rem solid #d68100;
    background: #fff4d6;
    padding: .75rem 1rem;
}

.compact[b-jyl3k84t8x] {
    padding: .45rem .7rem;
}

@media (max-width: 700px) {
    .agenda-header[b-jyl3k84t8x],
    .item-heading[b-jyl3k84t8x] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Pages/AgendaSettings.razor.rz.scp.css */
.agenda-default-settings[b-hk8swbcbir],
.agenda-default-list[b-hk8swbcbir] {
    display: grid;
    gap: .75rem;
}

.agenda-default-settings h2[b-hk8swbcbir],
.agenda-default-settings p[b-hk8swbcbir] {
    margin: 0;
}

.agenda-default-list[b-hk8swbcbir] {
    max-width: 38rem;
    padding: .75rem;
    border: 1px solid var(--trefora-border);
    border-radius: .75rem;
    background: var(--trefora-surface-soft);
}

.agenda-default-list .switch-row[b-hk8swbcbir] {
    margin: 0;
}

.agenda-default-person[b-hk8swbcbir] {
    border-bottom: 1px solid var(--trefora-border);
    display: grid;
    gap: .45rem;
    padding-bottom: .7rem;
}

.agenda-default-person:last-child[b-hk8swbcbir] {
    border-bottom: 0;
    padding-bottom: 0;
}

.agenda-manage-option[b-hk8swbcbir] {
    align-items: center;
    color: var(--trefora-muted);
    display: flex;
    font-size: .85rem;
    gap: .45rem;
    margin: 0 0 0 2.15rem;
}

.agenda-default-list span[b-hk8swbcbir] {
    display: grid;
    gap: .1rem;
}

.agenda-default-list small[b-hk8swbcbir] {
    color: var(--trefora-muted);
}

.agenda-default-settings .primary[b-hk8swbcbir] {
    justify-self: start;
}

.calendar-subscription-settings[b-hk8swbcbir] {
    display: grid;
    gap: 1rem;
}

.calendar-subscription-settings h2[b-hk8swbcbir],
.calendar-subscription-settings p[b-hk8swbcbir] {
    margin: 0;
}

.subscription-status[b-hk8swbcbir] {
    display: grid;
    justify-self: start;
    gap: .1rem;
    padding: .55rem .75rem;
    border-radius: .6rem;
    background: #e9f6e2;
    color: #315c21;
    font-weight: 700;
}

.subscription-status.inactive[b-hk8swbcbir] {
    background: var(--trefora-surface-soft);
    color: var(--trefora-muted);
}

.subscription-status small[b-hk8swbcbir] {
    font-weight: 500;
}

.calendar-url[b-hk8swbcbir] {
    display: grid;
    gap: .35rem;
}

.calendar-url input[b-hk8swbcbir] {
    width: 100%;
}

.secret-note[b-hk8swbcbir] {
    color: var(--trefora-muted);
    font-size: .9rem;
}

.calendar-actions[b-hk8swbcbir] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
}
/* /Pages/AuditLog.razor.rz.scp.css */
.audit-page[b-t93z0ppc1c] {
    display: grid;
    gap: 1rem;
}

.audit-page > header[b-t93z0ppc1c] {
    margin-bottom: 0.5rem !important;
}

.filters[b-t93z0ppc1c] {
    display: grid;
    gap: 1rem;
}

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

.filter-grid label[b-t93z0ppc1c] {
    display: grid;
    font-size: 0.78rem;
    font-weight: 750;
    gap: 0.3rem;
}

.search-field[b-t93z0ppc1c] {
    grid-column: span 2;
}

.filter-actions[b-t93z0ppc1c] {
    display: flex;
    gap: 0.65rem;
}

.export-action[b-t93z0ppc1c] {
    margin-left: auto;
}

.export-message[b-t93z0ppc1c] {
    color: var(--trefora-muted);
    font-size: 0.86rem;
    font-weight: 650;
    margin: 0;
}

.loading[b-t93z0ppc1c],
.limit-note[b-t93z0ppc1c] {
    color: var(--trefora-muted);
    font-weight: 650;
}

.limit-note[b-t93z0ppc1c] {
    background: #fff8d8;
    border: 1px solid #eadb93;
    border-radius: 0.65rem;
    margin: 0;
    padding: 0.75rem 0.9rem;
}

.empty-state h2[b-t93z0ppc1c] {
    margin: 0;
}

.audit-list[b-t93z0ppc1c] {
    background: #fff;
    border: 1px solid var(--trefora-border);
    border-radius: 0.9rem;
    overflow: hidden;
}

.audit-list article + article[b-t93z0ppc1c] {
    border-top: 1px solid var(--trefora-border);
}

.audit-summary[b-t93z0ppc1c] {
    align-items: center;
    background: #fff;
    border: 0;
    color: var(--trefora-petrol);
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: 1rem;
    grid-template-columns: 9rem minmax(0, 1fr) 1.5rem;
    padding: 0.85rem 1rem;
    text-align: left;
    width: 100%;
}

.audit-summary:hover[b-t93z0ppc1c] {
    background: var(--trefora-surface-soft);
}

.audit-summary time[b-t93z0ppc1c] {
    color: var(--trefora-muted);
    font-size: 0.82rem;
    white-space: nowrap;
}

.audit-action[b-t93z0ppc1c] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.audit-action strong[b-t93z0ppc1c] {
    font-size: 0.94rem;
}

.audit-action small[b-t93z0ppc1c] {
    color: var(--trefora-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.expand-icon[b-t93z0ppc1c] {
    font-size: 1.25rem;
    font-weight: 700;
    text-align: center;
}

.audit-details[b-t93z0ppc1c] {
    background: #f7f9f5;
    border-top: 1px solid var(--trefora-border);
    padding: 1rem;
}

.audit-meta[b-t93z0ppc1c] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: 1fr 1fr 2fr;
    margin: 0 0 1rem;
}

.audit-meta div[b-t93z0ppc1c] {
    min-width: 0;
}

.audit-meta dt[b-t93z0ppc1c] {
    color: var(--trefora-muted);
    font-size: 0.72rem;
    font-weight: 750;
    text-transform: uppercase;
}

.audit-meta dd[b-t93z0ppc1c] {
    margin: 0.2rem 0 0;
    overflow-wrap: anywhere;
}

.audit-meta code[b-t93z0ppc1c] {
    font-size: 0.76rem;
}

.changes-table[b-t93z0ppc1c] {
    border: 1px solid var(--trefora-border);
    border-radius: 0.65rem;
    overflow: hidden;
}

.change-head[b-t93z0ppc1c],
.change-row[b-t93z0ppc1c] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(7rem, 0.7fr) 1fr 1fr;
    padding: 0.65rem 0.75rem;
}

.change-head[b-t93z0ppc1c] {
    background: #edf1e9;
    font-size: 0.78rem;
}

.change-row[b-t93z0ppc1c] {
    background: #fff;
    font-size: 0.82rem;
    overflow-wrap: anywhere;
}

.change-row + .change-row[b-t93z0ppc1c] {
    border-top: 1px solid var(--trefora-border);
}

.change-row span:first-child[b-t93z0ppc1c] {
    font-weight: 750;
}

.no-changes[b-t93z0ppc1c] {
    color: var(--trefora-muted);
    margin: 0;
}

@media (max-width: 850px) {
    .filter-grid[b-t93z0ppc1c] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .audit-meta[b-t93z0ppc1c] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .filter-grid[b-t93z0ppc1c] {
        grid-template-columns: 1fr;
    }

    .search-field[b-t93z0ppc1c] {
        grid-column: auto;
    }

    .filter-actions[b-t93z0ppc1c] {
        align-items: stretch;
        flex-direction: column;
    }

    .export-action[b-t93z0ppc1c] {
        margin-left: 0;
    }

    .audit-summary[b-t93z0ppc1c] {
        align-items: start;
        gap: 0.35rem 0.75rem;
        grid-template-columns: minmax(0, 1fr) 1.5rem;
    }

    .audit-summary time[b-t93z0ppc1c] {
        grid-column: 1;
        grid-row: 1;
    }

    .audit-action[b-t93z0ppc1c] {
        grid-column: 1;
        grid-row: 2;
    }

    .expand-icon[b-t93z0ppc1c] {
        grid-column: 2;
        grid-row: 1 / span 2;
    }

    .change-head[b-t93z0ppc1c] {
        display: none;
    }

    .change-row[b-t93z0ppc1c] {
        grid-template-columns: 1fr;
    }

    .change-row span:nth-child(2)[b-t93z0ppc1c]::before {
        content: "Oud: ";
        font-weight: 750;
    }

    .change-row span:nth-child(3)[b-t93z0ppc1c]::before {
        content: "Nieuw: ";
        font-weight: 750;
    }
}
/* /Pages/ConfirmEmailChange.razor.rz.scp.css */
.confirmation-card[b-v23z4irc4t] {
    background: #fff;
    border: 1px solid #dce4d8;
    border-radius: 0.75rem;
    box-shadow: 0 0.75rem 2rem rgb(24 52 61 / 8%);
    margin: clamp(2rem, 8vh, 6rem) auto;
    max-width: 38rem;
    padding: clamp(1.25rem, 4vw, 2.25rem);
}

.confirmation-card h1[b-v23z4irc4t] {
    color: #143d49;
    margin-top: 0;
}

.confirmation-card button[b-v23z4irc4t],
.button-link[b-v23z4irc4t] {
    margin-top: 1rem;
}
/* /Pages/DeviceSessions.razor.rz.scp.css */
.sessions-page[b-vwgwvtzmn0] {
    max-width: 52rem;
    margin: 2rem auto;
}

.session-list[b-vwgwvtzmn0] {
    padding: 0;
    list-style: none;
}

.revoke-all[b-vwgwvtzmn0] {
    margin-top: 1rem;
}

.session-list li[b-vwgwvtzmn0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 0;
    border-bottom: 1px solid #d8dee4;
}

.session-list p[b-vwgwvtzmn0] {
    margin: 0.35rem 0 0;
    color: #52606d;
}

.current-label[b-vwgwvtzmn0] {
    margin-left: 0.5rem;
    padding: 0.15rem 0.45rem;
    border-radius: 1rem;
    background: #e8f1ff;
    color: #184b85;
    font-size: 0.8rem;
}

.sessions-error[b-vwgwvtzmn0] {
    margin: 1.25rem 0;
    padding: 0.9rem 1rem;
    border: 1px solid #b42318;
    border-radius: 0.4rem;
    background: #fff1f0;
    color: #7a271a;
}

@media (max-width: 640px) {
    .session-list li[b-vwgwvtzmn0] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Pages/DisplayFeedSettings.razor.rz.scp.css */
.display-feed-settings[b-eun69s46tp] {
    display: grid;
    gap: 1rem;
}

.profile-form[b-eun69s46tp],
.profile-card[b-eun69s46tp] {
    display: grid;
    gap: .75rem;
}

.profile-card[b-eun69s46tp] {
    gap: .45rem;
}

.profile-form[b-eun69s46tp] {
    font-size: .9rem;
}

.profile-form fieldset[b-eun69s46tp] {
    margin: 0;
    padding: .6rem;
    border: 1px solid var(--trefora-border);
    border-radius: .85rem;
    background: white;
}

.profile-form legend[b-eun69s46tp] {
    padding: 0 .3rem;
    color: var(--trefora-petrol-strong);
    font-size: .95rem;
    font-weight: 750;
}

.profile-form legend span[b-eun69s46tp] {
    width: 1.45rem;
    height: 1.45rem;
    margin-right: .35rem;
    display: inline-grid;
    place-items: center;
    border-radius: 999px;
    background: var(--trefora-petrol);
    color: white;
    font-size: .75rem;
}

.settings-field-grid[b-eun69s46tp],
.color-grid[b-eun69s46tp],
.switch-grid[b-eun69s46tp],
.orientation-grid[b-eun69s46tp],
.position-grid[b-eun69s46tp] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));
    gap: .45rem;
}

.settings-field-grid > label[b-eun69s46tp] {
    display: grid;
    grid-template-rows: minmax(2.4em, 1fr) auto;
    gap: .2rem;
    line-height: 1.2;
}

.profile-form .form-control[b-eun69s46tp] {
    min-height: 2.15rem;
    padding: .35rem .55rem;
    line-height: 1.2;
}

.profile-form input[type="radio"][b-eun69s46tp],
.profile-form input[type="checkbox"][b-eun69s46tp] {
    width: 1rem;
    height: 1rem;
    min-height: 1rem;
    margin: .1rem 0 0;
    padding: 0;
    flex: 0 0 1rem;
}

.profile-form .switch-row[b-eun69s46tp] {
    min-height: 1.8rem;
    margin: .2rem 0;
    gap: .4rem;
}

.field-block[b-eun69s46tp],
.screen-size-control[b-eun69s46tp],
.profile-form fieldset > .switch-row[b-eun69s46tp] {
    margin-top: .5rem;
}

.field-block > strong[b-eun69s46tp],
.screen-size-control strong[b-eun69s46tp] {
    color: var(--trefora-petrol-strong);
}

.orientation-grid[b-eun69s46tp],
.position-grid[b-eun69s46tp] {
    margin-top: .25rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.orientation-grid .choice + .choice[b-eun69s46tp],
.position-grid .choice + .choice[b-eun69s46tp] {
    margin-top: 0;
}

.screen-size-control > div:first-child[b-eun69s46tp],
.compact-range-control > div:first-child[b-eun69s46tp],
.range-labels[b-eun69s46tp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.screen-size-control output[b-eun69s46tp] {
    padding: .15rem .45rem;
    border-radius: 999px;
    background: var(--trefora-petrol);
    color: white;
    font-size: .82rem;
    font-weight: 800;
}

.screen-size-control input[b-eun69s46tp] {
    margin-top: .35rem;
}

.range-labels[b-eun69s46tp] {
    color: var(--trefora-muted);
    font-size: .82rem;
}

.narrowcasting-note[b-eun69s46tp] {
    margin: .5rem 0 0;
    padding: .4rem .55rem;
    border-left: .25rem solid var(--trefora-turquoise-dark);
    border-radius: .35rem;
    background: var(--trefora-surface-soft);
    font-size: .82rem;
    line-height: 1.35;
}

.compact-switch[b-eun69s46tp] {
    align-self: end;
    min-height: 2.15rem;
}

.settings-field-grid + .switch-grid[b-eun69s46tp] {
    margin-top: .45rem;
}

.color-grid[b-eun69s46tp] {
    margin: .55rem 0;
}

.color-grid label[b-eun69s46tp] {
    padding: .4rem .5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    border: 1px solid var(--trefora-border);
    border-radius: .55rem;
}

.color-grid input[type="color"][b-eun69s46tp] {
    width: 2.8rem;
    height: 2rem;
    padding: .1rem;
    border: 0;
    background: transparent;
}

.profile-form input[type="range"][b-eun69s46tp] {
    width: 100%;
}

.display-preview-frame[b-eun69s46tp] {
    margin-top: .65rem;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--trefora-border);
    border-radius: .8rem;
    background:
        linear-gradient(45deg, #edf1f2 25%, transparent 25%),
        linear-gradient(-45deg, #edf1f2 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, #edf1f2 75%),
        linear-gradient(-45deg, transparent 75%, #edf1f2 75%),
        #f8fafb;
    background-position: 0 0, 0 6px, 6px -6px, -6px 0;
    background-size: 12px 12px;
}

.display-preview-frame.landscape[b-eun69s46tp] {
    width: min(100%, 32rem);
    aspect-ratio: 16 / 9;
}

.display-preview-frame.portrait[b-eun69s46tp] {
    width: min(100%, 11.25rem);
    aspect-ratio: 9 / 16;
}

.display-preview-frame.free-top[b-eun69s46tp] {
    justify-content: flex-end;
}

.display-preview-frame.free-bottom[b-eun69s46tp] {
    justify-content: flex-start;
}

.display-style-preview[b-eun69s46tp] {
    width: 100%;
    height: var(--preview-height);
    margin-top: 1rem;
    padding: .6rem;
    display: grid;
    align-content: start;
    gap: .35rem;
    overflow: hidden;
    background:
        linear-gradient(
            color-mix(
                in srgb,
                var(--preview-overlay-color)
                    var(--preview-overlay-opacity),
                transparent),
            color-mix(
                in srgb,
                var(--preview-overlay-color)
                    var(--preview-overlay-opacity),
                transparent)),
        var(--preview-image),
        var(--preview-background);
    background-position: center;
    background-size: auto, cover, auto;
    color: var(--preview-primary);
    font-size: .78rem;
}

.display-preview-frame .display-style-preview[b-eun69s46tp] {
    margin-top: 0;
}

.preview-header[b-eun69s46tp],
.preview-row[b-eun69s46tp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
}

.preview-header span[b-eun69s46tp],
.preview-row span:last-child[b-eun69s46tp] {
    color: var(--preview-secondary);
}

.preview-bar[b-eun69s46tp] {
    padding: .2rem .4rem;
    border-radius: .35rem;
    background: var(--preview-bar);
    color: white;
    font-weight: 800;
}

.preview-row[b-eun69s46tp] {
    padding: .35rem .2rem;
    border-bottom: 1px solid color-mix(
        in srgb,
        var(--preview-secondary) 30%,
        transparent);
}

.preview-row span:first-child[b-eun69s46tp] {
    color: var(--preview-accent);
}

.guest-color-grid[b-eun69s46tp] {
    max-width: 32rem;
}

.guest-style-preview[b-eun69s46tp] {
    margin-top: .65rem;
    padding: .85rem;
    display: grid;
    gap: .7rem;
    border: 1px solid var(--trefora-border);
    border-radius: .8rem;
    background: white;
    color: inherit;
    font: inherit;
}

.guest-preview-header[b-eun69s46tp] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
}

.guest-preview-header strong[b-eun69s46tp] {
    color: var(--preview-header);
}

.guest-preview-header span[b-eun69s46tp],
.guest-preview-item small[b-eun69s46tp] {
    color: var(--preview-secondary);
}

.guest-preview-grid[b-eun69s46tp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .6rem 1rem;
}

.guest-preview-item[b-eun69s46tp] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.guest-preview-item > span[b-eun69s46tp] {
    min-width: 0;
    display: grid;
    gap: .1rem;
}

.guest-preview-item .preview-sport-icon[b-eun69s46tp] {
    color: var(--preview-accent);
}

.preview-sport-icon[b-eun69s46tp] {
    color: var(--preview-accent);
    flex: 0 0 auto;
    height: 1.15rem;
    width: 1.15rem;
}

.preview-row:not(:has(.preview-time))[b-eun69s46tp] {
    justify-content: flex-start;
}

.preview-row .preview-room[b-eun69s46tp] {
    margin-left: auto;
}

.compact-range-control[b-eun69s46tp] {
    align-self: end;
}

.compact-range-control output[b-eun69s46tp] {
    color: var(--trefora-petrol-strong);
    font-size: .82rem;
    font-weight: 800;
}

.compact-range-control input[b-eun69s46tp] {
    margin-top: .35rem;
}

.preview-brand[b-eun69s46tp] {
    align-items: center;
    display: flex;
    gap: .45rem;
    min-width: 0;
}

.preview-brand strong[b-eun69s46tp] {
    color: var(--preview-header);
}

.preview-brand img[b-eun69s46tp] {
    height: 2.1rem;
    max-width: 5.5rem;
    object-fit: contain;
    object-position: left center;
}

.display-preview-frame.portrait .preview-header[b-eun69s46tp],
.display-preview-frame.portrait .preview-row[b-eun69s46tp] {
    align-items: start;
    display: grid;
    grid-template-columns: auto 1fr;
}

.display-preview-frame.portrait .preview-header span[b-eun69s46tp],
.display-preview-frame.portrait .preview-row span:last-child[b-eun69s46tp] {
    grid-column: 1 / -1;
}

.background-upload[b-eun69s46tp] {
    margin-top: .65rem;
    padding: .55rem;
    display: grid;
    gap: .55rem;
    border: 1px solid var(--trefora-border);
    border-radius: .6rem;
}

.background-upload small[b-eun69s46tp] {
    color: var(--trefora-muted);
}

.background-actions[b-eun69s46tp] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.secondary.danger[b-eun69s46tp] {
    border-color: #a33b3b;
    color: #8b2424;
}

.card-kicker[b-eun69s46tp] {
    margin: 0 0 .2rem;
    color: var(--trefora-turquoise-dark);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.profile-form h2[b-eun69s46tp],
.profile-overview h2[b-eun69s46tp],
.profile-card h3[b-eun69s46tp] {
    margin: 0;
    color: var(--trefora-petrol-strong);
}

.choice[b-eun69s46tp] {
    padding: .35rem .5rem;
    display: flex;
    align-items: center;
    gap: .4rem;
    border-radius: .6rem;
    background: var(--trefora-surface-soft);
    line-height: 1.25;
}

.choice + .choice[b-eun69s46tp] {
    margin-top: .3rem;
}

.choice span[b-eun69s46tp] {
    display: grid;
    gap: .1rem;
}

.choice small[b-eun69s46tp],
.field-help[b-eun69s46tp],
.profile-summary p[b-eun69s46tp],
.token-warning[b-eun69s46tp] {
    color: var(--trefora-muted);
}

.field-help[b-eun69s46tp] {
    margin: -.2rem 0 .55rem;
    font-size: .82rem;
    line-height: 1.35;
}

.location-selection[b-eun69s46tp] {
    padding: .5rem 0;
    border-top: 1px solid var(--trefora-border);
}

.room-grid[b-eun69s46tp] {
    margin: .4rem 0 0 1rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: .3rem;
}

.room-grid .choice + .choice[b-eun69s46tp] {
    margin-top: 0;
}

.room-grid input:disabled[b-eun69s46tp] {
    opacity: 1;
}

.section-heading[b-eun69s46tp],
.profile-summary[b-eun69s46tp],
.url-box[b-eun69s46tp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.profile-overview[b-eun69s46tp] {
    display: grid;
    gap: .55rem;
}

.profile-overview .profile-card[b-eun69s46tp] {
    padding: .7rem .85rem;
}

.profile-card h3[b-eun69s46tp] {
    font-size: 1.05rem;
}

.profile-summary p[b-eun69s46tp] {
    margin: .1rem 0 0;
    font-size: .82rem;
    line-height: 1.3;
}

.overview-actions[b-eun69s46tp],
.profile-actions[b-eun69s46tp] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .4rem;
}

.overview-actions[b-eun69s46tp] {
    justify-content: flex-end;
    font-size: .82rem;
}

.profile-actions .secondary[b-eun69s46tp],
.compact-action[b-eun69s46tp] {
    width: auto;
    min-height: 2rem;
    padding: .3rem .6rem;
    font-size: .82rem;
}

.status[b-eun69s46tp] {
    padding: .18rem .5rem;
    border-radius: 999px;
    background: var(--trefora-border);
    color: var(--trefora-muted);
    font-size: .74rem;
    font-weight: 750;
}

.status.active[b-eun69s46tp] {
    background: #dff3ea;
    color: #176543;
}

.url-box[b-eun69s46tp] {
    align-items: stretch;
    flex-direction: column;
    gap: .45rem;
}

.url-row[b-eun69s46tp] {
    display: flex;
    align-items: stretch;
    gap: .55rem;
}

.url-row label[b-eun69s46tp] {
    align-content: center;
    flex: 0 0 6.5rem;
    font-size: .82rem;
    font-weight: 700;
}

.url-box input[b-eun69s46tp] {
    min-width: 0;
    flex: 1;
    min-height: 2rem;
    padding: .3rem .5rem;
    border: 1px solid var(--trefora-border);
    border-radius: .45rem;
    font-size: .8rem;
}

.url-box button[b-eun69s46tp],
.url-box a[b-eun69s46tp],
.secondary[b-eun69s46tp] {
    padding: .4rem .65rem;
    border: 1px solid var(--trefora-petrol);
    border-radius: .45rem;
    background: white;
    color: var(--trefora-petrol);
    font-size: .85rem;
    font-weight: 700;
    text-decoration: none;
}

.token-warning[b-eun69s46tp] {
    margin: -.2rem 0 0;
    font-size: .78rem;
}

.empty-profiles[b-eun69s46tp] {
    color: var(--trefora-muted);
}

@media (max-width: 720px) {
    .section-heading[b-eun69s46tp],
    .profile-summary[b-eun69s46tp],
    .url-row[b-eun69s46tp] {
        align-items: stretch;
        flex-direction: column;
    }

    .url-row label[b-eun69s46tp] {
        flex-basis: auto;
    }

    .room-grid[b-eun69s46tp] {
        margin-left: 0;
        grid-template-columns: 1fr;
    }

    .orientation-grid[b-eun69s46tp],
    .position-grid[b-eun69s46tp] {
        grid-template-columns: 1fr;
    }

    .overview-actions[b-eun69s46tp] {
        align-items: stretch;
        flex-direction: column;
    }

    .guest-preview-grid[b-eun69s46tp] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/DisplaySettings.razor.rz.scp.css */
.display-setting + .switch-row[b-cdwaarul77] {
    margin-bottom: 1rem;
}

.display-setting:not(:first-child)[b-cdwaarul77] {
    border-top: 1px solid #e5e9e0;
    margin-top: 1rem;
    padding-top: 1rem;
}

.display-setting h2[b-cdwaarul77] {
    margin-bottom: 0.3rem;
}

.display-setting p[b-cdwaarul77] {
    margin-bottom: 0.7rem;
}
/* /Pages/ForgotPassword.razor.rz.scp.css */
.recovery-card[b-4ll6vembg5] {
    background: #fff;
    border: 1px solid #dfe6dc;
    border-radius: 0.8rem;
    box-shadow: 0 1rem 3rem rgb(27 52 49 / 8%);
    margin: clamp(2rem, 8vh, 6rem) auto;
    max-width: 32rem;
    padding: clamp(1.25rem, 4vw, 2.25rem);
}

.recovery-card form[b-4ll6vembg5] {
    display: grid;
    gap: 0.8rem;
    margin: 1.5rem 0 1rem;
}

.recovery-card label[b-4ll6vembg5] {
    font-weight: 700;
}

.confirmation[b-4ll6vembg5] {
    background: #eff7e9;
    border-left: 4px solid #65b83e;
    margin: 1.5rem 0;
    padding: 1rem;
}

.button-link[b-4ll6vembg5] {
    display: inline-block;
}
/* /Pages/Home.razor.rz.scp.css */
.planning-page[b-2zvoifq1cp] {
    color: var(--trefora-text);
}

.planning-heading[b-2zvoifq1cp] {
    align-items: flex-start;
    display: flex;
    gap: 2rem;
    justify-content: space-between;
    margin-bottom: 1.75rem;
}

.eyebrow[b-2zvoifq1cp] {
    color: var(--trefora-turquoise-dark);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.13em;
    margin: 0 0 0.25rem;
    text-transform: uppercase;
}

h1[b-2zvoifq1cp] {
    font-size: clamp(2rem, 4vw, 3.15rem);
    font-weight: 760;
    letter-spacing: -0.055em;
    line-height: 1;
    margin: 0;
}

.week-label[b-2zvoifq1cp] {
    color: #74796f;
    font-size: 1rem;
    margin: 0.55rem 0 0;
}

.planning-actions[b-2zvoifq1cp] {
    display: grid;
    flex: 1 1 42rem;
    gap: 0.4rem 0.55rem;
    grid-template-columns: minmax(0, 1fr) 10.6rem;
    justify-content: end;
    max-width: 54rem;
    min-width: 0;
}

.planning-toolbar[b-2zvoifq1cp] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    justify-content: flex-end;
    position: relative;
}

.planning-toolbar button[b-2zvoifq1cp],
.week-navigation button[b-2zvoifq1cp] {
    font-size: 0.76rem;
    min-height: 2rem;
    padding: 0.3rem 0.55rem;
}

.creation-actions[b-2zvoifq1cp] {
    display: flex;
    gap: 0.45rem;
    position: relative;
}

.creation-actions button[b-2zvoifq1cp] {
    align-items: center;
    display: inline-flex;
    gap: 0.35rem;
}

.location-filter-menu[b-2zvoifq1cp],
.planning-filter-menu[b-2zvoifq1cp] {
    background: #fff;
    border: 1px solid #d8ddd1;
    border-radius: 0.7rem;
    box-shadow: 0 10px 28px rgba(46, 55, 40, 0.16);
    display: grid;
    gap: 0.25rem;
    min-width: 13rem;
    padding: 0.5rem;
    position: absolute;
    top: calc(100% + 0.35rem);
    z-index: 20;
}

.location-filter[b-2zvoifq1cp] {
    position: relative;
}

.planning-filter[b-2zvoifq1cp] {
    position: relative;
}

.location-filter-toggle[b-2zvoifq1cp] {
    min-height: 2rem;
    padding: 0.3rem 0.55rem;
}

.location-filter-menu[b-2zvoifq1cp] {
    right: 0;
}

.location-filter-menu label[b-2zvoifq1cp] {
    align-items: center;
    border-radius: 0.45rem;
    cursor: pointer;
    display: flex;
    font-size: 0.82rem;
    font-weight: 650;
    gap: 0.55rem;
    min-height: 2.2rem;
    padding: 0.35rem 0.45rem;
}

.location-filter-menu label:hover[b-2zvoifq1cp] {
    background: var(--trefora-surface-soft);
}

.location-filter-menu input[b-2zvoifq1cp] {
    accent-color: var(--trefora-turquoise);
    height: 1rem;
    margin: 0;
    width: 1rem;
}

.location-filter-heading[b-2zvoifq1cp] {
    color: var(--trefora-muted);
    display: block;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .06em;
    padding: .15rem .45rem;
    text-transform: uppercase;
}

.location-filter-kinds[b-2zvoifq1cp] {
    border-top: 1px solid #e2e6dd;
    display: grid;
    gap: .25rem;
    margin-top: .25rem;
    padding-top: .25rem;
}

.planning-filter-toggle[b-2zvoifq1cp] {
    align-items: center;
    display: inline-flex;
    gap: 0.35rem;
}

.planning-filter-toggle.active[b-2zvoifq1cp] {
    background: #dceeee;
    border-color: var(--trefora-turquoise);
    color: var(--trefora-petrol);
}

.filter-count[b-2zvoifq1cp] {
    align-items: center;
    background: var(--trefora-petrol);
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    font-size: 0.65rem;
    height: 1.15rem;
    justify-content: center;
    min-width: 1.15rem;
    padding: 0 0.25rem;
}

.planning-filter-menu[b-2zvoifq1cp] {
    min-width: 32rem;
    right: 0;
    width: min(34rem, calc(100vw - 2rem));
}

.planning-filter-menu > header[b-2zvoifq1cp] {
    align-items: baseline;
    display: flex;
    gap: 0.65rem;
    justify-content: space-between;
    padding: 0.15rem 0.15rem 0.35rem;
}

.planning-filter-menu > header strong[b-2zvoifq1cp] {
    color: var(--trefora-petrol);
    font-size: 0.85rem;
}

.planning-filter-menu > header span[b-2zvoifq1cp] {
    color: #74796f;
    font-size: 0.68rem;
    font-weight: 600;
}

.planning-filter-grid[b-2zvoifq1cp] {
    display: grid;
    gap: 0.55rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.planning-filter-grid label[b-2zvoifq1cp] {
    min-width: 0;
}

.planning-filter-grid select[b-2zvoifq1cp] {
    font-size: 0.78rem;
    min-height: 2.2rem;
    padding: 0.35rem 0.5rem;
    width: 100%;
}

.planning-filter-menu > footer[b-2zvoifq1cp] {
    display: flex;
    gap: 0.4rem;
    justify-content: flex-end;
    padding-top: 0.35rem;
}

.planning-filter-menu > footer button[b-2zvoifq1cp] {
    font-size: 0.72rem;
    min-height: 1.9rem;
    padding: 0.25rem 0.55rem;
}

.planning-filter-menu .clear-filters[b-2zvoifq1cp] {
    border-color: transparent;
    margin-right: auto;
}

label[b-2zvoifq1cp] {
    display: grid;
    font-size: 0.75rem;
    font-weight: 750;
    gap: 0.25rem;
}

select[b-2zvoifq1cp],
button[b-2zvoifq1cp] {
    background: #fff;
    border: 1px solid #d8ddd1;
    border-radius: 0.65rem;
    color: #363b33;
    font: inherit;
    min-height: 2.7rem;
    padding: 0.55rem 0.85rem;
}

button[b-2zvoifq1cp] {
    cursor: pointer;
    font-weight: 700;
}

button:hover:not(:disabled)[b-2zvoifq1cp] {
    background: var(--trefora-surface-soft);
    border-color: var(--trefora-turquoise);
}

button:disabled[b-2zvoifq1cp] {
    cursor: wait;
    opacity: 0.55;
}

.new-booking[b-2zvoifq1cp] {
    background: var(--trefora-petrol);
    border-color: var(--trefora-petrol);
    color: #fff;
}

.new-booking[b-2zvoifq1cp],
.new-agenda[b-2zvoifq1cp],
.new-block[b-2zvoifq1cp] {
    min-height: 2rem;
    padding: 0.3rem 0.55rem;
}

.new-block[b-2zvoifq1cp] {
    background: #fff0ed;
    border-color: #f2a493;
    color: #8d321f;
}

.new-booking:hover:not(:disabled)[b-2zvoifq1cp] {
    background: var(--trefora-petrol-strong);
    border-color: var(--trefora-petrol-strong);
}

.week-navigation[b-2zvoifq1cp] {
    display: grid;
    gap: 0.35rem;
    grid-template-columns: 2rem minmax(4.75rem, auto) 2rem;
    grid-column: 1;
    justify-self: end;
}

.week-navigation button[b-2zvoifq1cp] {
    height: 2rem;
    line-height: 1;
    min-height: 2rem;
    padding: 0 0.55rem;
}

.week-navigation button:first-child[b-2zvoifq1cp],
.week-navigation button:last-child[b-2zvoifq1cp] {
    font-size: 0.9rem;
    padding: 0;
    width: 2rem;
}

.view-switch[b-2zvoifq1cp] {
    align-items: center;
    background: #e8eef1;
    border-radius: 0.7rem;
    display: flex;
    gap: 0.15rem;
    padding: 0.2rem;
}

.view-switch button[b-2zvoifq1cp] {
    background: transparent;
    border: 0;
    min-height: 1.75rem;
    padding: 0.25rem 0.5rem;
}

.view-switch button.active[b-2zvoifq1cp] {
    background: #fff;
    box-shadow: 0 2px 7px rgba(45, 54, 39, 0.12);
    color: var(--trefora-petrol);
}

.mini-calendar[b-2zvoifq1cp] {
    align-self: flex-start;
    background: #fff;
    border: 1px solid #dfe4da;
    border-radius: 0.6rem;
    grid-column: 2;
    grid-row: 1 / span 2;
    justify-self: end;
    padding: 0.3rem;
    width: 11.25rem;
}

.mini-calendar > header[b-2zvoifq1cp] {
    align-items: center;
    display: grid;
    grid-template-columns: 1.4rem 1fr 1.4rem;
    text-align: center;
}

.mini-calendar > header strong[b-2zvoifq1cp] {
    font-size: 0.68rem;
    text-transform: capitalize;
}

.mini-calendar > header button[b-2zvoifq1cp],
.calendar-days button[b-2zvoifq1cp] {
    border: 0;
    border-radius: 0.3rem;
    min-height: 1.5rem;
    min-width: 1.5rem;
    padding: 0;
}

.calendar-weekdays[b-2zvoifq1cp],
.calendar-days[b-2zvoifq1cp] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

.calendar-weekdays span[b-2zvoifq1cp] {
    color: var(--trefora-muted);
    font-size: 0.62rem;
    font-weight: 750;
    padding: 0.2rem 0;
    text-align: center;
}

.calendar-days button[b-2zvoifq1cp] {
    background: transparent;
    font-size: 0.68rem;
    font-weight: 650;
}

.calendar-days button:hover:not(:disabled)[b-2zvoifq1cp] {
    background: var(--trefora-surface-soft);
}

.calendar-days .outside-month[b-2zvoifq1cp] {
    color: #69746a;
}

.calendar-days .selected-week[b-2zvoifq1cp] {
    background: #dceeee;
    border-radius: 0;
    color: var(--trefora-petrol);
}

.calendar-days .selected-date[b-2zvoifq1cp] {
    background: #cce8e7;
    color: var(--trefora-petrol-strong);
    font-weight: 850;
}

.calendar-days .calendar-today[b-2zvoifq1cp] {
    box-shadow: inset 0 0 0 2px var(--trefora-turquoise);
    border-radius: 50%;
}

.calendar-wrap[b-2zvoifq1cp] {
    background: transparent;
}

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

.day-calendar[b-2zvoifq1cp] {
    grid-template-columns: minmax(0, 1fr);
}

.month-calendar[b-2zvoifq1cp] {
    background: #fff;
    border: 1px solid #e0e4da;
    border-radius: 0.85rem;
    box-shadow: 0 8px 24px rgba(52, 61, 43, 0.05);
    overflow: hidden;
}

.month-weekdays[b-2zvoifq1cp],
.month-grid[b-2zvoifq1cp] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.month-weekdays[b-2zvoifq1cp] {
    background: #f3f6ef;
    border-bottom: 1px solid #e0e4da;
}

.month-weekdays span[b-2zvoifq1cp] {
    color: #596153;
    font-size: 0.72rem;
    font-weight: 850;
    padding: 0.55rem 0.4rem;
    text-align: center;
    text-transform: uppercase;
}

.month-day[b-2zvoifq1cp] {
    border-bottom: 1px solid #e7eae3;
    border-right: 1px solid #e7eae3;
    min-height: 8.4rem;
    min-width: 0;
    padding: 0.35rem;
}

.month-day:nth-child(7n)[b-2zvoifq1cp] {
    border-right: 0;
}

.month-day:nth-last-child(-n + 7)[b-2zvoifq1cp] {
    border-bottom: 0;
}

.month-day.outside-month[b-2zvoifq1cp] {
    background: #fafbf9;
}

.month-day.today[b-2zvoifq1cp] {
    background: #f0f8f8;
    box-shadow: inset 0 0 0 2px var(--trefora-turquoise);
}

.month-date[b-2zvoifq1cp] {
    align-items: baseline;
    background: transparent;
    border: 0;
    display: flex;
    gap: 0.25rem;
    justify-content: flex-end;
    min-height: 1.8rem;
    padding: 0.15rem 0.25rem;
    width: 100%;
}

.month-date span[b-2zvoifq1cp] {
    font-size: 0.82rem;
    font-weight: 850;
}

.month-date small[b-2zvoifq1cp] {
    color: var(--trefora-muted);
    font-size: 0.62rem;
    text-transform: capitalize;
}

.outside-month .month-date[b-2zvoifq1cp] {
    color: #a4aaa0;
}

.month-entries[b-2zvoifq1cp] {
    display: grid;
    gap: 0.18rem;
}

.month-entry[b-2zvoifq1cp],
.month-more[b-2zvoifq1cp] {
    background: color-mix(in srgb, var(--booking-color, #78c850) 10%, white);
    border: 0;
    border-left: 0.22rem solid var(--booking-color, #78c850);
    border-radius: 0.3rem;
    display: grid;
    gap: 0.22rem;
    grid-template-columns: 3.25rem minmax(0, 1fr);
    min-height: 1.6rem;
    overflow: hidden;
    padding: 0.24rem 0.3rem;
    text-align: left;
    width: 100%;
}

.month-entry time[b-2zvoifq1cp] {
    color: #596153;
    font-size: 0.62rem;
    font-weight: 850;
}

.month-entry span[b-2zvoifq1cp] {
    color: #324453;
    font-size: 0.66rem;
    font-weight: 750;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.month-entry .month-booking-copy[b-2zvoifq1cp] {
    display: grid;
    gap: 0.04rem;
    white-space: normal;
}

.month-booking-copy strong[b-2zvoifq1cp],
.month-booking-copy small[b-2zvoifq1cp] {
    display: block;
    font-size: inherit;
    line-height: 1.15;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.month-booking-copy small[b-2zvoifq1cp] {
    color: #687167;
    font-size: 0.6rem;
    font-weight: 550;
}

.month-entry.option[b-2zvoifq1cp] {
    background: #fff9da;
}

.month-block[b-2zvoifq1cp] {
    --booking-color: #b85a50;
    background: #fff2ef;
}

.creation-dialog-backdrop[b-2zvoifq1cp] {
    background: rgba(20, 33, 37, 0.48);
    inset: 0;
    position: fixed;
    z-index: 90;
}

.creation-dialog[b-2zvoifq1cp] {
    background: #fff;
    border: 1px solid #d8ddd1;
    border-radius: 1rem;
    box-shadow: 0 24px 70px rgba(20, 33, 37, 0.28);
    left: 50%;
    max-height: calc(100dvh - 2rem);
    max-width: calc(100vw - 2rem);
    overflow-y: auto;
    padding: 1.35rem;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 31rem;
    z-index: 91;
}

.creation-dialog header[b-2zvoifq1cp] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.creation-dialog h2[b-2zvoifq1cp] {
    font-size: 1.6rem;
    margin: 0;
}

.creation-dialog > p[b-2zvoifq1cp] {
    color: #626a5e;
    line-height: 1.5;
    margin: 0.75rem 0 1rem;
}

.creation-dialog-close[b-2zvoifq1cp] {
    align-items: center;
    background: #f0f2ed;
    border: 0;
    border-radius: 50%;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 1.35rem;
    height: 2.5rem;
    justify-content: center;
    padding: 0;
    width: 2.5rem;
}

.creation-dialog-options[b-2zvoifq1cp] {
    display: grid;
    gap: 0.55rem;
}

.creation-dialog-options button[b-2zvoifq1cp] {
    align-items: center;
    background: #f7f9f4;
    border: 1px solid #d8ddd1;
    border-radius: 0.7rem;
    color: var(--trefora-text);
    display: flex;
    font-size: 1rem;
    font-weight: 750;
    justify-content: space-between;
    min-height: 3.25rem;
    padding: 0.75rem 1rem;
    text-align: left;
    width: 100%;
}

.creation-dialog-options button:hover[b-2zvoifq1cp],
.creation-dialog-options button:focus-visible[b-2zvoifq1cp] {
    background: #edf6e7;
    border-color: var(--trefora-green);
}

.creation-dialog-options button span:last-child[b-2zvoifq1cp] {
    color: var(--trefora-turquoise-dark);
    font-size: 1.5rem;
}

.creation-dialog footer[b-2zvoifq1cp] {
    border-top: 1px solid #e2e6dd;
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
    padding-top: 1rem;
}

.creation-dialog-cancel[b-2zvoifq1cp] {
    background: #fff;
    border: 1px solid #cfd5ca;
    min-height: 2.6rem;
}

@media (max-width: 520px) {
    .creation-dialog[b-2zvoifq1cp] {
        max-width: calc(100vw - 1.25rem);
        padding: 1.1rem;
        width: 100%;
    }
}

.new-agenda[b-2zvoifq1cp] {
    background: #e5f5f3;
    border-color: var(--trefora-turquoise);
    color: var(--trefora-petrol);
}

.month-agenda[b-2zvoifq1cp] {
    --booking-color: #b56812;
    background: #fff7eb;
    border-left: 0.22rem solid #b56812;
}

.month-announcement[b-2zvoifq1cp] {
    --booking-color: #356b82;
    background: #edf5fa;
    border-left: 0.22rem solid #356b82;
}

.month-more[b-2zvoifq1cp] {
    background: transparent;
    border: 0;
    color: var(--trefora-turquoise-dark);
    display: block;
    font-size: 0.65rem;
    font-weight: 800;
    min-height: 1.5rem;
    padding-left: 0.35rem;
}

.day-column[b-2zvoifq1cp] {
    background: #fff;
    border: 1px solid #e0e4da;
    border-radius: 0.8rem;
    box-shadow: 0 8px 24px rgba(52, 61, 43, 0.05);
    min-width: 0;
    overflow: hidden;
}

.day-column:last-child[b-2zvoifq1cp] {
    border-right: 1px solid #e0e4da;
}

.day-column > header[b-2zvoifq1cp] {
    align-items: center;
    border-bottom: 1px solid #e8ebe3;
    display: flex;
    gap: 0.5rem;
    justify-content: flex-start;
    min-height: 3.5rem;
    padding: 0.65rem 1rem;
    text-transform: capitalize;
}

.day-column > header span[b-2zvoifq1cp] {
    color: #38566a;
    font-size: 1rem;
    font-weight: 800;
}

.day-column > header strong[b-2zvoifq1cp] {
    align-items: center;
    display: inline-flex;
    font-size: 1rem;
    height: 1.9rem;
    justify-content: center;
    white-space: nowrap;
    width: auto;
}

.day-column.today[b-2zvoifq1cp] {
    background: #f8fcfc;
}

.day-column.today > header[b-2zvoifq1cp] {
    background: var(--trefora-surface-soft);
    box-shadow: inset 4px 0 var(--trefora-turquoise);
}

.day-content[b-2zvoifq1cp] {
    display: grid;
    gap: 0;
    padding: 0.55rem 1rem 0.75rem;
}

.empty-day[b-2zvoifq1cp] {
    color: #a0a49b;
    font-size: 0.78rem;
    margin: 1rem 0;
    text-align: center;
}

.booking-card[b-2zvoifq1cp] {
    align-items: center;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #edf0e9;
    border-radius: 0;
    box-shadow: none;
    display: grid;
    column-gap: 0.65rem;
    grid-template-columns:
        6rem
        minmax(12rem, 1fr)
        10rem
        3.6rem;
    min-height: 2.75rem;
    padding: 0.45rem 0.3rem;
    position: relative;
    text-align: left;
    width: 100%;
}

.booking-card[b-2zvoifq1cp]::before {
    background: var(--booking-color);
    border-radius: 50%;
    content: "";
    height: 0.55rem;
    left: -0.8rem;
    position: absolute;
    top: 0.9rem;
    width: 0.55rem;
}

.booking-card:last-child[b-2zvoifq1cp] {
    border-bottom: 0;
}

.calendar:not(.day-calendar) .day-column > header[b-2zvoifq1cp] {
    min-height: 3rem;
    padding-block: 0.45rem;
}

.calendar:not(.day-calendar) .day-content[b-2zvoifq1cp] {
    padding-block: 0.3rem 0.5rem;
}

.calendar:not(.day-calendar) .booking-card[b-2zvoifq1cp] {
    column-gap: 0.65rem;
    padding-block: 0.38rem;
}

.calendar:not(.day-calendar) .booking-card[b-2zvoifq1cp]::before {
    top: 0.62rem;
}

.booking-card:hover[b-2zvoifq1cp],
.booking-card:focus-visible[b-2zvoifq1cp] {
    background: color-mix(in srgb, var(--booking-color) 9%, white);
    border-radius: 0.35rem;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--booking-color) 20%, transparent);
    outline: none;
}

.booking-card time[b-2zvoifq1cp] {
    color: #596153;
    font-size: 0.8rem;
    font-weight: 800;
    white-space: nowrap;
}

.booking-card strong[b-2zvoifq1cp] {
    font-size: 0.92rem;
    line-height: 1.2;
}

.booking-card span[b-2zvoifq1cp],
.booking-card small[b-2zvoifq1cp] {
    color: #666d61;
    font-size: 0.78rem;
    line-height: 1.25;
}

.booking-summary[b-2zvoifq1cp] {
    align-items: center;
    display: grid;
    gap: 0.45rem;
    grid-template-columns: minmax(0, 1fr) auto;
    min-width: 0;
}

.booking-copy[b-2zvoifq1cp] {
    align-content: center;
    display: grid;
    gap: 0.05rem;
    min-width: 0;
}

.booking-copy strong[b-2zvoifq1cp] {
    color: #263d4c;
    min-width: 0;
    white-space: normal;
}

.booking-copy small[b-2zvoifq1cp] {
    font-weight: 500;
    min-width: 0;
    white-space: normal;
}

.booking-indicators[b-2zvoifq1cp] {
    align-items: center;
    display: inline-flex;
    gap: 0.2rem;
}

.booking-card .rooms[b-2zvoifq1cp] {
    color: #536158;
    font-weight: 650;
    min-width: 0;
    white-space: normal;
}

.series-icon[b-2zvoifq1cp],
.additional-data-icon[b-2zvoifq1cp],
.attachment-icon[b-2zvoifq1cp],
.block-icon[b-2zvoifq1cp] {
    align-items: center;
    align-self: center;
    border: 1px solid var(--trefora-turquoise-dark);
    border-radius: 50%;
    color: var(--trefora-turquoise-dark) !important;
    display: inline-flex;
    flex: 0 0 1rem;
    font-size: 0.62rem !important;
    font-style: normal;
    font-weight: 900;
    height: 1rem;
    justify-content: center;
    line-height: 1;
    margin-left: 0;
    width: 1rem;
}

.series-icon[b-2zvoifq1cp]  .interface-icon,
.additional-data-icon[b-2zvoifq1cp]  .interface-icon,
.attachment-icon[b-2zvoifq1cp]  .interface-icon,
.block-icon[b-2zvoifq1cp]  .interface-icon {
    font-size: 0.72rem;
}

.block-icon[b-2zvoifq1cp] {
    border-color: #b85a50;
    color: #b85a50 !important;
}

.option-label[b-2zvoifq1cp] {
    align-self: center;
    background: #fff5bc;
    border-radius: 999px;
    color: #665800 !important;
    font-weight: 800;
    margin-top: 0;
    padding: 0.18rem 0.45rem;
    text-transform: uppercase;
}

.room-block-card[b-2zvoifq1cp] {
    cursor: pointer;
}

.room-block-card[b-2zvoifq1cp]::before {
    background: #b85a50;
    border-radius: 50%;
}

.room-block-card .booking-summary strong[b-2zvoifq1cp] {
    color: #6b342f;
}

.agenda-card[b-2zvoifq1cp] {
    --booking-color: #b56812;
    background: #fff7eb;
    box-shadow: inset 0.2rem 0 #b56812;
}

.agenda-card .booking-summary strong[b-2zvoifq1cp] {
    color: #70410d;
}

[b-2zvoifq1cp] .agenda-type-icon {
    color: #b56812;
    font-size: 1.02rem;
    margin-right: .42rem;
    vertical-align: -.14rem;
}

.shared-agenda-icon[b-2zvoifq1cp] {
    align-items: center;
    color: #8d5b21 !important;
    display: inline-flex;
    flex: 0 0 auto;
    margin-left: .38rem;
    overflow: visible !important;
    vertical-align: -.12rem;
}

[b-2zvoifq1cp] .shared-agenda-icon .interface-icon {
    font-size: .92rem;
}

.announcement-card[b-2zvoifq1cp] {
    --booking-color: #356b82;
    background: #f1f7fb;
    box-shadow: inset 0.2rem 0 #356b82;
    grid-template-columns: 6rem minmax(12rem, 1fr);
}

.announcement-copy[b-2zvoifq1cp] {
    align-items: center;
    display: flex;
    min-width: 0;
}

.announcement-text[b-2zvoifq1cp] {
    color: #31576a !important;
    font-size: .8rem !important;
    font-weight: 500;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-2zvoifq1cp] .announcement-type-icon {
    color: #356b82 !important;
    font-size: 1.05rem !important;
    margin-right: .3rem;
    vertical-align: .05rem;
}

.planning-footer[b-2zvoifq1cp] {
    color: #74796f;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.78rem;
    gap: 1.25rem;
    justify-content: flex-end;
    padding: 0.9rem 0.2rem 0;
}

.planning-footer span[b-2zvoifq1cp] {
    align-items: center;
    display: inline-flex;
    gap: 0.4rem;
}

.planning-state[b-2zvoifq1cp] {
    align-items: center;
    background: #fff;
    border: 1px solid #e0e4da;
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    justify-content: center;
    min-height: 420px;
    padding: 2rem;
    text-align: center;
}

.planning-state span[b-2zvoifq1cp] {
    color: #74796f;
}

.error-state[b-2zvoifq1cp] {
    border-color: #ead3ce;
}

.loader[b-2zvoifq1cp] {
    animation: spin-b-2zvoifq1cp 0.8s linear infinite;
    border: 3px solid #e1e6dc;
    border-radius: 50%;
    border-top-color: var(--trefora-turquoise);
    height: 2rem;
    width: 2rem;
}

@keyframes spin-b-2zvoifq1cp {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 1100px) {
    .planning-heading[b-2zvoifq1cp] {
        flex-direction: column;
    }

    .planning-actions[b-2zvoifq1cp] {
        flex: none;
        max-width: none;
        width: 100%;
    }

    .planning-toolbar[b-2zvoifq1cp] {
        justify-content: flex-start;
    }
}

@media (max-width: 760px) {
    .planning-heading[b-2zvoifq1cp] {
        align-items: stretch;
        flex-direction: column;
    }

    .planning-actions[b-2zvoifq1cp] {
        grid-template-columns: minmax(0, 1fr) 10.6rem;
    }

    .creation-actions[b-2zvoifq1cp] {
        flex-wrap: wrap;
    }

    .location-filter[b-2zvoifq1cp] {
        margin-left: 0;
    }

    .location-filter-menu[b-2zvoifq1cp] {
        left: 0;
        max-width: calc(100vw - 2rem);
        right: auto;
    }

    .planning-filter[b-2zvoifq1cp] {
        position: static;
    }

    .planning-filter-menu[b-2zvoifq1cp] {
        left: 0;
        min-width: 0;
        right: 0;
        width: auto;
    }

    label[b-2zvoifq1cp] {
        flex: 1;
    }

    .planning-footer[b-2zvoifq1cp] {
        justify-content: flex-start;
    }

    .calendar[b-2zvoifq1cp] {
        grid-template-columns: 1fr;
    }

    .month-calendar[b-2zvoifq1cp] {
        background: transparent;
        border: 0;
        box-shadow: none;
        overflow: visible;
    }

    .month-weekdays[b-2zvoifq1cp] {
        display: none;
    }

    .month-grid[b-2zvoifq1cp] {
        gap: 0.55rem;
        grid-template-columns: 1fr;
    }

    .month-day[b-2zvoifq1cp] {
        background: #fff;
        border: 1px solid #e0e4da !important;
        border-radius: 0.7rem;
        min-height: auto;
        padding: 0.5rem;
    }

    .month-day.outside-month[b-2zvoifq1cp] {
        display: none;
    }

    .month-date[b-2zvoifq1cp] {
        justify-content: flex-start;
    }

    .month-entry[b-2zvoifq1cp] {
        grid-template-columns: 3rem minmax(0, 1fr);
    }

    .booking-card[b-2zvoifq1cp] {
        gap: 0.25rem 0.6rem;
        grid-template-columns: 6.5rem minmax(0, 1fr) auto;
    }

    .booking-card .rooms[b-2zvoifq1cp] {
        grid-column: 2 / -1;
    }

}

@media (max-width: 540px) {
    .planning-actions[b-2zvoifq1cp] {
        grid-template-columns: minmax(0, 1fr) 10.6rem;
    }

    .planning-toolbar[b-2zvoifq1cp] {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .week-navigation[b-2zvoifq1cp] {
        align-self: start;
        grid-column: 1;
        grid-row: 2;
        justify-self: start;
    }

    .mini-calendar[b-2zvoifq1cp] {
        grid-column: 2;
        grid-row: 2;
        justify-self: end;
    }

    .planning-filter-grid[b-2zvoifq1cp] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Pages/Info.razor.rz.scp.css */
.info-page[b-ts6rgwtzvz] {
    margin: 0 auto;
    max-width: 62rem;
}

.version-card[b-ts6rgwtzvz] {
    align-items: end;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(12rem, 16rem) minmax(0, 1fr);
}

.install-card[b-ts6rgwtzvz] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.install-card h2[b-ts6rgwtzvz],
.install-card p[b-ts6rgwtzvz] {
    margin: 0;
}

.install-card div[b-ts6rgwtzvz] {
    display: grid;
    gap: .35rem;
}

.install-card button[b-ts6rgwtzvz] {
    flex: 0 0 auto;
}

.version-card > div[b-ts6rgwtzvz],
.contact-card > div[b-ts6rgwtzvz] {
    display: grid;
    gap: .25rem;
}

.version-card strong[b-ts6rgwtzvz] {
    color: var(--trefora-petrol);
    font-size: 1.4rem;
}

.version-card p[b-ts6rgwtzvz],
.contact-card p[b-ts6rgwtzvz] {
    margin: 0;
}

.info-label[b-ts6rgwtzvz] {
    color: var(--trefora-muted);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.release-list[b-ts6rgwtzvz] {
    border-top: 1px solid #e1e7de;
    margin-top: 1rem;
}

.release-item[b-ts6rgwtzvz] {
    border-bottom: 1px solid #e1e7de;
}

.release-item summary[b-ts6rgwtzvz] {
    align-items: center;
    cursor: pointer;
    display: grid;
    gap: .15rem .8rem;
    grid-template-columns: 7rem minmax(0, 1fr);
    list-style-position: outside;
    padding: .9rem .25rem;
}

.release-item summary strong[b-ts6rgwtzvz] {
    color: var(--trefora-petrol);
}

.release-item summary span[b-ts6rgwtzvz] {
    color: var(--trefora-muted);
}

.release-item ul[b-ts6rgwtzvz] {
    margin: 0 0 1rem 1.5rem;
}

.release-item li + li[b-ts6rgwtzvz] {
    margin-top: .3rem;
}

.contact-card[b-ts6rgwtzvz] {
    display: grid;
    gap: .65rem;
}

.contact-card h2[b-ts6rgwtzvz] {
    margin: 0;
}

.contact-card address[b-ts6rgwtzvz] {
    display: grid;
    font-style: normal;
    gap: .45rem;
    margin: 0;
}

.contact-card a[b-ts6rgwtzvz] {
    color: var(--trefora-petrol);
    font-weight: 750;
    justify-self: start;
}

.contact-card .product-credit[b-ts6rgwtzvz] {
    color: var(--trefora-muted);
    font-size: .78rem;
    margin: .35rem 0 0;
}

@media (max-width: 680px) {
    .version-card[b-ts6rgwtzvz] {
        align-items: start;
        grid-template-columns: 1fr;
    }

    .install-card[b-ts6rgwtzvz] {
        align-items: start;
        flex-direction: column;
    }

    .release-item summary[b-ts6rgwtzvz] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/MunicipalReservationReview.razor.rz.scp.css */
.municipal-review[b-sb3p89ku63] {
    width: 100%;
    max-width: none;
}

.review-layout[b-sb3p89ku63] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
}

.delegation-card[b-sb3p89ku63] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: .75rem;
    margin-bottom: 1rem;
}

.delegation-card > div[b-sb3p89ku63] {
    flex: 1 1 20rem;
}

.delegation-card label[b-sb3p89ku63] {
    display: grid;
    gap: .25rem;
    font-size: .8rem;
    font-weight: 700;
}

.import-list[b-sb3p89ku63],
.item-list[b-sb3p89ku63] {
    display: grid;
    gap: .75rem;
}

.import-list[b-sb3p89ku63] {
    grid-template-columns: repeat(auto-fit, minmax(15rem, 20rem));
}

.import-card[b-sb3p89ku63] {
    display: grid;
    gap: .25rem;
    padding: 1rem;
    text-align: left;
    border: 1px solid var(--border-color);
    border-radius: .75rem;
    background: var(--surface);
}

.import-card.selected[b-sb3p89ku63] {
    border-color: var(--accent);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 20%, transparent);
}

.import-card span[b-sb3p89ku63],
.import-card em[b-sb3p89ku63] {
    font-size: .82rem;
    color: var(--text-muted);
}

.review-editor[b-sb3p89ku63] {
    --booking-grid: 2rem minmax(8.5rem, 1.15fr) 6.5rem 6.5rem 5.5rem minmax(11rem, 1.65fr) 8.6rem;
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.review-editor > header[b-sb3p89ku63] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.review-editor > header > div[b-sb3p89ku63] {
    min-width: 0;
}

.review-editor > header p[b-sb3p89ku63] {
    overflow-wrap: anywhere;
}

.booking-summary[b-sb3p89ku63] {
    margin-top: .35rem;
    font-size: .82rem;
    font-weight: 700;
}

.status[b-sb3p89ku63] {
    flex: 0 0 auto;
    align-self: start;
    padding: .3rem .6rem;
    border-radius: 999px;
    background: var(--surface-muted);
    font-size: .8rem;
    font-weight: 700;
}

.review-warning[b-sb3p89ku63] {
    padding: .75rem;
    border-radius: .6rem;
    background: #fff4d6;
    color: #5d4300;
}

.review-warning pre[b-sb3p89ku63] {
    margin: .35rem 0 0;
    white-space: pre-wrap;
    font: inherit;
}

.booking-table-header[b-sb3p89ku63] {
    display: grid;
    grid-template-columns: var(--booking-grid);
    align-items: end;
    gap: .55rem;
    padding: 0 .75rem;
    color: var(--text-muted);
    font-size: .75rem;
    font-weight: 800;
}

.booking-row[b-sb3p89ku63] {
    display: grid;
    grid-template-columns: var(--booking-grid);
    align-items: center;
    gap: .55rem;
    padding: .75rem;
    border: 1px solid var(--border-color);
    border-radius: .65rem;
}

.booking-row.excluded[b-sb3p89ku63] {
    background: var(--surface-muted);
    border-style: dashed;
}

.booking-row.excluded > :not(.row-actions)[b-sb3p89ku63] {
    opacity: .62;
}

.booking-row label[b-sb3p89ku63] {
    display: grid;
    gap: .25rem;
    min-width: 0;
    font-size: .75rem;
    font-weight: 700;
}

.booking-row input:not([type="checkbox"])[b-sb3p89ku63] {
    width: 100%;
    min-width: 0;
}

.booking-row .field-label[b-sb3p89ku63] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.sequence[b-sb3p89ku63] {
    align-self: center;
    font-weight: 800;
}

.row-actions[b-sb3p89ku63] {
    display: grid;
    gap: .35rem;
}

.row-actions button[b-sb3p89ku63] {
    width: 100%;
    padding-inline: .6rem;
    white-space: nowrap;
}

.booking-row:not(.excluded) .exclusion-toggle[b-sb3p89ku63] {
    color: var(--danger, #8a1c1c);
}

.decision-actions[b-sb3p89ku63] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}

.approval-issues[b-sb3p89ku63] {
    display: grid;
    gap: .6rem;
    padding: .85rem;
    border: 1px solid #e0b647;
    border-radius: .65rem;
    background: #fff4d6;
    color: #5d4300;
}

.approval-issue[b-sb3p89ku63] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.approval-issue button[b-sb3p89ku63] {
    flex: 0 0 auto;
    white-space: nowrap;
}

@media (max-width: 1200px) {
    .booking-table-header[b-sb3p89ku63] {
        display: none;
    }

    .booking-row[b-sb3p89ku63] {
        grid-template-columns: 2rem repeat(3, minmax(0, 1fr));
        align-items: end;
    }

    .booking-row .field-label[b-sb3p89ku63] {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal;
    }

    .booking-row .tenant[b-sb3p89ku63] {
        grid-column: span 2;
    }

    .booking-row .row-actions[b-sb3p89ku63] {
        grid-column: -2 / -1;
    }
}

@media (max-width: 700px) {
    .import-list[b-sb3p89ku63] {
        grid-template-columns: minmax(0, 1fr);
    }

    .review-editor[b-sb3p89ku63] {
        padding: 1rem;
    }

    .review-editor > header[b-sb3p89ku63] {
        display: grid;
    }

    .booking-row[b-sb3p89ku63] {
        grid-template-columns: 2rem repeat(2, minmax(0, 1fr));
    }

    .booking-row .date[b-sb3p89ku63],
    .booking-row .tenant[b-sb3p89ku63] {
        grid-column: 2 / -1;
    }

    .booking-row .room[b-sb3p89ku63] {
        grid-column: 2 / 3;
    }

    .booking-row .row-actions[b-sb3p89ku63] {
        grid-column: 2 / -1;
    }

    .decision-actions > button[b-sb3p89ku63] {
        flex: 1 1 100%;
    }

    .approval-issue[b-sb3p89ku63] {
        align-items: stretch;
        flex-direction: column;
    }

    .approval-issue button[b-sb3p89ku63] {
        align-self: start;
    }
}
/* /Pages/NotificationPolicySettings.razor.rz.scp.css */
.notification-policy-page[b-41buy274og] {
    max-width: 900px;
}

.notification-policy-page > header[b-41buy274og] {
    margin-bottom: 1.5rem;
}

.notification-policy-page h1[b-41buy274og],
.notification-policy-page h2[b-41buy274og] {
    color: var(--trefora-petrol);
}

.eyebrow[b-41buy274og] {
    color: var(--trefora-turquoise-dark);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    margin: 0;
    text-transform: uppercase;
}

.settings-card[b-41buy274og],
.settings-error[b-41buy274og] {
    background: #fff;
    border: 1px solid var(--trefora-border);
    border-radius: 0.9rem;
    margin-bottom: 1rem;
    padding: 1.3rem;
}

.settings-card h2[b-41buy274og] {
    font-size: 1.05rem;
    margin: 0 0 0.8rem;
}

.account-selection[b-41buy274og] {
    align-items: end;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(18rem, 1fr) auto;
}

.account-selection label[b-41buy274og],
.policy-list label[b-41buy274og] {
    display: grid;
    gap: 0.35rem;
}

.account-selection p[b-41buy274og] {
    color: var(--trefora-muted);
    margin: 0 0 0.6rem;
}

select[b-41buy274og] {
    background: #fff;
    border: 1px solid var(--trefora-border);
    border-radius: 0.55rem;
    color: var(--trefora-petrol);
    font: inherit;
    min-height: 2.6rem;
    padding: 0.45rem 0.6rem;
}

.policy-list[b-41buy274og] {
    display: grid;
    gap: 0.7rem;
}

.policy-list label[b-41buy274og] {
    align-items: center;
    border-top: 1px solid var(--trefora-border);
    grid-template-columns: 1fr minmax(10rem, 13rem);
    padding-top: 0.75rem;
}

.policy-list span[b-41buy274og] {
    display: grid;
}

.policy-list small[b-41buy274og] {
    color: var(--trefora-muted);
}

.settings-error[b-41buy274og] {
    border-color: var(--trefora-coral);
    color: #8b2d23;
}

@media (max-width: 650px) {
    .account-selection[b-41buy274og],
    .policy-list label[b-41buy274og] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Notifications.razor.rz.scp.css */
.notification-page[b-442ogwpzxu] {
    margin: 0 auto;
    max-width: 920px;
}

.notification-page > header[b-442ogwpzxu] {
    margin-bottom: 1.5rem;
}

.notification-page h1[b-442ogwpzxu] {
    color: var(--trefora-petrol);
    margin: 0.2rem 0;
}

.eyebrow[b-442ogwpzxu] {
    color: var(--trefora-turquoise-dark);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    margin: 0;
    text-transform: uppercase;
}

.notification-toolbar[b-442ogwpzxu] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.notification-summary[b-442ogwpzxu] {
    color: var(--trefora-muted);
    font-size: 0.86rem;
    font-weight: 650;
    margin: 0;
}

.notification-toolbar button[b-442ogwpzxu] {
    background: transparent;
    border: 0;
    color: var(--trefora-petrol);
    cursor: pointer;
    font: inherit;
    font-size: 0.84rem;
    font-weight: 700;
    padding: 0.35rem;
}

.notification-list[b-442ogwpzxu] {
    background: #fff;
    border: 1px solid var(--trefora-border);
    border-radius: 0.9rem;
    overflow: hidden;
}

.notification-list article[b-442ogwpzxu] {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: 0.7rem 1fr;
    padding: 1rem 1.2rem;
}

.notification-list article + article[b-442ogwpzxu] {
    border-top: 1px solid var(--trefora-border);
}

.notification-list article.unread[b-442ogwpzxu] {
    background: var(--trefora-surface-soft);
}

.notification-dot[b-442ogwpzxu] {
    background: transparent;
    border-radius: 50%;
    height: 0.55rem;
    margin-top: 0.45rem;
    width: 0.55rem;
}

.unread .notification-dot[b-442ogwpzxu] {
    background: var(--trefora-coral);
}

.notification-list header[b-442ogwpzxu] {
    align-items: baseline;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.notification-list h2[b-442ogwpzxu] {
    color: var(--trefora-petrol);
    font-size: 1rem;
    margin: 0;
}

.notification-list time[b-442ogwpzxu] {
    color: var(--trefora-muted);
    font-size: 0.78rem;
    white-space: nowrap;
}

.notification-list p[b-442ogwpzxu] {
    color: var(--trefora-muted);
    margin: 0.35rem 0 0.65rem;
}

.notification-list button[b-442ogwpzxu] {
    background: #fff;
    border: 1px solid var(--trefora-border);
    border-radius: 0.55rem;
    color: var(--trefora-petrol);
    cursor: pointer;
    font: inherit;
    font-size: 0.86rem;
    font-weight: 700;
    padding: 0.45rem 0.7rem;
}

.notification-actions[b-442ogwpzxu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.notification-list button.dismiss[b-442ogwpzxu] {
    background: transparent;
    color: var(--trefora-muted);
}

.notification-list button:disabled[b-442ogwpzxu],
.notification-toolbar button:disabled[b-442ogwpzxu] {
    cursor: wait;
    opacity: 0.6;
}

.empty-notifications[b-442ogwpzxu],
.notification-error[b-442ogwpzxu] {
    background: #fff;
    border: 1px solid var(--trefora-border);
    border-radius: 0.9rem;
    padding: 1.5rem;
}

.notification-error.compact[b-442ogwpzxu] {
    margin-bottom: 0.75rem;
    padding: 0.75rem 1rem;
}

.notification-error[b-442ogwpzxu] {
    border-color: var(--trefora-coral);
    color: #8b2d23;
}

@media (max-width: 600px) {
    .notification-list header[b-442ogwpzxu] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.2rem;
    }

    .notification-toolbar[b-442ogwpzxu] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.35rem;
    }
}
/* /Pages/OrganizationModules.razor.rz.scp.css */
.module-admin-list[b-o4awphj9us] {
    display: grid;
    gap: 0.85rem;
}

.module-admin-row[b-o4awphj9us] {
    align-items: center;
    border-bottom: 1px solid var(--border-color, #d9e0db);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 0.4rem 0 1rem;
}

.module-admin-row > div:first-child[b-o4awphj9us] {
    display: grid;
    gap: 0.2rem;
}

.module-admin-row span[b-o4awphj9us] {
    color: var(--text-muted, #64736b);
    font-size: 0.9rem;
}

.module-admin-actions[b-o4awphj9us] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

@media (max-width: 720px) {
    .module-admin-row[b-o4awphj9us] {
        align-items: stretch;
        flex-direction: column;
    }

    .module-admin-actions button[b-o4awphj9us] {
        flex: 1 1 12rem;
    }
}
/* /Pages/Organizations.razor.rz.scp.css */
.organization-page-header[b-3y1fy1nqvo],
.wizard-heading[b-3y1fy1nqvo],
.organization-row[b-3y1fy1nqvo],
.organization-title[b-3y1fy1nqvo],
.organization-actions[b-3y1fy1nqvo],
.wizard-actions[b-3y1fy1nqvo] {
    align-items: center;
    display: flex;
}

.organization-page-header[b-3y1fy1nqvo],
.wizard-heading[b-3y1fy1nqvo],
.organization-row[b-3y1fy1nqvo] {
    justify-content: space-between;
}

.organization-page-header[b-3y1fy1nqvo],
.wizard-heading[b-3y1fy1nqvo] {
    gap: 1rem;
}

.organization-wizard[b-3y1fy1nqvo] {
    border-left: .3rem solid var(--trefora-accent, #1aa7a2);
    display: grid;
    gap: 1.25rem;
    margin-bottom: 1rem;
}

.wizard-heading h2[b-3y1fy1nqvo] {
    margin: 0;
}

.wizard-fields[b-3y1fy1nqvo] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wizard-fields label[b-3y1fy1nqvo],
.module-choices label[b-3y1fy1nqvo],
.wizard-summary[b-3y1fy1nqvo],
.organization-main[b-3y1fy1nqvo] {
    display: grid;
    gap: .3rem;
}

.wizard-fields input[b-3y1fy1nqvo],
.wizard-fields select[b-3y1fy1nqvo] {
    min-height: 2.7rem;
    width: 100%;
}

.module-choices[b-3y1fy1nqvo] {
    display: grid;
    gap: .65rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.module-choices label[b-3y1fy1nqvo] {
    align-items: start;
    border: 1px solid var(--border-color, #d9e0db);
    border-radius: .6rem;
    grid-template-columns: auto 1fr;
    padding: .8rem;
}

.module-choices small[b-3y1fy1nqvo],
.wizard-summary span[b-3y1fy1nqvo],
.organization-main > span[b-3y1fy1nqvo],
.organization-main small[b-3y1fy1nqvo] {
    color: var(--text-muted, #64736b);
}

.module-choices .disabled[b-3y1fy1nqvo] {
    opacity: .55;
}

.wizard-summary[b-3y1fy1nqvo] {
    background: var(--surface-soft, #f3f7f4);
    border-radius: .6rem;
    padding: 1rem;
}

.wizard-actions[b-3y1fy1nqvo],
.organization-actions[b-3y1fy1nqvo],
.organization-title[b-3y1fy1nqvo] {
    gap: .6rem;
}

.wizard-actions[b-3y1fy1nqvo] {
    justify-content: flex-end;
}

.organization-list[b-3y1fy1nqvo] {
    display: grid;
    gap: 0;
}

.organization-row[b-3y1fy1nqvo] {
    border-bottom: 1px solid var(--border-color, #d9e0db);
    gap: 1rem;
    padding: 1rem 0;
}

.organization-row:last-child[b-3y1fy1nqvo] {
    border-bottom: 0;
}

.status-badge[b-3y1fy1nqvo] {
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 800;
    padding: .2rem .55rem;
    text-transform: uppercase;
}

.status-badge.active[b-3y1fy1nqvo] {
    background: #dff3d7;
    color: #245b1b;
}

.status-badge.concept[b-3y1fy1nqvo] {
    background: #fff0b8;
    color: #6d5200;
}

.status-badge.deactivated[b-3y1fy1nqvo] {
    background: #ecefee;
    color: #59635f;
}

@media (max-width: 760px) {
    .wizard-fields[b-3y1fy1nqvo],
    .module-choices[b-3y1fy1nqvo] {
        grid-template-columns: 1fr;
    }

    .organization-row[b-3y1fy1nqvo],
    .organization-page-header[b-3y1fy1nqvo] {
        align-items: stretch;
        flex-direction: column;
    }

    .organization-actions button[b-3y1fy1nqvo] {
        flex: 1;
    }
}
/* /Pages/PlatformMailSettings.razor.rz.scp.css */
.mail-settings[b-749hax5jr8] {
    display: grid;
    gap: 1.2rem;
}

.mail-grid[b-749hax5jr8] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mail-grid label[b-749hax5jr8] {
    display: grid;
    font-size: 0.82rem;
    font-weight: 750;
    gap: 0.35rem;
}

.mail-grid small[b-749hax5jr8] {
    color: #687064;
    font-weight: 500;
}

.mail-password[b-749hax5jr8] {
    grid-column: 1 / -1;
}

.mail-actions[b-749hax5jr8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

@media (max-width: 700px) {
    .mail-grid[b-749hax5jr8] {
        grid-template-columns: 1fr;
    }

    .mail-password[b-749hax5jr8] {
        grid-column: auto;
    }
}
/* /Pages/PlatformProblemReports.razor.rz.scp.css */
.problem-queue[b-cpgss9yanb] { display: grid; gap: 1rem; }
.queue-list[b-cpgss9yanb] { display: grid; gap: 1rem; }
.queue-list article[b-cpgss9yanb] { display: grid; gap: 0.8rem; }
.queue-list article > header[b-cpgss9yanb] { align-items: center; display: flex; justify-content: space-between; }
.queue-list article > header div[b-cpgss9yanb] { display: grid; }
.queue-list article > header span[b-cpgss9yanb] { color: var(--trefora-muted); }
.queue-status[b-cpgss9yanb] { background: var(--trefora-surface-soft); border-radius: 999px; font-weight: 750; padding: 0.3rem 0.65rem; }
.description[b-cpgss9yanb] { font-size: 1rem; margin: 0; white-space: pre-wrap; }
dl[b-cpgss9yanb] { display: grid; gap: 0.3rem; margin: 0; }
dl div[b-cpgss9yanb] { display: grid; grid-template-columns: 8rem 1fr; }
dt[b-cpgss9yanb] { color: var(--trefora-muted); font-size: 0.8rem; }
dd[b-cpgss9yanb] { margin: 0; }
.status-actions[b-cpgss9yanb] { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.report-conversation[b-cpgss9yanb] { border-top: 1px solid var(--trefora-border); display: grid; gap: 0.7rem; padding-top: 1rem; }
.report-conversation h2[b-cpgss9yanb] { font-size: 1.05rem; margin: 0; }
.report-conversation label[b-cpgss9yanb] { display: grid; font-weight: 750; gap: 0.4rem; }
.report-conversation textarea[b-cpgss9yanb] { border: 1px solid var(--trefora-border); border-radius: 0.65rem; padding: 0.75rem; resize: vertical; }
.report-conversation small[b-cpgss9yanb], .empty-comments[b-cpgss9yanb] { color: var(--trefora-muted); margin: 0; }
.comment-list[b-cpgss9yanb] { display: grid; gap: 0.65rem; list-style: none; margin: 0; padding: 0; }
.comment-list li[b-cpgss9yanb] { background: var(--trefora-surface-soft); border-radius: 0.65rem; padding: 0.75rem; }
.comment-list header[b-cpgss9yanb] { align-items: baseline; display: flex; gap: 0.75rem; justify-content: space-between; }
.comment-list time[b-cpgss9yanb] { color: var(--trefora-muted); font-size: 0.8rem; }
.comment-list p[b-cpgss9yanb] { margin: 0.35rem 0 0; white-space: pre-wrap; }
.comment-confirmation[b-cpgss9yanb] { background: #edf8e8; border-left: 4px solid var(--trefora-green); margin: 0; padding: 0.7rem; }
@media (max-width: 650px) { dl div[b-cpgss9yanb] { grid-template-columns: 1fr; } }
/* /Pages/PlatformSupportSettings.razor.rz.scp.css */
.support-settings[b-e97lu4z0lr] { display: grid; gap: 0.8rem; max-width: 760px; }
.support-settings label[b-e97lu4z0lr] { display: grid; font-size: 0.82rem; font-weight: 750; gap: 0.35rem; }
.support-settings .support-choice[b-e97lu4z0lr] { align-items: center; display: flex; font-size: 1rem; gap: 0.65rem; }
.support-settings .support-choice input[b-e97lu4z0lr] { height: 1.15rem; margin: 0; width: 1.15rem; }
.support-settings p[b-e97lu4z0lr] { margin: 0; }
.support-settings small[b-e97lu4z0lr] { color: var(--trefora-muted); }
.support-actions[b-e97lu4z0lr] { display: flex; flex-wrap: wrap; gap: 0.7rem; }
/* /Pages/ProblemReport.razor.rz.scp.css */
.problem-report-page[b-r3ytd0wulp] {
    display: grid;
    gap: 1.25rem;
    margin: 0 auto;
    max-width: 850px;
}

.problem-report-page header p[b-r3ytd0wulp] { color: var(--trefora-muted); }
.problem-card[b-r3ytd0wulp] {
    background: #fff;
    border: 1px solid var(--trefora-border);
    border-radius: 1rem;
    display: grid;
    gap: 0.8rem;
    padding: 1.25rem;
}
.problem-card label[b-r3ytd0wulp] { display: grid; font-weight: 750; gap: 0.4rem; }
.problem-card textarea[b-r3ytd0wulp] { border: 1px solid var(--trefora-border); border-radius: 0.65rem; padding: 0.8rem; resize: vertical; }
.problem-card small[b-r3ytd0wulp] { color: var(--trefora-muted); }
.problem-actions[b-r3ytd0wulp] { align-items: center; display: flex; gap: 1rem; }
.problem-actions a[b-r3ytd0wulp] { color: var(--trefora-petrol); }
.problem-error[b-r3ytd0wulp] { background: #fff0ec; border-left: 4px solid var(--trefora-coral); padding: 1rem; }
.problem-confirmation[b-r3ytd0wulp] { background: #edf8e8; border-left: 4px solid var(--trefora-green); padding: 0.8rem; }
.own-reports article[b-r3ytd0wulp] { border-top: 1px solid var(--trefora-border); padding-top: 0.8rem; }
.own-reports article > div[b-r3ytd0wulp] { display: flex; justify-content: space-between; }
.own-reports article p[b-r3ytd0wulp] { margin: 0.35rem 0; white-space: pre-wrap; }
.status[b-r3ytd0wulp] { background: var(--trefora-surface-soft); border-radius: 999px; font-size: 0.78rem; font-weight: 750; padding: 0.25rem 0.55rem; }
.report-responses[b-r3ytd0wulp] { background: var(--trefora-surface-soft); border-radius: 0.65rem; margin-top: 0.75rem; padding: 0.7rem; }
.report-responses summary[b-r3ytd0wulp] { cursor: pointer; font-weight: 750; }
.report-responses ol[b-r3ytd0wulp] { display: grid; gap: 0.65rem; list-style: none; margin: 0.7rem 0 0; padding: 0; }
.report-responses li[b-r3ytd0wulp] { border-top: 1px solid var(--trefora-border); padding-top: 0.65rem; }
.report-responses li > div[b-r3ytd0wulp] { align-items: baseline; display: flex; gap: 0.75rem; justify-content: space-between; }
.report-responses time[b-r3ytd0wulp] { color: var(--trefora-muted); font-size: 0.8rem; }
/* /Pages/ResetPassword.razor.rz.scp.css */
.reset-card[b-pqnjct4vmy] {
    background: #fff;
    border: 1px solid #dfe6dc;
    border-radius: 0.8rem;
    box-shadow: 0 1rem 3rem rgb(27 52 49 / 8%);
    margin: clamp(2rem, 8vh, 6rem) auto;
    max-width: 34rem;
    padding: clamp(1.25rem, 4vw, 2.25rem);
}

.reset-card form[b-pqnjct4vmy] {
    display: grid;
    gap: 0.8rem;
    margin-top: 1.5rem;
}

.reset-card label[b-pqnjct4vmy] {
    font-weight: 700;
}

.confirmation[b-pqnjct4vmy] {
    background: #eff7e9;
    border-left: 4px solid #65b83e;
    margin: 1.5rem 0;
    padding: 1rem;
}
/* /Pages/Resources.razor.rz.scp.css */
.resources-page[b-xf3y87mrts] {
    margin: 0 auto;
    max-width: 1180px;
}

.page-heading[b-xf3y87mrts] {
    align-items: end;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.4rem;
}

.back-link[b-xf3y87mrts] {
    color: var(--trefora-turquoise-dark);
    display: inline-block;
    font-size: 0.78rem;
    font-weight: 750;
    margin-bottom: 0.6rem;
    text-decoration: none;
}

.eyebrow[b-xf3y87mrts] {
    color: var(--trefora-turquoise-dark);
    font-size: 0.76rem;
    font-weight: 850;
    letter-spacing: 0.13em;
    margin: 0 0 0.3rem;
    text-transform: uppercase;
}

h1[b-xf3y87mrts] {
    font-size: clamp(2rem, 5vw, 3rem);
    letter-spacing: -0.05em;
    margin: 0;
}

.page-heading p:last-child[b-xf3y87mrts] {
    color: #687064;
    margin: 0.45rem 0 0;
}

.heading-actions[b-xf3y87mrts] {
    align-items: end;
    display: flex;
    gap: 0.65rem;
}

.heading-actions label[b-xf3y87mrts],
.editor label[b-xf3y87mrts] {
    display: grid;
    font-size: 0.78rem;
    font-weight: 750;
    gap: 0.3rem;
}

.heading-actions label[b-xf3y87mrts] {
    min-width: 15rem;
}

select[b-xf3y87mrts],
input[b-xf3y87mrts],
textarea[b-xf3y87mrts] {
    background: #fff;
    border: 1px solid #d5dbd0;
    border-radius: 0.55rem;
    color: #343a31;
    font: inherit;
    min-height: 2.7rem;
    padding: 0.55rem 0.7rem;
    width: 100%;
}

input:focus[b-xf3y87mrts],
select:focus[b-xf3y87mrts],
textarea:focus[b-xf3y87mrts] {
    border-color: var(--trefora-turquoise);
    box-shadow: 0 0 0 3px rgba(101, 170, 67, 0.16);
    outline: none;
}

textarea[b-xf3y87mrts] {
    resize: vertical;
}

input:disabled[b-xf3y87mrts] {
    background: #f1f2ef;
}

.add[b-xf3y87mrts],
.primary[b-xf3y87mrts],
.secondary[b-xf3y87mrts],
.page-state button[b-xf3y87mrts] {
    border: 0;
    border-radius: 0.6rem;
    cursor: pointer;
    font: inherit;
    font-weight: 750;
    min-height: 2.7rem;
    padding: 0.55rem 0.9rem;
}

.add[b-xf3y87mrts],
.primary[b-xf3y87mrts] {
    background: var(--trefora-petrol);
    color: #fff;
}

.secondary[b-xf3y87mrts],
.page-state button[b-xf3y87mrts] {
    background: #edf0e8;
    color: #343a31;
}

.workspace[b-xf3y87mrts] {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(20rem, 0.75fr) minmax(31rem, 1.25fr);
}

.page-message[b-xf3y87mrts] {
    border-radius: 0.6rem;
    margin-bottom: 0.8rem;
    padding: 0.7rem 0.85rem;
}

.page-message.success[b-xf3y87mrts] {
    background: #edf8e7;
    color: var(--trefora-turquoise-dark);
    font-weight: 700;
}

.resource-list[b-xf3y87mrts],
.editor[b-xf3y87mrts],
.placeholder[b-xf3y87mrts],
.page-state[b-xf3y87mrts] {
    background: #fff;
    border: 1px solid #e0e4da;
    border-radius: 0.9rem;
    box-shadow: 0 14px 38px rgba(45, 54, 39, 0.07);
}

.resource-list[b-xf3y87mrts] {
    overflow: hidden;
}

.resource-row[b-xf3y87mrts] {
    align-items: center;
    background: #fff;
    border: 0;
    border-bottom: 1px solid #e7eae3;
    color: inherit;
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: 0.7rem;
    grid-template-columns: 2rem 1fr auto auto;
    min-height: 4.5rem;
    padding: 0.75rem 1rem;
    text-align: left;
    width: 100%;
}

.resource-row:last-child[b-xf3y87mrts] {
    border-bottom: 0;
}

.resource-row:hover[b-xf3y87mrts],
.resource-row.selected[b-xf3y87mrts] {
    background: #f2f8ec;
}

.type-icon[b-xf3y87mrts] {
    align-items: center;
    background: var(--trefora-surface-soft);
    border-radius: 50%;
    color: var(--trefora-turquoise-dark);
    display: flex;
    font-weight: 900;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.resource-row > span:nth-child(2)[b-xf3y87mrts] {
    display: grid;
    gap: 0.18rem;
}

.resource-row small[b-xf3y87mrts] {
    color: var(--trefora-muted);
}

.resource-row em[b-xf3y87mrts] {
    background: #f0f1ee;
    border-radius: 1rem;
    color: #676c64;
    font-size: 0.7rem;
    font-style: normal;
    font-weight: 800;
    padding: 0.25rem 0.55rem;
    text-transform: uppercase;
}

.editor[b-xf3y87mrts] {
    padding: 1.35rem;
}

.editor > header[b-xf3y87mrts] {
    align-items: start;
    border-bottom: 1px solid #e5e9e0;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.8rem;
    padding-bottom: 0.9rem;
}

.editor > header p[b-xf3y87mrts] {
    color: var(--trefora-turquoise-dark);
    font-size: 0.72rem;
    font-weight: 800;
    margin: 0;
    text-transform: uppercase;
}

h2[b-xf3y87mrts] {
    font-size: 1.45rem;
    margin: 0.15rem 0 0;
}

.close[b-xf3y87mrts] {
    background: #f0f2ec;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    font-size: 1.45rem;
    height: 2.4rem;
    width: 2.4rem;
}

.editor > label[b-xf3y87mrts] {
    margin-top: 0.8rem;
}

label small[b-xf3y87mrts] {
    color: #848980;
    font-weight: 500;
}

.field-grid[b-xf3y87mrts] {
    display: grid;
    gap: 0.8rem;
}

.field-grid.two[b-xf3y87mrts] {
    grid-template-columns: 1fr 1fr;
}

fieldset[b-xf3y87mrts] {
    border: 1px solid #e1e5dc;
    border-radius: 0.7rem;
    margin: 0.9rem 0 0;
    padding: 0.75rem;
}

legend[b-xf3y87mrts] {
    font-size: 0.8rem;
    font-weight: 800;
    padding: 0 0.25rem;
}

fieldset p[b-xf3y87mrts] {
    color: var(--trefora-muted);
    font-size: 0.78rem;
    margin: 0 0 0.55rem;
}

.location-options[b-xf3y87mrts] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.location-options label[b-xf3y87mrts] {
    align-items: center;
    background: #f3f6ef;
    border-radius: 0.55rem;
    display: flex;
    gap: 0.45rem;
    padding: 0.5rem 0.65rem;
}

.location-options input[b-xf3y87mrts],
.active-row input[b-xf3y87mrts] {
    min-height: auto;
    width: 1.1rem;
}

.active-row[b-xf3y87mrts] {
    align-items: center;
    background: #f3f7ee;
    border-radius: 0.65rem;
    display: flex !important;
    gap: 0.65rem !important;
    padding: 0.75rem;
}

.unavailability[b-xf3y87mrts] {
    border: 1px solid #dfe5d9;
    border-radius: 0.7rem;
    margin-top: 0.9rem;
    padding: 0.8rem;
}

.unavailability > header[b-xf3y87mrts] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
}

.unavailability > header > div[b-xf3y87mrts] {
    display: grid;
    gap: 0.12rem;
}

.unavailability > header span[b-xf3y87mrts],
.period-state[b-xf3y87mrts] {
    color: var(--trefora-muted);
    font-size: 0.76rem;
}

.compact[b-xf3y87mrts] {
    min-height: 2.25rem;
    padding: 0.35rem 0.65rem;
}

.period-state[b-xf3y87mrts] {
    margin: 0.75rem 0 0;
}

.period-list[b-xf3y87mrts] {
    border-top: 1px solid #edf0e9;
    display: grid;
    margin-top: 0.7rem;
}

.period-row[b-xf3y87mrts] {
    align-items: center;
    border-bottom: 1px solid #edf0e9;
    display: grid;
    gap: 0.45rem;
    grid-template-columns: minmax(0, 1fr) auto;
}

.period-select[b-xf3y87mrts] {
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: grid;
    gap: 0.12rem;
    padding: 0.65rem 0;
    text-align: left;
}

.period-select span[b-xf3y87mrts],
.period-select small[b-xf3y87mrts] {
    color: #687064;
}

.period-lift[b-xf3y87mrts] {
    background: #fff0ed;
    border: 0;
    border-radius: 1rem;
    color: #9d3025;
    cursor: pointer;
    font-size: 0.7rem;
    font-weight: 800;
    padding: 0.35rem 0.55rem;
}

.lift-confirmation[b-xf3y87mrts] {
    display: flex;
    gap: 0.3rem;
}

.lift-confirmation button[b-xf3y87mrts] {
    background: #fff0ed;
    border: 0;
    border-radius: 0.45rem;
    color: #9d3025;
    cursor: pointer;
    font-weight: 800;
    padding: 0.35rem 0.5rem;
}

.period-message[b-xf3y87mrts] {
    margin: 0.7rem 0 0;
}

.period-editor[b-xf3y87mrts] {
    background: #f7f9f4;
    border-radius: 0.65rem;
    margin-top: 0.75rem;
    padding: 0.75rem;
}

.period-editor > label[b-xf3y87mrts] {
    margin-top: 0.8rem;
}

.period-editor footer[b-xf3y87mrts] {
    margin-top: 0.8rem;
    padding-top: 0.8rem;
}

footer[b-xf3y87mrts] {
    border-top: 1px solid #e5e9e0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    justify-content: flex-end;
    margin-top: 1rem;
    padding-top: 1rem;
}

.action-message[b-xf3y87mrts] {
    flex-basis: 100%;
    margin: 0;
}

button:disabled[b-xf3y87mrts] {
    cursor: wait;
    opacity: 0.58;
}

.message[b-xf3y87mrts] {
    border-radius: 0.6rem;
    margin-bottom: 0.8rem;
    padding: 0.7rem 0.85rem;
}

.message.error[b-xf3y87mrts],
.page-state.error[b-xf3y87mrts] {
    background: #fff1ee;
    border-color: #efcec7;
    color: #852b20;
}

.message.success[b-xf3y87mrts] {
    background: #edf8e7;
    color: var(--trefora-turquoise-dark);
    font-weight: 700;
}

.placeholder[b-xf3y87mrts],
.page-state[b-xf3y87mrts] {
    align-items: center;
    color: var(--trefora-muted);
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    justify-content: center;
    min-height: 12rem;
    padding: 1.5rem;
    text-align: center;
}

.empty[b-xf3y87mrts] {
    color: var(--trefora-muted);
    margin: 0;
    padding: 1.5rem;
    text-align: center;
}

@media (max-width: 850px) {
    .page-heading[b-xf3y87mrts] {
        align-items: stretch;
        display: grid;
        gap: 1rem;
    }

    .heading-actions[b-xf3y87mrts] {
        align-items: stretch;
    }

    .workspace[b-xf3y87mrts] {
        grid-template-columns: 1fr;
    }

    .placeholder[b-xf3y87mrts] {
        display: none;
    }
}

@media (max-width: 550px) {
    .heading-actions[b-xf3y87mrts],
    footer[b-xf3y87mrts] {
        align-items: stretch;
        flex-direction: column;
    }

    .heading-actions label[b-xf3y87mrts] {
        min-width: 0;
    }

    .field-grid.two[b-xf3y87mrts] {
        gap: 0;
        grid-template-columns: 1fr;
    }

    footer[b-xf3y87mrts] {
        flex-direction: column-reverse;
    }

    .unavailability > header[b-xf3y87mrts] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Pages/RoleSettings.razor.rz.scp.css */
.role-settings[b-qyj38zoots] {
    display: grid;
    gap: 1rem;
}

.role-settings > header[b-qyj38zoots] {
    margin-bottom: 0.5rem !important;
}

.explanation[b-qyj38zoots] {
    background: #edf7f5 !important;
    border-left: 4px solid var(--trefora-turquoise) !important;
    display: grid;
    gap: 0.25rem;
}

.explanation p[b-qyj38zoots],
.create-role-card header p[b-qyj38zoots],
.assignment-card header p[b-qyj38zoots] {
    margin: 0.25rem 0 0;
}

.role-list-card[b-qyj38zoots],
.create-role-card[b-qyj38zoots],
.assignment-card[b-qyj38zoots] {
    display: grid;
    gap: 1rem;
}

.role-list-card > header[b-qyj38zoots] {
    align-items: start;
    display: flex;
    justify-content: space-between;
}

.role-list[b-qyj38zoots] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.role-list article[b-qyj38zoots] {
    border: 1px solid #dfe5dc;
    border-radius: 0.7rem;
    display: grid;
    gap: 0.45rem;
    padding: 1rem;
}

.role-list article:nth-child(even)[b-qyj38zoots] {
    margin-left: 0.75rem;
}

.role-heading[b-qyj38zoots] {
    align-items: start;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
}

.role-heading span[b-qyj38zoots],
.account-summary > span:first-child[b-qyj38zoots],
.choice-row span[b-qyj38zoots] {
    display: grid;
    gap: 0.12rem;
}

.role-heading small[b-qyj38zoots],
.choice-row small[b-qyj38zoots],
.account-summary small[b-qyj38zoots] {
    color: #687064;
    font-size: 0.76rem;
}

.role-heading em[b-qyj38zoots] {
    background: #edf0e8;
    border-radius: 999px;
    color: #495047;
    font-size: 0.72rem;
    font-style: normal;
    font-weight: 800;
    padding: 0.2rem 0.5rem;
    white-space: nowrap;
}

.role-list article > p[b-qyj38zoots] {
    font-size: 0.82rem;
    margin: 0;
}

.compact[b-qyj38zoots] {
    justify-self: start;
    padding: 0.4rem 0.7rem;
}

.role-editor[b-qyj38zoots] {
    background: #f7f9f4;
    border: 1px solid #d8ded4;
    border-radius: 0.7rem;
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.role-editor > header[b-qyj38zoots] {
    align-items: start;
    display: flex;
    justify-content: space-between;
}

.role-editor h3[b-qyj38zoots],
.role-editor p[b-qyj38zoots] {
    margin: 0;
}

.impact-warning[b-qyj38zoots] {
    background: #fff4cf;
    border-left: 4px solid #d79d00;
    display: grid;
    gap: 0.4rem;
    padding: 0.85rem 1rem;
}

.impact-warning p[b-qyj38zoots] {
    margin: 0;
}

.danger[b-qyj38zoots] {
    background: #fff;
    border: 1px solid #b6372c;
    color: #9e2f26;
}

.create-role-card form[b-qyj38zoots] {
    display: grid;
    gap: 1.25rem;
}

.role-name[b-qyj38zoots] {
    display: grid;
    font-size: 0.82rem;
    font-weight: 750;
    gap: 0.35rem;
    max-width: 32rem;
}

fieldset[b-qyj38zoots] {
    border: 1px solid #dfe5dc;
    border-radius: 0.7rem;
    display: grid;
    gap: 0.75rem;
    margin: 0;
    padding: 1rem;
}

legend[b-qyj38zoots] {
    font-size: 0.95rem;
    font-weight: 850;
    padding: 0 0.4rem;
}

.permission-group[b-qyj38zoots] {
    display: grid;
    gap: 0.35rem;
}

.permission-group + .permission-group[b-qyj38zoots] {
    border-top: 1px solid #e4e8e0;
    padding-top: 0.8rem;
}

.permission-group h3[b-qyj38zoots] {
    font-size: 0.86rem;
    margin: 0 0 0.2rem;
}

.choice-row[b-qyj38zoots] {
    align-items: start;
    cursor: pointer;
    display: flex;
    font-size: 0.86rem;
    gap: 0.65rem;
    padding: 0.35rem 0;
}

.choice-row input[b-qyj38zoots] {
    height: 1.1rem;
    margin-top: 0.12rem;
    width: 1.1rem;
}

.location-choices[b-qyj38zoots] {
    display: grid;
    gap: 0.25rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.create-role-card button[b-qyj38zoots] {
    justify-self: start;
}

.assignment-list[b-qyj38zoots] {
    display: grid;
}

.assignment-list > article[b-qyj38zoots] {
    border-top: 1px solid #dfe5dc;
    padding: 0.85rem 0;
}

.assignment-list > article:first-child[b-qyj38zoots] {
    border-top: 0;
}

.assignment-list > article.editing[b-qyj38zoots] {
    background: #f7f9f4;
    border-radius: 0.65rem;
    padding: 0.85rem;
}

.account-summary[b-qyj38zoots] {
    align-items: center;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(12rem, 1fr) minmax(10rem, 1fr) auto;
}

.assigned-role-names[b-qyj38zoots] {
    color: #586054;
    font-size: 0.82rem;
}

.role-picker[b-qyj38zoots] {
    border-top: 1px solid #dfe5dc;
    display: grid;
    gap: 0.3rem;
    margin-top: 0.8rem;
    padding-top: 0.8rem;
}

.override-editor[b-qyj38zoots] {
    border-top: 1px solid #dfe5dc;
    margin-top: 0.8rem;
    padding-top: 0.8rem;
}

.effective-access[b-qyj38zoots] {
    border-top: 1px solid #dfe5dc;
    margin-top: 0.8rem;
    padding-top: 0.8rem;
}

.effective-access summary[b-qyj38zoots],
.override-editor summary[b-qyj38zoots] {
    cursor: pointer;
    font-weight: 850;
    margin-bottom: 0.7rem;
}

.protected-account[b-qyj38zoots] {
    background: #fff4cf;
    border-left: 4px solid #d79d00;
    padding: 0.7rem 0.85rem;
}

.access-overview-grid[b-qyj38zoots] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.access-overview-grid h4[b-qyj38zoots] {
    margin: 0 0 0.35rem;
}

.access-line[b-qyj38zoots] {
    align-items: start;
    border-top: 1px solid #e4e8e0;
    display: grid;
    gap: 0.55rem;
    grid-template-columns: 5.8rem minmax(0, 1fr);
    padding: 0.5rem 0;
}

.access-line > span:last-child[b-qyj38zoots] {
    display: grid;
    gap: 0.1rem;
}

.access-line small[b-qyj38zoots] {
    color: #687064;
}

.access-state[b-qyj38zoots] {
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 850;
    padding: 0.2rem 0.45rem;
    text-align: center;
}

.access-state.allowed[b-qyj38zoots] {
    background: #def2d1;
    color: #285d1b;
}

.access-state.denied[b-qyj38zoots] {
    background: #f5dfdc;
    color: #8d2d25;
}

.override-editor > p[b-qyj38zoots] {
    color: #586054;
    font-size: 0.82rem;
}

.override-actions[b-qyj38zoots] {
    display: flex;
    gap: 0.65rem;
    margin-top: 0.9rem;
}

.preview-prerequisite[b-qyj38zoots] {
    background: #fff4cf;
    border-left: 4px solid #d79d00;
    font-size: 0.82rem;
    padding: 0.65rem 0.8rem;
}

.access-preview[b-qyj38zoots] {
    background: #edf7f5;
    border-left: 4px solid var(--trefora-turquoise);
    display: grid;
    gap: 0.4rem;
    margin-top: 0.9rem;
    padding: 0.85rem 1rem;
}

.access-preview h4[b-qyj38zoots],
.access-preview p[b-qyj38zoots] {
    margin: 0;
}

.preview-line[b-qyj38zoots] {
    border-top: 1px solid #cedfdc;
    display: grid;
    gap: 0.18rem;
    padding-top: 0.55rem;
}

.preview-line span[b-qyj38zoots] {
    color: #495550;
    font-size: 0.8rem;
}

.preview-line b[b-qyj38zoots] {
    color: var(--trefora-turquoise);
    padding: 0 0.25rem;
}

.preview-line small[b-qyj38zoots] {
    color: #58645f;
}

.override-editor h4[b-qyj38zoots] {
    margin: 1rem 0 0.35rem;
}

.override-row[b-qyj38zoots] {
    align-items: end;
    border-top: 1px solid #e4e8e0;
    display: grid;
    gap: 0.65rem;
    grid-template-columns: minmax(14rem, 1fr) minmax(10rem, 0.7fr) minmax(10rem, 0.7fr);
    padding: 0.55rem 0;
}

.override-row label[b-qyj38zoots] {
    display: grid;
    font-size: 0.78rem;
    gap: 0.25rem;
}

.override-row label:first-child span[b-qyj38zoots] {
    font-size: 0.86rem;
    font-weight: 750;
}

.assignment-actions[b-qyj38zoots] {
    display: flex;
    gap: 0.65rem;
    margin-top: 0.6rem;
}

@media (max-width: 760px) {
    .role-list[b-qyj38zoots],
    .location-choices[b-qyj38zoots] {
        grid-template-columns: 1fr;
    }

    .role-list article:nth-child(even)[b-qyj38zoots] {
        margin-left: 0;
        margin-top: 0.75rem;
    }

    .account-summary[b-qyj38zoots] {
        align-items: start;
        grid-template-columns: 1fr;
    }

    .override-row[b-qyj38zoots] {
        grid-template-columns: 1fr;
    }

    .access-overview-grid[b-qyj38zoots] {
        grid-template-columns: 1fr;
    }

    .override-actions[b-qyj38zoots] {
        align-items: stretch;
        flex-direction: column;
    }

    .account-summary button[b-qyj38zoots] {
        justify-self: start;
    }
}
/* /Pages/RoomCombinations.razor.rz.scp.css */
.combinations-page[b-o3icc6vkoj] {
    margin: 0 auto;
    max-width: 1180px;
}

.page-heading[b-o3icc6vkoj] {
    align-items: end;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.4rem;
}

.eyebrow[b-o3icc6vkoj] {
    color: var(--trefora-turquoise-dark);
    font-size: 0.76rem;
    font-weight: 850;
    letter-spacing: 0.13em;
    margin: 0 0 0.3rem;
    text-transform: uppercase;
}

h1[b-o3icc6vkoj] {
    font-size: clamp(2rem, 5vw, 3rem);
    letter-spacing: -0.05em;
    margin: 0;
}

.page-heading p:last-child[b-o3icc6vkoj] {
    color: #687064;
    margin: 0.45rem 0 0;
}

.heading-actions[b-o3icc6vkoj] {
    align-items: end;
    display: flex;
    gap: 0.65rem;
}

.heading-actions label[b-o3icc6vkoj],
.editor label[b-o3icc6vkoj] {
    display: grid;
    font-size: 0.78rem;
    font-weight: 750;
    gap: 0.3rem;
}

select[b-o3icc6vkoj],
input[b-o3icc6vkoj] {
    background: #fff;
    border: 1px solid #d5dbd0;
    border-radius: 0.55rem;
    color: #343a31;
    font: inherit;
    min-height: 2.7rem;
    padding: 0.55rem 0.7rem;
    width: 100%;
}

.add[b-o3icc6vkoj],
.primary[b-o3icc6vkoj] {
    background: var(--trefora-petrol);
    border: 0;
    border-radius: 0.6rem;
    color: #fff;
    cursor: pointer;
    font: inherit;
    font-weight: 800;
    min-height: 2.7rem;
    padding: 0.55rem 0.9rem;
}

.workspace[b-o3icc6vkoj] {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(18rem, 0.75fr) minmax(30rem, 1.25fr);
}

.combination-list[b-o3icc6vkoj],
.editor[b-o3icc6vkoj],
.placeholder[b-o3icc6vkoj],
.page-state[b-o3icc6vkoj] {
    background: #fff;
    border: 1px solid #e0e4da;
    border-radius: 0.9rem;
    box-shadow: 0 14px 38px rgba(45, 54, 39, 0.07);
}

.combination-list[b-o3icc6vkoj] {
    overflow: hidden;
}

.combination-row[b-o3icc6vkoj] {
    align-items: center;
    background: #fff;
    border: 0;
    border-bottom: 1px solid #e7eae3;
    color: inherit;
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: 0.7rem;
    grid-template-columns: 0.4rem 1fr auto auto;
    min-height: 4.5rem;
    padding: 0.75rem 1rem;
    text-align: left;
    width: 100%;
}

.combination-row:hover[b-o3icc6vkoj],
.combination-row.selected[b-o3icc6vkoj] {
    background: #eef7f7;
}

.combination-row > i[b-o3icc6vkoj] {
    background: var(--combination-color);
    border-radius: 1rem;
    height: 2.6rem;
    width: 0.35rem;
}

.combination-row > span:nth-child(2)[b-o3icc6vkoj] {
    display: grid;
    gap: 0.18rem;
}

.combination-row small[b-o3icc6vkoj],
label small[b-o3icc6vkoj] {
    color: var(--trefora-muted);
    font-weight: 500;
}

.combination-row em[b-o3icc6vkoj] {
    background: #f0f1ee;
    border-radius: 1rem;
    color: #676c64;
    font-size: 0.7rem;
    font-style: normal;
    font-weight: 800;
    padding: 0.25rem 0.55rem;
    text-transform: uppercase;
}

.editor[b-o3icc6vkoj] {
    padding: 1.35rem;
}

.editor > header[b-o3icc6vkoj] {
    align-items: start;
    border-bottom: 1px solid #e5e9e0;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.7rem;
    padding-bottom: 0.9rem;
}

.editor > header p[b-o3icc6vkoj] {
    color: var(--trefora-turquoise-dark);
    font-size: 0.72rem;
    font-weight: 800;
    margin: 0;
    text-transform: uppercase;
}

h2[b-o3icc6vkoj] {
    font-size: 1.45rem;
    margin: 0.15rem 0 0;
}

.close[b-o3icc6vkoj] {
    background: #f0f2ec;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    font-size: 1.45rem;
    height: 2.4rem;
    width: 2.4rem;
}

.editor > label[b-o3icc6vkoj],
.field-grid[b-o3icc6vkoj] {
    margin-top: 0.8rem;
}

.field-grid[b-o3icc6vkoj] {
    display: grid;
    gap: 0.8rem;
}

.field-grid.two[b-o3icc6vkoj] {
    grid-template-columns: 1fr 1fr;
}

.color-input[b-o3icc6vkoj] {
    cursor: pointer;
    padding: 0.25rem;
}

fieldset[b-o3icc6vkoj] {
    border: 1px solid #dfe5dc;
    border-radius: 0.7rem;
    margin: 1rem 0 0;
    padding: 0.9rem;
}

legend[b-o3icc6vkoj] {
    font-weight: 800;
    padding: 0 0.35rem;
}

fieldset > p[b-o3icc6vkoj] {
    color: var(--trefora-muted);
    font-size: 0.78rem;
    margin: 0 0 0.65rem;
}

.member-list[b-o3icc6vkoj] {
    display: grid;
    gap: 0.35rem;
    grid-template-columns: 1fr 1fr;
}

.member-list label[b-o3icc6vkoj],
.active-row[b-o3icc6vkoj] {
    align-items: center;
    background: #f4f8f8;
    border-radius: 0.55rem;
    display: flex;
    gap: 0.55rem;
    min-height: 2.5rem;
    padding: 0.5rem 0.65rem;
}

.member-list input[b-o3icc6vkoj],
.active-row input[b-o3icc6vkoj] {
    min-height: auto;
    width: 1.1rem;
}

footer[b-o3icc6vkoj] {
    border-top: 1px solid #e5e9e0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    justify-content: flex-end;
    margin-top: 1rem;
    padding-top: 1rem;
}

.action-message[b-o3icc6vkoj] {
    flex-basis: 100%;
    margin: 0;
}

.secondary[b-o3icc6vkoj] {
    background: #eef1ec;
    border: 0;
    border-radius: 0.6rem;
    cursor: pointer;
    font: inherit;
    font-weight: 750;
    padding: 0.55rem 0.9rem;
}

.empty[b-o3icc6vkoj],
.placeholder[b-o3icc6vkoj],
.page-state[b-o3icc6vkoj] {
    color: var(--trefora-muted);
    padding: 1.3rem;
}

.message[b-o3icc6vkoj] {
    border-radius: 0.6rem;
    margin: 0.8rem 0;
    padding: 0.75rem;
}

.message.error[b-o3icc6vkoj],
.page-state.error[b-o3icc6vkoj] {
    background: #fff0ed;
    color: #8a2e1f;
}

.message.success[b-o3icc6vkoj] {
    background: #e9f7f3;
    color: #135f54;
}

@media (max-width: 840px) {
    .page-heading[b-o3icc6vkoj] {
        align-items: stretch;
        display: grid;
        gap: 1rem;
    }

    .heading-actions[b-o3icc6vkoj] {
        align-items: stretch;
        display: grid;
    }

    .workspace[b-o3icc6vkoj] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .field-grid.two[b-o3icc6vkoj],
    .member-list[b-o3icc6vkoj] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/RoomLayouts.razor.rz.scp.css */
.layouts-page[b-hejpi7fpdi] { margin: 0 auto; max-width: 1180px; }
.page-heading[b-hejpi7fpdi] { align-items: end; display: flex; justify-content: space-between; margin-bottom: 1.4rem; }
.eyebrow[b-hejpi7fpdi] { color: var(--trefora-turquoise-dark); font-size: .76rem; font-weight: 850; letter-spacing: .13em; margin: 0 0 .3rem; text-transform: uppercase; }
h1[b-hejpi7fpdi] { font-size: clamp(2rem, 5vw, 3rem); letter-spacing: -.05em; margin: 0; }
.page-heading p:last-child[b-hejpi7fpdi] { color: #687064; margin: .45rem 0 0; }
.heading-actions[b-hejpi7fpdi] { align-items: end; display: flex; gap: .65rem; }
label[b-hejpi7fpdi] { display: grid; font-size: .78rem; font-weight: 750; gap: .3rem; }
select[b-hejpi7fpdi], input[b-hejpi7fpdi] { background: #fff; border: 1px solid #d5dbd0; border-radius: .55rem; color: #343a31; font: inherit; min-height: 2.7rem; padding: .55rem .7rem; width: 100%; }
.add[b-hejpi7fpdi], .primary[b-hejpi7fpdi] { background: var(--trefora-petrol); border: 0; border-radius: .6rem; color: #fff; cursor: pointer; font: inherit; font-weight: 800; min-height: 2.7rem; padding: .55rem .9rem; }
.workspace[b-hejpi7fpdi] { align-items: start; display: grid; gap: 1rem; grid-template-columns: minmax(18rem, .75fr) minmax(28rem, 1.25fr); }
.layout-list[b-hejpi7fpdi], .editor[b-hejpi7fpdi], .placeholder[b-hejpi7fpdi], .page-state[b-hejpi7fpdi] { background: #fff; border: 1px solid #e0e4da; border-radius: .9rem; box-shadow: 0 14px 38px rgba(45,54,39,.07); }
.layout-list[b-hejpi7fpdi] { overflow: hidden; }
.layout-list > h2[b-hejpi7fpdi] { background: #f2f5ef; color: #40524a; font-size: .82rem; margin: 0; padding: .55rem 1rem; }
.layout-row[b-hejpi7fpdi] { align-items: center; background: #fff; border: 0; border-bottom: 1px solid #e7eae3; color: inherit; cursor: pointer; display: grid; font: inherit; gap: .7rem; grid-template-columns: 1fr auto auto; min-height: 4rem; padding: .65rem 1rem; text-align: left; width: 100%; }
.layout-row:hover[b-hejpi7fpdi], .layout-row.selected[b-hejpi7fpdi] { background: #eef7f7; }
.layout-row > span:first-child[b-hejpi7fpdi] { display: grid; gap: .15rem; }
.layout-row small[b-hejpi7fpdi] { color: var(--trefora-muted); font-weight: 500; }
.layout-row em[b-hejpi7fpdi] { background: #f0f1ee; border-radius: 1rem; color: #676c64; font-size: .7rem; font-style: normal; font-weight: 800; padding: .25rem .55rem; text-transform: uppercase; }
.editor[b-hejpi7fpdi] { padding: 1.35rem; }
.editor > header[b-hejpi7fpdi] { align-items: start; border-bottom: 1px solid #e5e9e0; display: flex; justify-content: space-between; margin-bottom: .8rem; padding-bottom: .9rem; }
.editor > header p[b-hejpi7fpdi] { color: var(--trefora-turquoise-dark); font-size: .72rem; font-weight: 800; margin: 0; text-transform: uppercase; }
.editor h2[b-hejpi7fpdi] { font-size: 1.45rem; margin: .15rem 0 0; }
.close[b-hejpi7fpdi] { background: #f0f2ec; border: 0; border-radius: 50%; cursor: pointer; font-size: 1.45rem; height: 2.4rem; width: 2.4rem; }
.editor > label[b-hejpi7fpdi] { margin-top: .85rem; }
.target-name[b-hejpi7fpdi] { background: #f2f5ef; border-radius: .6rem; font-weight: 800; padding: .75rem; }
.active-row[b-hejpi7fpdi] { align-items: center; display: flex; }
.active-row input[b-hejpi7fpdi] { min-height: auto; width: auto; }
footer[b-hejpi7fpdi] { align-items: center; border-top: 1px solid #e5e9e0; display: flex; flex-wrap: wrap; gap: .65rem; justify-content: end; margin-top: 1.2rem; padding-top: 1rem; }
.secondary[b-hejpi7fpdi] { background: #fff; border: 1px solid #d5dbd0; border-radius: .6rem; cursor: pointer; font: inherit; font-weight: 750; min-height: 2.7rem; padding: .55rem .9rem; }
.message[b-hejpi7fpdi], .page-state[b-hejpi7fpdi], .placeholder[b-hejpi7fpdi], .empty[b-hejpi7fpdi] { padding: 1rem; }
.message.error[b-hejpi7fpdi], .page-state.error[b-hejpi7fpdi] { color: #a32626; }
.message.success[b-hejpi7fpdi] { color: #286c36; }
.action-message[b-hejpi7fpdi] { flex-basis: 100%; }
@media (max-width: 800px) { .page-heading[b-hejpi7fpdi] { align-items: stretch; display: grid; gap: 1rem; } .heading-actions[b-hejpi7fpdi] { align-items: stretch; display: grid; } .workspace[b-hejpi7fpdi] { grid-template-columns: 1fr; } }
/* /Pages/Rooms.razor.rz.scp.css */
.rooms-page[b-qf92zzgdcp] {
    margin: 0 auto;
    max-width: 1180px;
}

.rooms-heading[b-qf92zzgdcp] {
    align-items: end;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.4rem;
}

.eyebrow[b-qf92zzgdcp] {
    color: var(--trefora-turquoise-dark);
    font-size: 0.76rem;
    font-weight: 850;
    letter-spacing: 0.13em;
    margin: 0 0 0.3rem;
    text-transform: uppercase;
}

h1[b-qf92zzgdcp] {
    font-size: clamp(2rem, 5vw, 3rem);
    letter-spacing: -0.05em;
    margin: 0;
}

.rooms-heading p:last-child[b-qf92zzgdcp] {
    color: #687064;
    margin: 0.45rem 0 0;
}

.back-link[b-qf92zzgdcp] {
    color: var(--trefora-turquoise-dark);
    display: inline-block;
    font-size: 0.78rem;
    font-weight: 750;
    margin-bottom: 0.6rem;
    text-decoration: none;
}

.rooms-heading-actions[b-qf92zzgdcp] {
    align-items: end;
    display: flex;
    gap: 0.65rem;
}

.location-picker[b-qf92zzgdcp] {
    display: grid;
    font-size: 0.78rem;
    font-weight: 750;
    gap: 0.25rem;
    min-width: 15rem;
}

.add-room[b-qf92zzgdcp] {
    background: var(--trefora-petrol);
    border: 0;
    border-radius: 0.6rem;
    color: #fff;
    cursor: pointer;
    font: inherit;
    font-weight: 800;
    min-height: 2.7rem;
    padding: 0.55rem 0.9rem;
    white-space: nowrap;
}

select[b-qf92zzgdcp],
input[b-qf92zzgdcp],
textarea[b-qf92zzgdcp] {
    background: #fff;
    border: 1px solid #d5dbd0;
    border-radius: 0.55rem;
    color: #343a31;
    font: inherit;
    min-height: 2.7rem;
    padding: 0.55rem 0.7rem;
    width: 100%;
}

input:focus[b-qf92zzgdcp],
select:focus[b-qf92zzgdcp],
textarea:focus[b-qf92zzgdcp] {
    border-color: var(--trefora-turquoise);
    box-shadow: 0 0 0 3px rgba(101, 170, 67, 0.16);
    outline: none;
}

textarea[b-qf92zzgdcp] {
    resize: vertical;
}

.rooms-workspace[b-qf92zzgdcp] {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(18rem, 0.75fr) minmax(30rem, 1.25fr);
}

.room-list[b-qf92zzgdcp],
.room-editor[b-qf92zzgdcp],
.editor-placeholder[b-qf92zzgdcp],
.page-state[b-qf92zzgdcp] {
    background: #fff;
    border: 1px solid #e0e4da;
    border-radius: 0.9rem;
    box-shadow: 0 14px 38px rgba(45, 54, 39, 0.07);
}

.room-list[b-qf92zzgdcp] {
    overflow: hidden;
}

.room-list-header[b-qf92zzgdcp] {
    align-items: center;
    background: #f7f8f4;
    border-bottom: 1px solid #e7eae3;
    color: var(--trefora-muted);
    display: flex;
    font-size: 0.76rem;
    justify-content: space-between;
    padding: 0.55rem 1rem;
}

.room-list-header strong[b-qf92zzgdcp] {
    color: var(--trefora-turquoise-dark);
}

.order-error[b-qf92zzgdcp] {
    background: #fff1ee;
    border-bottom: 1px solid #efcec7;
    color: #852b20;
    font-size: 0.78rem;
    padding: 0.65rem 1rem;
}

.room-row[b-qf92zzgdcp] {
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #e7eae3;
    color: inherit;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 4.5rem;
    width: 100%;
}

.room-select[b-qf92zzgdcp] {
    align-items: center;
    align-self: stretch;
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: 0.7rem;
    grid-template-columns: 0.4rem minmax(0, 1fr) auto;
    padding: 0.75rem 0 0.75rem 1rem;
    text-align: left;
}

.room-row:last-child[b-qf92zzgdcp] {
    border-bottom: 0;
}

.room-row:hover[b-qf92zzgdcp],
.room-row.selected[b-qf92zzgdcp] {
    background: #f2f8ec;
}

.room-row.dragging[b-qf92zzgdcp] {
    opacity: 0.45;
}

.room-row.drag-target[b-qf92zzgdcp] {
    box-shadow: inset 0 3px 0 var(--trefora-turquoise);
}

.drag-handle[b-qf92zzgdcp] {
    color: #838a7e;
    cursor: grab;
    font-size: 1.25rem;
    line-height: 1;
    padding: 0.8rem 0;
    touch-action: none;
    user-select: none;
}

.room-row:active .drag-handle[b-qf92zzgdcp] {
    cursor: grabbing;
}

.room-order-actions[b-qf92zzgdcp] {
    align-items: center;
    display: flex;
    gap: 0.25rem;
    padding-right: 1rem;
}

.mobile-order-button[b-qf92zzgdcp] {
    align-items: center;
    background: #edf0e8;
    border: 0;
    border-radius: 0.45rem;
    color: #343a31;
    cursor: pointer;
    display: none;
    font: inherit;
    font-size: 1.05rem;
    font-weight: 800;
    height: 2.1rem;
    justify-content: center;
    padding: 0;
    width: 2.1rem;
}

.mobile-order-button:disabled[b-qf92zzgdcp] {
    cursor: not-allowed;
    opacity: 0.35;
}

.room-select > i[b-qf92zzgdcp] {
    background: var(--room-color);
    border-radius: 1rem;
    height: 2.6rem;
    width: 0.35rem;
}

.room-select > span:nth-child(2)[b-qf92zzgdcp] {
    display: grid;
    gap: 0.18rem;
}

.room-row small[b-qf92zzgdcp] {
    color: var(--trefora-muted);
}

.room-row em[b-qf92zzgdcp] {
    background: #f0f1ee;
    border-radius: 1rem;
    color: #676c64;
    font-size: 0.7rem;
    font-style: normal;
    font-weight: 800;
    padding: 0.25rem 0.55rem;
    text-transform: uppercase;
}

.room-editor[b-qf92zzgdcp] {
    padding: 1.35rem;
}

.room-editor > header[b-qf92zzgdcp] {
    align-items: start;
    border-bottom: 1px solid #e5e9e0;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.7rem;
    padding-bottom: 0.9rem;
}

.room-editor > header p[b-qf92zzgdcp] {
    color: var(--trefora-turquoise-dark);
    font-size: 0.72rem;
    font-weight: 800;
    margin: 0;
    text-transform: uppercase;
}

h2[b-qf92zzgdcp] {
    font-size: 1.45rem;
    margin: 0.15rem 0 0;
}

.close[b-qf92zzgdcp] {
    background: #f0f2ec;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    font-size: 1.45rem;
    height: 2.4rem;
    width: 2.4rem;
}

.room-editor label[b-qf92zzgdcp] {
    display: grid;
    font-size: 0.78rem;
    font-weight: 750;
    gap: 0.3rem;
    margin-top: 0.75rem;
}

label small[b-qf92zzgdcp] {
    color: #848980;
    font-weight: 500;
}

.field-grid[b-qf92zzgdcp] {
    display: grid;
    gap: 0.8rem;
}

.field-grid.two[b-qf92zzgdcp] {
    grid-template-columns: 1fr 1fr;
}

.color-input[b-qf92zzgdcp] {
    cursor: pointer;
    padding: 0.25rem;
}

.active-row[b-qf92zzgdcp] {
    align-items: center;
    background: #f3f7ee;
    border-radius: 0.65rem;
    display: flex !important;
    gap: 0.65rem !important;
    padding: 0.75rem;
}

.active-row input[b-qf92zzgdcp] {
    min-height: auto;
    width: 1.15rem;
}

.subroom-editor[b-qf92zzgdcp] {
    border-top: 1px solid #e5e9e0;
    margin-top: 1rem;
    padding-top: 1rem;
}

.subroom-editor h3[b-qf92zzgdcp] {
    font-size: 1rem;
    margin: 0;
}

.subroom-editor > div:first-child > p[b-qf92zzgdcp],
.subroom-empty[b-qf92zzgdcp] {
    color: var(--trefora-muted);
    font-size: 0.76rem;
    margin: 0.25rem 0 0;
}

.subroom-options[b-qf92zzgdcp] {
    border: 1px solid #e0e4da;
    border-radius: 0.65rem;
    margin-top: 0.75rem;
    overflow: hidden;
}

.subroom-option[b-qf92zzgdcp] {
    align-items: center;
    border-bottom: 1px solid #e7eae3;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(0, 1fr) minmax(9.5rem, 12.5rem);
    padding: 0.55rem 0.7rem;
}

.subroom-option:last-child[b-qf92zzgdcp] {
    border-bottom: 0;
}

.subroom-option > label[b-qf92zzgdcp] {
    align-items: center;
    display: flex;
    gap: 0.55rem;
    margin: 0;
}

.subroom-option > label input[b-qf92zzgdcp] {
    min-height: auto;
    width: 1.1rem;
}

.subroom-option > label span[b-qf92zzgdcp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.subroom-option select[b-qf92zzgdcp] {
    min-height: 2.25rem;
    padding: 0.35rem 0.55rem;
}

.subroom-notice[b-qf92zzgdcp] {
    background: #f3f7ee;
    border-left: 0.25rem solid var(--trefora-turquoise);
    border-radius: 0.45rem;
    color: #51584d;
    font-size: 0.8rem;
    margin-top: 0.75rem;
    padding: 0.7rem 0.8rem;
}

footer[b-qf92zzgdcp] {
    border-top: 1px solid #e5e9e0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    justify-content: flex-end;
    margin-top: 1rem;
    padding-top: 1rem;
}

.action-message[b-qf92zzgdcp] {
    flex-basis: 100%;
    margin: 0;
}

button.primary[b-qf92zzgdcp],
button.secondary[b-qf92zzgdcp],
.page-state button[b-qf92zzgdcp] {
    border: 0;
    border-radius: 0.6rem;
    cursor: pointer;
    font: inherit;
    font-weight: 750;
    min-height: 2.7rem;
    padding: 0.55rem 0.9rem;
}

.primary[b-qf92zzgdcp] {
    background: var(--trefora-petrol);
    color: #fff;
}

.secondary[b-qf92zzgdcp],
.page-state button[b-qf92zzgdcp] {
    background: #edf0e8;
    color: #343a31;
}

.copy-room[b-qf92zzgdcp] {
    margin-right: auto;
}

button:disabled[b-qf92zzgdcp] {
    cursor: wait;
    opacity: 0.58;
}

.message[b-qf92zzgdcp] {
    border-radius: 0.6rem;
    margin-bottom: 0.8rem;
    padding: 0.7rem 0.85rem;
}

.message.error[b-qf92zzgdcp],
.page-state.error[b-qf92zzgdcp] {
    background: #fff1ee;
    border-color: #efcec7;
    color: #852b20;
}

.message.success[b-qf92zzgdcp] {
    background: #edf8e7;
    color: var(--trefora-turquoise-dark);
    font-weight: 700;
}

.editor-placeholder[b-qf92zzgdcp],
.page-state[b-qf92zzgdcp] {
    align-items: center;
    color: var(--trefora-muted);
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    justify-content: center;
    min-height: 12rem;
    padding: 1.5rem;
    text-align: center;
}

.editor-placeholder strong[b-qf92zzgdcp],
.page-state strong[b-qf92zzgdcp] {
    color: #343a31;
}

.empty[b-qf92zzgdcp] {
    color: var(--trefora-muted);
    margin: 0;
    padding: 1.5rem;
    text-align: center;
}

@media (max-width: 850px) {
    .rooms-heading[b-qf92zzgdcp] {
        align-items: stretch;
        display: grid;
        gap: 1rem;
    }

    .location-picker[b-qf92zzgdcp] {
        min-width: 0;
    }

    .rooms-heading-actions[b-qf92zzgdcp] {
        align-items: stretch;
    }

    .rooms-workspace[b-qf92zzgdcp] {
        grid-template-columns: 1fr;
    }

    .mobile-order-button[b-qf92zzgdcp] {
        display: inline-flex;
    }

    .drag-handle[b-qf92zzgdcp] {
        display: none;
    }

    .editor-placeholder[b-qf92zzgdcp] {
        display: none;
    }
}

@media (max-width: 550px) {
    .rooms-heading-actions[b-qf92zzgdcp] {
        flex-direction: column;
    }

    .field-grid.two[b-qf92zzgdcp] {
        gap: 0;
        grid-template-columns: 1fr;
    }

    .subroom-option[b-qf92zzgdcp] {
        align-items: stretch;
        grid-template-columns: 1fr;
    }

    footer[b-qf92zzgdcp] {
        align-items: stretch;
        flex-direction: column-reverse;
    }
}
/* /Pages/SecuritySettings.razor.rz.scp.css */
.security-page[b-cqiqmts1pu] {
    max-width: 52rem;
}

.security-page > header[b-cqiqmts1pu] {
    margin-bottom: 1.25rem;
}

.security-card[b-cqiqmts1pu] {
    background: #fff;
    border: 1px solid #d9e1dd;
    border-radius: 0.75rem;
    padding: 1.25rem;
}

.security-card + .security-card[b-cqiqmts1pu] {
    margin-top: 1rem;
}

.security-card h2[b-cqiqmts1pu] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 0;
}

.security-card label:not(.confirmation-row)[b-cqiqmts1pu] {
    display: grid;
    font-weight: 700;
    gap: 0.35rem;
    margin: 1rem 0;
    max-width: 26rem;
}

.security-card input[b-cqiqmts1pu] {
    border: 1px solid #aebbb5;
    border-radius: 0.35rem;
    font: inherit;
    min-height: 2.7rem;
    padding: 0.5rem 0.65rem;
}

.required-label[b-cqiqmts1pu],
.optional-label[b-cqiqmts1pu] {
    border-radius: 999px;
    font-size: 0.75rem;
    padding: 0.25rem 0.55rem;
}

.required-label[b-cqiqmts1pu] {
    background: #ffe4df;
    color: #8a281b;
}

.optional-label[b-cqiqmts1pu] {
    background: #e9f4e4;
    color: #245f1f;
}

.manual-key[b-cqiqmts1pu] {
    align-items: center;
    background: #f3f6f4;
    border-radius: 0.45rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: space-between;
    margin: 1rem 0;
    padding: 0.85rem;
}

.manual-key code[b-cqiqmts1pu] {
    font-size: 1rem;
    overflow-wrap: anywhere;
}

.action-row[b-cqiqmts1pu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.security-card button[b-cqiqmts1pu] {
    border-radius: 0.4rem;
    cursor: pointer;
    font: inherit;
    font-weight: 700;
    min-height: 2.65rem;
    padding: 0.55rem 0.9rem;
}

.security-card button.primary[b-cqiqmts1pu] {
    background: #164c5a;
    border: 1px solid #164c5a;
    color: #fff;
}

.security-card button.secondary[b-cqiqmts1pu] {
    background: #fff;
    border: 1px solid #8ba09a;
    color: #183f49;
}

.security-card button.compact[b-cqiqmts1pu] {
    min-height: 2.2rem;
    padding: 0.35rem 0.65rem;
}

.security-card button:disabled[b-cqiqmts1pu] {
    cursor: not-allowed;
    opacity: 0.55;
}

.recovery-card pre[b-cqiqmts1pu] {
    background: #102d35;
    border-radius: 0.5rem;
    color: #fff;
    font-size: 1rem;
    line-height: 1.75;
    padding: 1rem;
    user-select: all;
    white-space: pre-wrap;
}

.confirmation-row[b-cqiqmts1pu] {
    align-items: flex-start;
    display: flex;
    gap: 0.65rem;
    margin: 1.25rem 0;
}

.confirmation-row input[b-cqiqmts1pu] {
    min-height: auto;
}

.copy-confirmation[b-cqiqmts1pu] {
    color: #2e6c2a;
    font-weight: 700;
    margin-left: 0.65rem;
}

.regenerate-codes[b-cqiqmts1pu] {
    width: min(100%, 32rem);
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #d8e2df;
}

.active-card[b-cqiqmts1pu] {
    align-items: flex-start;
    display: flex;
    gap: 0.85rem;
}

.active-card h2[b-cqiqmts1pu] {
    margin-bottom: 0.35rem;
}

.status-dot[b-cqiqmts1pu] {
    background: #55b949;
    border-radius: 50%;
    flex: 0 0 0.8rem;
    height: 0.8rem;
    margin-top: 0.45rem;
}

.security-message.error[b-cqiqmts1pu],
.inline-error[b-cqiqmts1pu] {
    color: #9b2d20;
}

.inline-success[b-cqiqmts1pu] {
    color: #2e6c2a;
    font-weight: 700;
}

.password-guidance[b-cqiqmts1pu] {
    color: #536861;
    font-size: 0.92rem;
}

@media (max-width: 600px) {
    .security-card[b-cqiqmts1pu] {
        border-radius: 0;
        margin-inline: -1rem;
    }
}
/* /Pages/Settings.razor.rz.scp.css */
.settings-landing[b-fmaboahhgi] {
    max-width: 900px;
    margin: 0 auto;
}

.settings-landing-intro[b-fmaboahhgi] {
    color: var(--text-muted, #5f6b7a);
    margin-bottom: 1.5rem;
}

.settings-landing-grid[b-fmaboahhgi] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

.settings-landing-card[b-fmaboahhgi] {
    display: flex;
    flex-direction: column;
    gap: .45rem;
    padding: 1.25rem;
    border: 1px solid var(--border-color, #d9dee7);
    border-radius: .75rem;
    color: inherit;
    text-decoration: none;
    background: var(--surface, #fff);
}

.settings-landing-card:hover[b-fmaboahhgi],
.settings-landing-card:focus-visible[b-fmaboahhgi] {
    border-color: var(--accent-color, #1b5278);
    box-shadow: 0 3px 12px rgb(20 45 70 / 12%);
}

.settings-landing-card span[b-fmaboahhgi] {
    color: var(--text-muted, #5f6b7a);
}
/* /Pages/SignIn.razor.rz.scp.css */
.sign-in-card[b-cbcgovo99d] {
    max-width: 34rem;
    margin: 3rem auto;
    padding: 2rem;
    border: 1px solid #d8dee4;
    border-radius: 0.75rem;
    background: #fff;
    box-shadow: 0 0.5rem 1.5rem rgb(0 0 0 / 8%);
}

.field[b-cbcgovo99d] {
    margin-top: 1.25rem;
}

.field > label:not(.form-check-label)[b-cbcgovo99d] {
    display: block;
    margin-bottom: 0.35rem;
    font-weight: 600;
}

.sign-in-error[b-cbcgovo99d] {
    margin: 1.25rem 0;
    padding: 0.9rem 1rem;
    border: 1px solid #b42318;
    border-radius: 0.4rem;
    background: #fff1f0;
    color: #7a271a;
}

.progress-message[b-cbcgovo99d] {
    display: inline-block;
    margin-left: 0.75rem;
}

.security-code[b-cbcgovo99d] {
    letter-spacing: 0.08em;
}

.link-button[b-cbcgovo99d] {
    margin: 0.65rem 0 1.1rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: #0b6f73;
    text-decoration: underline;
    cursor: pointer;
}

.link-button:disabled[b-cbcgovo99d] {
    cursor: default;
    opacity: 0.6;
}

.back-link[b-cbcgovo99d] {
    margin-left: 1rem;
}

.validation-message[b-cbcgovo99d] {
    color: #b42318;
}
/* /Pages/Tenants.razor.rz.scp.css */
.tenants-page[b-jinl0zihk6] {
    margin: 0 auto;
    max-width: 1240px;
}

.page-heading[b-jinl0zihk6] {
    align-items: end;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.eyebrow[b-jinl0zihk6] {
    color: var(--trefora-turquoise-dark);
    font-size: 0.76rem;
    font-weight: 850;
    letter-spacing: 0.13em;
    margin: 0 0 0.3rem;
    text-transform: uppercase;
}

h1[b-jinl0zihk6] {
    font-size: clamp(2rem, 5vw, 3rem);
    letter-spacing: -0.05em;
    margin: 0;
}

.page-heading p:last-child[b-jinl0zihk6] {
    color: #687064;
    margin: 0.45rem 0 0;
}

.filters[b-jinl0zihk6] {
    align-items: end;
    background: #fff;
    border: 1px solid #e0e4da;
    border-radius: 0.85rem;
    display: grid;
    gap: 0.7rem;
    grid-template-columns: minmax(16rem, 1fr) minmax(10rem, 0.35fr) minmax(9rem, 0.25fr);
    margin-bottom: 1rem;
    padding: 0.8rem;
}

.filters label[b-jinl0zihk6],
.editor label[b-jinl0zihk6],
.contact-editor label[b-jinl0zihk6] {
    display: grid;
    font-size: 0.78rem;
    font-weight: 750;
    gap: 0.3rem;
}

select[b-jinl0zihk6],
input[b-jinl0zihk6],
textarea[b-jinl0zihk6] {
    background: #fff;
    border: 1px solid #d5dbd0;
    border-radius: 0.55rem;
    color: #343a31;
    font: inherit;
    min-height: 2.7rem;
    padding: 0.55rem 0.7rem;
    width: 100%;
}

input:focus[b-jinl0zihk6],
select:focus[b-jinl0zihk6],
textarea:focus[b-jinl0zihk6] {
    border-color: var(--trefora-turquoise);
    box-shadow: 0 0 0 3px rgba(101, 170, 67, 0.16);
    outline: none;
}

textarea[b-jinl0zihk6] {
    resize: vertical;
}

.add[b-jinl0zihk6],
.primary[b-jinl0zihk6],
.secondary[b-jinl0zihk6],
.danger[b-jinl0zihk6],
.page-state button[b-jinl0zihk6],
.duplicate-warning button[b-jinl0zihk6] {
    border: 0;
    border-radius: 0.6rem;
    cursor: pointer;
    font: inherit;
    font-weight: 750;
    min-height: 2.7rem;
    padding: 0.55rem 0.9rem;
}

.add[b-jinl0zihk6],
.primary[b-jinl0zihk6] {
    background: var(--trefora-petrol);
    color: #fff;
}

.secondary[b-jinl0zihk6],
.page-state button[b-jinl0zihk6],
.duplicate-warning button[b-jinl0zihk6] {
    background: #edf0e8;
    color: #343a31;
}

.compact[b-jinl0zihk6] {
    min-height: 2.25rem;
    padding: 0.4rem 0.7rem;
}

.module-load-error[b-jinl0zihk6] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    margin-top: 0.7rem;
}

.module-load-error button[b-jinl0zihk6] {
    flex: 0 0 auto;
}

.workspace[b-jinl0zihk6] {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(20rem, 0.72fr) minmax(34rem, 1.28fr);
}

.tenant-list[b-jinl0zihk6],
.editor[b-jinl0zihk6],
.placeholder[b-jinl0zihk6],
.page-state[b-jinl0zihk6] {
    background: #fff;
    border: 1px solid #e0e4da;
    border-radius: 0.9rem;
    box-shadow: 0 14px 38px rgba(45, 54, 39, 0.07);
}

.tenant-list[b-jinl0zihk6] {
    overflow: hidden;
}

.tenant-list > header[b-jinl0zihk6] {
    align-items: center;
    background: #f7f8f5;
    border-bottom: 1px solid #e7eae3;
    display: flex;
    justify-content: space-between;
    min-height: 2.8rem;
    padding: 0.65rem 1rem;
}

.tenant-list > header span[b-jinl0zihk6] {
    color: #687064;
    font-size: 0.78rem;
}

.tenant-list-heading[b-jinl0zihk6] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
}

.tenant-expand-all[b-jinl0zihk6] {
    background: transparent;
    border: 0;
    color: var(--trefora-petrol);
    cursor: pointer;
    font-size: 0.75rem;
    padding: 0.25rem 0;
    text-decoration: underline;
}

.tenant-letter[b-jinl0zihk6] {
    align-items: center;
    background: #eef3ea;
    border-bottom: 1px solid #dfe6d9;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    color: var(--trefora-petrol);
    display: flex;
    font-size: 0.78rem;
    justify-content: space-between;
    letter-spacing: 0.08em;
    margin: 0;
    padding: 0.38rem 1rem;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}

.tenant-letter:hover[b-jinl0zihk6],
.tenant-letter:focus-visible[b-jinl0zihk6] {
    background: #e3edde;
}

.tenant-group-toggle[b-jinl0zihk6] {
    font-size: 1.1rem;
    font-weight: 400;
    letter-spacing: 0;
}

.tenant-row[b-jinl0zihk6],
.contact-row[b-jinl0zihk6] {
    align-items: center;
    background: #fff;
    border: 0;
    border-bottom: 1px solid #e7eae3;
    color: inherit;
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: 0.7rem;
    grid-template-columns: 1fr auto auto;
    min-height: 4.4rem;
    padding: 0.72rem 1rem;
    text-align: left;
    width: 100%;
}

.tenant-row:last-child[b-jinl0zihk6],
.contact-row:last-child[b-jinl0zihk6] {
    border-bottom: 0;
}

.tenant-row:hover[b-jinl0zihk6],
.tenant-row.selected[b-jinl0zihk6],
.contact-row:hover[b-jinl0zihk6],
.contact-row.selected[b-jinl0zihk6] {
    background: #f2f8ec;
}

.contact-row > span:first-child[b-jinl0zihk6] {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.tenant-main[b-jinl0zihk6] {
    align-items: center;
    display: flex;
    gap: 0.7rem;
    min-width: 0;
}

.tenant-copy[b-jinl0zihk6] {
    display: grid;
    flex: 1 1 auto;
    gap: 0.12rem;
    min-width: 0;
}

.tenant-sport-icon[b-jinl0zihk6] {
    color: var(--trefora-petrol);
    flex: 0 0 1.7rem;
    height: 1.7rem;
    width: 1.7rem;
}

.tenant-row small[b-jinl0zihk6],
.contact-row small[b-jinl0zihk6] {
    color: var(--trefora-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tenant-row em[b-jinl0zihk6],
.contact-row em[b-jinl0zihk6] {
    background: #f0f1ee;
    border-radius: 1rem;
    color: #676c64;
    font-size: 0.68rem;
    font-style: normal;
    font-weight: 800;
    padding: 0.25rem 0.55rem;
    text-transform: uppercase;
}

.editor[b-jinl0zihk6] {
    padding: 1.25rem;
}

@media (min-width: 901px) {
    .editor[b-jinl0zihk6] {
        max-height: calc(100dvh - 7.5rem);
        overflow-y: auto;
        overscroll-behavior: contain;
        position: sticky;
        scrollbar-gutter: stable;
        top: 6.5rem;
    }
}

.editor > header[b-jinl0zihk6] {
    align-items: start;
    border-bottom: 1px solid #e5e9e0;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.7rem;
    padding-bottom: 0.85rem;
}

.editor > header p[b-jinl0zihk6] {
    color: var(--trefora-turquoise-dark);
    font-size: 0.72rem;
    font-weight: 800;
    margin: 0;
    text-transform: uppercase;
}

h2[b-jinl0zihk6] {
    font-size: 1.45rem;
    margin: 0.15rem 0 0;
}

.close[b-jinl0zihk6] {
    background: #f0f2ec;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    font-size: 1.45rem;
    height: 2.4rem;
    width: 2.4rem;
}

.editor-section[b-jinl0zihk6] {
    border-bottom: 1px solid #e8ebe4;
    padding: 0.75rem 0 0.95rem;
}

.editor-section h3[b-jinl0zihk6],
.contacts h3[b-jinl0zihk6] {
    font-size: 1rem;
    margin: 0 0 0.65rem;
}

.editor-section > label + label[b-jinl0zihk6],
.editor-section > .field-grid + label[b-jinl0zihk6],
.editor-section > label + .field-grid[b-jinl0zihk6],
.editor-section > .field-grid + .field-grid[b-jinl0zihk6],
.contact-editor > label[b-jinl0zihk6],
.contact-editor > .field-grid + .field-grid[b-jinl0zihk6] {
    margin-top: 0.7rem;
}

label small[b-jinl0zihk6] {
    color: #848980;
    font-weight: 500;
}

.field-grid[b-jinl0zihk6] {
    display: grid;
    gap: 0.75rem;
}

.field-grid.two[b-jinl0zihk6] {
    grid-template-columns: 1fr 1fr;
}

.field-grid.postal[b-jinl0zihk6] {
    grid-template-columns: 0.45fr 1fr;
}

.active-row[b-jinl0zihk6],
.contact-options label[b-jinl0zihk6] {
    align-items: center;
    display: flex !important;
    gap: 0.55rem !important;
    margin-top: 0.75rem;
}

.active-row input[b-jinl0zihk6],
.contact-options input[b-jinl0zihk6],
.duplicate-warning input[b-jinl0zihk6] {
    min-height: 1.1rem;
    width: 1.1rem;
}

.editor-actions[b-jinl0zihk6],
.contact-editor footer[b-jinl0zihk6] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    justify-content: flex-end;
    padding-top: 1rem;
}

.danger[b-jinl0zihk6] {
    background: #b53b2c;
    color: #fff;
}

.action-message[b-jinl0zihk6] {
    flex-basis: 100%;
    margin: 0;
}

.tenant-management > p[b-jinl0zihk6],
.management-panel > span[b-jinl0zihk6],
.impact-summary span[b-jinl0zihk6] {
    color: #687064;
    font-size: 0.82rem;
}

.management-actions[b-jinl0zihk6] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

.management-panel[b-jinl0zihk6] {
    background: #f7f9f4;
    border: 1px solid #dfe5d9;
    border-radius: 0.75rem;
    display: grid;
    gap: 0.75rem;
    margin-top: 0.8rem;
    padding: 0.9rem;
}

.merge-name-choice[b-jinl0zihk6] {
    border: 0;
    display: grid;
    gap: 0.55rem;
    margin: 0;
    padding: 0;
}

.merge-name-choice legend[b-jinl0zihk6] {
    font-size: 0.82rem;
    font-weight: 800;
    margin-bottom: 0.15rem;
}

.merge-name-choice > label:not(.custom-merge-name)[b-jinl0zihk6] {
    align-items: center;
    display: flex;
    gap: 0.55rem;
}

.merge-name-choice input[type="radio"][b-jinl0zihk6] {
    min-height: 1.1rem;
    width: 1.1rem;
}

.custom-merge-name[b-jinl0zihk6] {
    margin-left: 1.65rem;
}

.management-panel footer[b-jinl0zihk6] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    justify-content: flex-end;
}

.impact-summary[b-jinl0zihk6] {
    background: #fff7d6;
    border-left: 4px solid #e5b821;
    border-radius: 0.55rem;
    display: grid;
    gap: 0.3rem;
    padding: 0.75rem;
}

.delete-confirmation[b-jinl0zihk6] {
    background: #fff0ed;
    border-color: #efc7c0;
}

.contacts[b-jinl0zihk6] {
    border-top: 2px solid #dce5d5;
    margin-top: 1.2rem;
    padding-top: 1rem;
}

.contacts > header[b-jinl0zihk6] {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.contacts > header div[b-jinl0zihk6] {
    display: grid;
    gap: 0.15rem;
}

.contacts > header h3[b-jinl0zihk6] {
    margin: 0;
}

.contacts > header span[b-jinl0zihk6],
.contact-empty[b-jinl0zihk6] {
    color: var(--trefora-muted);
    font-size: 0.78rem;
}

.contact-list[b-jinl0zihk6] {
    border: 1px solid #e3e7de;
    border-radius: 0.7rem;
    margin-top: 0.75rem;
    overflow: hidden;
}

.contact-row[b-jinl0zihk6] {
    min-height: 3.8rem;
}

.contact-editor[b-jinl0zihk6] {
    background: #f7f9f4;
    border: 1px solid #dfe5d9;
    border-radius: 0.75rem;
    margin-top: 0.8rem;
    padding: 0.9rem;
}

.contact-editor > header[b-jinl0zihk6] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.7rem;
}

.contact-editor > header button[b-jinl0zihk6] {
    background: transparent;
    border: 0;
    cursor: pointer;
    font-size: 1.3rem;
}

.contact-options[b-jinl0zihk6] {
    display: flex;
    flex-wrap: wrap;
    gap: 0 1.2rem;
}

.duplicate-warning[b-jinl0zihk6],
.message[b-jinl0zihk6],
.page-message[b-jinl0zihk6] {
    border-radius: 0.65rem;
    margin-bottom: 0.7rem;
    padding: 0.7rem 0.85rem;
}

.duplicate-warning[b-jinl0zihk6] {
    background: #fff7d6;
    border-left: 4px solid #e5b821;
    display: grid;
    gap: 0.35rem;
}

.duplicate-warning > div[b-jinl0zihk6] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

.duplicate-warning label[b-jinl0zihk6] {
    align-items: center;
    display: flex;
    gap: 0.4rem;
}

.message.error[b-jinl0zihk6],
.page-state.error[b-jinl0zihk6] {
    background: #fff0ed;
    color: #8b2f20;
}

.message.success[b-jinl0zihk6],
.page-message.success[b-jinl0zihk6] {
    background: #edf8e7;
    color: var(--trefora-turquoise-dark);
    font-weight: 700;
}

.empty[b-jinl0zihk6],
.contact-empty[b-jinl0zihk6] {
    margin: 0;
    padding: 1.4rem;
    text-align: center;
}

.placeholder[b-jinl0zihk6],
.page-state[b-jinl0zihk6] {
    display: grid;
    gap: 0.35rem;
    min-height: 10rem;
    padding: 2rem;
    place-content: center;
    text-align: center;
}

.page-state span[b-jinl0zihk6] {
    display: block;
}

button:disabled[b-jinl0zihk6] {
    cursor: wait;
    opacity: 0.7;
}

@media (max-width: 900px) {
    .workspace[b-jinl0zihk6] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .page-heading[b-jinl0zihk6] {
        align-items: stretch;
        gap: 0.8rem;
    }

    .filters[b-jinl0zihk6] {
        grid-template-columns: 1fr 1fr;
    }

    .search-field[b-jinl0zihk6] {
        grid-column: 1 / -1;
    }

    .field-grid.two[b-jinl0zihk6],
    .field-grid.postal[b-jinl0zihk6] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .page-heading[b-jinl0zihk6] {
        display: grid;
    }

    .filters[b-jinl0zihk6] {
        grid-template-columns: 1fr;
    }

    .search-field[b-jinl0zihk6] {
        grid-column: auto;
    }

    .editor[b-jinl0zihk6] {
        padding: 0.9rem;
    }

    .contacts > header[b-jinl0zihk6],
    .editor-actions[b-jinl0zihk6],
    .contact-editor footer[b-jinl0zihk6],
    .management-panel footer[b-jinl0zihk6] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Pages/TrefposCheckoutLayout.razor.rz.scp.css */
.checkout-layout-page[b-hvuwovn3mb] {
    max-width: 92rem;
}

.layout-toolbar[b-hvuwovn3mb],
.grid-controls[b-hvuwovn3mb],
.layout-toolbar > div[b-hvuwovn3mb],
.grid-controls > div[b-hvuwovn3mb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.layout-toolbar strong[b-hvuwovn3mb],
.grid-controls strong[b-hvuwovn3mb] {
    display: block;
}

.layout-toolbar span[b-hvuwovn3mb],
.grid-controls span[b-hvuwovn3mb],
.editor-hint[b-hvuwovn3mb],
.empty-state[b-hvuwovn3mb] {
    color: var(--trefora-muted);
}

.toolbar-actions[b-hvuwovn3mb],
.dimension-controls[b-hvuwovn3mb] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.layout-workspace[b-hvuwovn3mb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 18rem;
    gap: 1rem;
    align-items: start;
}

.layout-workspace.preview[b-hvuwovn3mb] {
    grid-template-columns: minmax(0, 1fr);
}

.layout-canvas[b-hvuwovn3mb] {
    overflow: auto;
}

.button-grid[b-hvuwovn3mb] {
    position: relative;
    display: grid;
    grid-template-rows: repeat(var(--layout-rows), 4.5rem);
    grid-template-columns: repeat(var(--layout-columns), minmax(7rem, 1fr));
    gap: 0;
    min-width: calc(var(--layout-columns) * 7rem);
    padding: 0.5rem;
    background: #fff;
    font-family: "Segoe UI", sans-serif;
}

.grid-cell[b-hvuwovn3mb] {
    z-index: 0;
    border: 1px dashed #c2cecb;
    margin: 0.25rem;
    background: #f7f9f8;
}

.layout-button[b-hvuwovn3mb] {
    z-index: 1;
    box-sizing: border-box;
    min-width: 0;
    margin: 0.25rem;
    border: 1px solid #383f3e;
    border-radius: 0;
    background: #383f3e;
    color: #fff;
    padding: 0.5rem;
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
    cursor: grab;
}

.layout-button.payment[b-hvuwovn3mb] {
    border-color: #168f8b;
    background: #16a6a1;
}

.layout-button.selected[b-hvuwovn3mb] {
    outline: 3px solid #f47b62;
    outline-offset: 1px;
}

.preview .layout-button[b-hvuwovn3mb] {
    cursor: default;
}

/*
 * Preview the same way the Windows checkout renders the published grid:
 * 72px tracks, an 8px white canvas inset and 4px around every button.
 * The editing view deliberately keeps its dashed placement helpers.
 */
.preview .button-grid[b-hvuwovn3mb] {
    grid-template-rows: repeat(var(--layout-rows), 4.5rem);
    gap: 0;
    padding: 0.5rem;
    background: #fff;
}

.preview .grid-cell[b-hvuwovn3mb] {
    margin: 0.25rem;
    border-color: transparent;
    background: transparent;
}

.preview .layout-button[b-hvuwovn3mb] {
    cursor: default;
}

.button-editor[b-hvuwovn3mb] {
    display: grid;
    gap: 0.9rem;
    position: sticky;
    top: 1rem;
}

.button-editor h2[b-hvuwovn3mb],
.button-editor p[b-hvuwovn3mb] {
    margin: 0;
}

.button-editor label[b-hvuwovn3mb] {
    display: grid;
    gap: 0.35rem;
    font-size: 0.82rem;
    font-weight: 750;
}

.button-editor input[b-hvuwovn3mb],
.button-editor select[b-hvuwovn3mb] {
    width: 100%;
    min-height: 2.55rem;
    box-sizing: border-box;
    border: 1px solid #b8c6c9;
    border-radius: 0.5rem;
    background: #fff;
    padding: 0.5rem 0.6rem;
}

.editor-grid[b-hvuwovn3mb] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.7rem;
}

.button-editor .checkbox-row[b-hvuwovn3mb] {
    display: flex;
    align-items: center;
}

.button-editor .checkbox-row input[b-hvuwovn3mb] {
    width: auto;
    min-height: auto;
}

.danger[b-hvuwovn3mb] {
    border-color: #b44435;
    color: #9d3524;
}


@media (max-width: 980px) {
    .layout-workspace[b-hvuwovn3mb] {
        grid-template-columns: 1fr;
    }

    .button-editor[b-hvuwovn3mb] {
        position: static;
    }

    .layout-toolbar[b-hvuwovn3mb],
    .grid-controls[b-hvuwovn3mb] {
        align-items: flex-start;
        flex-direction: column;
    }

}
/* /Pages/TrefposDevices.razor.rz.scp.css */
.device-card[b-nvdkgggdku] {
    padding: 0;
    overflow: hidden;
}

header > button[b-nvdkgggdku] {
    margin-top: .75rem;
}

.registration-form[b-nvdkgggdku],
.activation-result[b-nvdkgggdku] {
    display: grid;
    gap: 1rem;
    margin-bottom: 1rem;
}

.registration-form h2[b-nvdkgggdku],
.activation-result h2[b-nvdkgggdku] {
    margin: 0;
}

.registration-form label[b-nvdkgggdku] {
    display: grid;
    gap: .4rem;
    font-weight: 650;
}

.registration-form input[b-nvdkgggdku],
.registration-form select[b-nvdkgggdku] {
    width: 100%;
    min-height: 44px;
}

.registration-form p[b-nvdkgggdku],
.activation-result p[b-nvdkgggdku] {
    margin: 0;
}

.activation-result code[b-nvdkgggdku] {
    display: block;
    width: fit-content;
    max-width: 100%;
    padding: .75rem 1rem;
    border: 1px solid var(--line);
    border-radius: .5rem;
    background: var(--surface);
    font-size: clamp(1.1rem, 3vw, 1.65rem);
    font-weight: 750;
    letter-spacing: .08em;
    overflow-wrap: anywhere;
    user-select: all;
}

.emergency-result[b-nvdkgggdku] {
    text-align: center;
}

.emergency-qr[b-nvdkgggdku] {
    display: block;
    width: min(100%, 360px);
    height: auto;
    margin: 1rem auto;
    padding: 0.75rem;
    background: #fff;
    border: 1px solid #d8e2df;
}

.form-actions[b-nvdkgggdku] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
}

.device-actions[b-nvdkgggdku] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
}

.revoke-confirmation[b-nvdkgggdku],
.replacement-confirmation[b-nvdkgggdku] {
    display: grid;
    gap: .65rem;
    padding: 1rem;
    border: 1px solid #e5b9b1;
    border-radius: .5rem;
    background: #fff7f5;
}

.revoke-confirmation p[b-nvdkgggdku],
.replacement-confirmation p[b-nvdkgggdku] {
    margin: 0;
}

.danger[b-nvdkgggdku] {
    border-color: #a53a2a;
    background: #a53a2a;
    color: white;
}

.device-list[b-nvdkgggdku] {
    display: grid;
}

.device-row[b-nvdkgggdku] {
    display: grid;
    gap: 1rem;
    padding: 1.25rem;
}

.device-row + .device-row[b-nvdkgggdku] {
    border-top: 1px solid var(--line);
}

.device-heading[b-nvdkgggdku] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.device-heading > div[b-nvdkgggdku] {
    display: grid;
    gap: .2rem;
}

.device-heading strong[b-nvdkgggdku] {
    font-size: 1.05rem;
}

.device-heading span:not(.status)[b-nvdkgggdku] {
    color: var(--muted);
}

.status[b-nvdkgggdku] {
    flex: 0 0 auto;
    border-radius: 999px;
    padding: .3rem .65rem;
    font-size: .78rem;
    font-weight: 700;
}

.status.active[b-nvdkgggdku] {
    color: #1f5d34;
    background: #dff4e5;
}

.status.revoked[b-nvdkgggdku] {
    color: #7b2d2d;
    background: #f8dfdf;
}

dl[b-nvdkgggdku] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin: 0;
}

dl > div[b-nvdkgggdku] {
    display: grid;
    gap: .2rem;
}

dt[b-nvdkgggdku] {
    color: var(--muted);
    font-size: .8rem;
}

dd[b-nvdkgggdku] {
    margin: 0;
    overflow-wrap: anywhere;
}

.empty-state h2[b-nvdkgggdku] {
    margin-top: 0;
}

@media (max-width: 760px) {
    dl[b-nvdkgggdku] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 480px) {
    .device-heading[b-nvdkgggdku] {
        align-items: stretch;
        flex-direction: column;
    }

    .status[b-nvdkgggdku] {
        align-self: flex-start;
    }

    dl[b-nvdkgggdku] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/TrefposProductGroups.razor.rz.scp.css */
.product-groups-page[b-l44ocn3lms] {
    max-width: 68rem;
}

.group-form-section[b-l44ocn3lms],
.group-list-section[b-l44ocn3lms],
.group-list[b-l44ocn3lms] {
    display: grid;
    gap: 1rem;
}

.section-heading h2[b-l44ocn3lms],
.section-heading p[b-l44ocn3lms],
.empty-state[b-l44ocn3lms] {
    margin: 0;
}

.section-heading p[b-l44ocn3lms],
.empty-state[b-l44ocn3lms],
.group-row span[b-l44ocn3lms] {
    color: var(--trefora-muted);
}

.group-form[b-l44ocn3lms] {
    display: grid;
    grid-template-columns: minmax(12rem, 2fr) minmax(12rem, 2fr) minmax(9rem, 1fr);
    gap: 0.9rem;
}

.group-form label[b-l44ocn3lms] {
    display: grid;
    gap: 0.35rem;
    font-size: 0.82rem;
    font-weight: 750;
}

.group-form input[b-l44ocn3lms],
.group-form select[b-l44ocn3lms] {
    width: 100%;
    min-height: 2.7rem;
    box-sizing: border-box;
    border: 1px solid #b8c6c9;
    border-radius: 0.55rem;
    background: #fff;
    color: var(--trefora-text);
    padding: 0.55rem 0.65rem;
}

.group-form-section .primary[b-l44ocn3lms] {
    justify-self: start;
}

.group-row[b-l44ocn3lms] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border: 1px solid var(--trefora-border);
    border-radius: 0.7rem;
    background: var(--trefora-surface);
    padding: 0.8rem 0.9rem;
}

.group-row > div[b-l44ocn3lms] {
    display: grid;
    gap: 0.15rem;
}

.vat-badge[b-l44ocn3lms] {
    flex: 0 0 auto;
    border-radius: 999px;
    background: var(--trefora-surface-soft);
    padding: 0.3rem 0.65rem;
    font-size: 0.8rem;
    font-weight: 800;
}

@media (max-width: 760px) {
    .group-form[b-l44ocn3lms] {
        grid-template-columns: 1fr;
    }

    .group-row[b-l44ocn3lms] {
        align-items: flex-start;
    }
}
/* /Pages/TrefposProductReview.razor.rz.scp.css */
.review-section[b-3jol4n2l4o] {
    display: grid;
    gap: 1rem;
}

.product-management[b-3jol4n2l4o] {
    max-width: 76rem;
}

.section-heading[b-3jol4n2l4o],
.candidate-title[b-3jol4n2l4o],
.unknown-card[b-3jol4n2l4o] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.section-heading h2[b-3jol4n2l4o],
.candidate-title h3[b-3jol4n2l4o],
.section-heading p[b-3jol4n2l4o],
.candidate-title p[b-3jol4n2l4o],
.approval-note[b-3jol4n2l4o],
.follow-up-note[b-3jol4n2l4o],
.empty-state[b-3jol4n2l4o] {
    margin: 0;
}

.section-heading p[b-3jol4n2l4o],
.candidate-title p[b-3jol4n2l4o],
.approval-note[b-3jol4n2l4o],
.follow-up-note[b-3jol4n2l4o],
.empty-state[b-3jol4n2l4o],
.unknown-card span[b-3jol4n2l4o] {
    color: var(--text-muted);
}

.count-badge[b-3jol4n2l4o],
.stock-badge[b-3jol4n2l4o] {
    flex: 0 0 auto;
    border-radius: 999px;
    background: var(--trefora-surface-soft);
    padding: 0.3rem 0.65rem;
    font-size: 0.8rem;
    font-weight: 800;
}

.candidate-list[b-3jol4n2l4o],
.unknown-list[b-3jol4n2l4o] {
    display: grid;
    gap: 0.8rem;
}

.search-row[b-3jol4n2l4o],
.button-row[b-3jol4n2l4o],
.panel-heading[b-3jol4n2l4o],
.link-result[b-3jol4n2l4o] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.search-row input[b-3jol4n2l4o] {
    flex: 1 1 20rem;
    min-width: 0;
}

.button-row[b-3jol4n2l4o] {
    flex-wrap: wrap;
}

.full-width[b-3jol4n2l4o] {
    flex-basis: 100%;
}

.search-results[b-3jol4n2l4o] {
    display: grid;
    gap: 0.55rem;
}

.search-result[b-3jol4n2l4o],
.link-result[b-3jol4n2l4o] {
    width: 100%;
    border: 1px solid var(--trefora-border);
    border-radius: 0.65rem;
    background: var(--trefora-surface);
    color: inherit;
    padding: 0.75rem;
    text-align: left;
}

.search-result[b-3jol4n2l4o] {
    display: grid;
    gap: 0.2rem;
    cursor: pointer;
}

.search-result:hover[b-3jol4n2l4o],
.search-result:focus-visible[b-3jol4n2l4o] {
    border-color: var(--trefora-turquoise);
    background: var(--trefora-surface-soft);
}

.search-result span[b-3jol4n2l4o],
.link-result span[b-3jol4n2l4o],
.panel-heading p[b-3jol4n2l4o],
.field-note[b-3jol4n2l4o] {
    color: var(--trefora-muted);
    font-size: 0.82rem;
}

.workflow-panel[b-3jol4n2l4o] {
    display: grid;
    gap: 1rem;
    border: 2px solid var(--trefora-turquoise);
    border-radius: 0.85rem;
    background: #f9fdfd;
    padding: 1rem;
}

.panel-heading[b-3jol4n2l4o] {
    align-items: flex-start;
    justify-content: space-between;
}

.panel-heading h3[b-3jol4n2l4o],
.panel-heading p[b-3jol4n2l4o] {
    margin: 0;
}

.text-button[b-3jol4n2l4o] {
    border: 0;
    background: transparent;
    color: var(--trefora-petrol);
    cursor: pointer;
    font-weight: 750;
    padding: 0.25rem;
}

.product-form[b-3jol4n2l4o] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.product-form label:not(.checkbox-field)[b-3jol4n2l4o] {
    display: grid;
    gap: 0.35rem;
    font-size: 0.82rem;
    font-weight: 750;
}

.product-form input:not([type="checkbox"])[b-3jol4n2l4o],
.product-form select[b-3jol4n2l4o],
.search-row input[b-3jol4n2l4o] {
    width: 100%;
    min-height: 2.7rem;
    box-sizing: border-box;
    border: 1px solid #b8c6c9;
    border-radius: 0.55rem;
    background: #fff;
    color: var(--trefora-text);
    padding: 0.55rem 0.65rem;
}

.checkbox-field[b-3jol4n2l4o] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 2.7rem;
    font-weight: 700;
}

.checkbox-field input[b-3jol4n2l4o] {
    width: 1.15rem;
    height: 1.15rem;
}

.link-result[b-3jol4n2l4o] {
    justify-content: space-between;
}

.link-result > div[b-3jol4n2l4o] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.candidate-card[b-3jol4n2l4o],
.unknown-card[b-3jol4n2l4o] {
    border: 1px solid var(--trefora-border);
    border-radius: 0.8rem;
    background: var(--trefora-surface);
    padding: 1rem;
}

.candidate-card[b-3jol4n2l4o] {
    display: grid;
    gap: 1rem;
}

.candidate-card .primary[b-3jol4n2l4o] {
    justify-self: start;
}

.candidate-details[b-3jol4n2l4o] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.8rem;
    margin: 0;
}

.candidate-details div[b-3jol4n2l4o] {
    min-width: 0;
}

.candidate-details dt[b-3jol4n2l4o] {
    color: var(--text-muted);
    font-size: 0.75rem;
    font-weight: 700;
}

.candidate-details dd[b-3jol4n2l4o] {
    overflow-wrap: anywhere;
    margin: 0.15rem 0 0;
    font-weight: 700;
}

.approval-note[b-3jol4n2l4o],
.follow-up-note[b-3jol4n2l4o] {
    font-size: 0.85rem;
}

.unknown-card > div[b-3jol4n2l4o] {
    display: grid;
    gap: 0.2rem;
}

.unknown-card > div:nth-child(2)[b-3jol4n2l4o] {
    text-align: right;
}

.unknown-card p[b-3jol4n2l4o] {
    flex-basis: 100%;
    margin: 0;
}

.unknown-card[b-3jol4n2l4o] {
    flex-wrap: wrap;
}

@media (max-width: 760px) {
    .candidate-details[b-3jol4n2l4o] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .section-heading[b-3jol4n2l4o],
    .candidate-title[b-3jol4n2l4o],
    .search-row[b-3jol4n2l4o],
    .panel-heading[b-3jol4n2l4o],
    .link-result[b-3jol4n2l4o] {
        align-items: stretch;
        flex-direction: column;
    }

    .section-heading .count-badge[b-3jol4n2l4o],
    .candidate-title .stock-badge[b-3jol4n2l4o] {
        align-self: flex-start;
    }

    .product-form[b-3jol4n2l4o] {
        grid-template-columns: 1fr;
    }

    .link-result .primary[b-3jol4n2l4o],
    .search-row .secondary[b-3jol4n2l4o] {
        align-self: stretch;
    }
}
/* /Pages/TrefposProducts.razor.rz.scp.css */
.product-list-page[b-6wh6243f2r] {
    max-width: none;
}

.product-list-page > header[b-6wh6243f2r] {
    margin-bottom: 0.65rem;
}

.product-list-page > header h1[b-6wh6243f2r] {
    margin: 0.1rem 0 0.15rem;
    font-size: clamp(1.8rem, 2.5vw, 2.35rem);
}

.product-list-page > header p[b-6wh6243f2r] {
    margin-block: 0.15rem;
}

.product-filters[b-6wh6243f2r] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: end;
    gap: 0.55rem;
    margin-bottom: 0.8rem;
    padding: 0.85rem 1rem;
}

.primary-filters[b-6wh6243f2r],
.secondary-filters[b-6wh6243f2r] {
    display: contents;
}

.product-filters label[b-6wh6243f2r],
.result-summary label[b-6wh6243f2r] {
    display: grid;
    gap: 0.2rem;
    font-weight: 650;
}

.product-filters label[b-6wh6243f2r] {
    font-size: 0.82rem;
}

.product-filters input[b-6wh6243f2r],
.product-filters select[b-6wh6243f2r],
.result-summary select[b-6wh6243f2r] {
    width: 100%;
}

.product-filters input[b-6wh6243f2r],
.product-filters select[b-6wh6243f2r] {
    min-height: 2.25rem;
    padding-block: 0.35rem;
}

.filter-actions[b-6wh6243f2r],
.result-summary[b-6wh6243f2r],
.pagination[b-6wh6243f2r] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.filter-actions button[b-6wh6243f2r] {
    min-height: 2.2rem;
    padding: 0.4rem 0.75rem;
}

.result-summary[b-6wh6243f2r] {
    justify-content: space-between;
    margin: 0.65rem 0 0.45rem;
}

.result-summary label[b-6wh6243f2r] {
    grid-template-columns: auto 6rem;
    align-items: center;
}

.product-table-wrap[b-6wh6243f2r] {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: min(63vh, 48rem);
    border: 1px solid #d8e2df;
    border-radius: 0.8rem;
    background: #fff;
}

.product-table[b-6wh6243f2r] {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
    border-collapse: collapse;
    font-size: 0.8rem;
}

.product-table th:nth-child(1)[b-6wh6243f2r] { width: 8%; }
.product-table th:nth-child(2)[b-6wh6243f2r] { width: 18%; }
.product-table th:nth-child(3)[b-6wh6243f2r] { width: 15%; }
.product-table th:nth-child(4)[b-6wh6243f2r] { width: 13%; }
.product-table th:nth-child(5)[b-6wh6243f2r] { width: 9%; }
.product-table th:nth-child(6)[b-6wh6243f2r] { width: 8%; }
.product-table th:nth-child(7)[b-6wh6243f2r] { width: 10%; }
.product-table th:nth-child(8)[b-6wh6243f2r] { width: 10%; }
.product-table th:nth-child(9)[b-6wh6243f2r] { width: 9%; }

.product-table th[b-6wh6243f2r],
.product-table td[b-6wh6243f2r] {
    padding: 0.5rem 0.4rem;
    border-bottom: 1px solid #e3ebe9;
    text-align: left;
    vertical-align: middle;
    overflow-wrap: anywhere;
}

.product-table th[b-6wh6243f2r] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #153d4a;
    color: #fff;
    font-size: 0.76rem;
    line-height: 1.15;
    white-space: normal;
}

.product-table tbody tr:nth-child(even)[b-6wh6243f2r] {
    background: #f6f9f8;
}

.product-table tbody tr:hover[b-6wh6243f2r] {
    background: #e8f6f4;
}

.product-table .numeric[b-6wh6243f2r] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.product-table .code[b-6wh6243f2r] {
    font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
    font-size: 0.75rem;
    overflow-wrap: anywhere;
}

.status-line[b-6wh6243f2r] {
    display: block;
    margin-top: 0.2rem;
    color: #5d6e74;
    font-size: 0.8rem;
}

.reserved[b-6wh6243f2r] {
    color: #8a5a00;
}

.available[b-6wh6243f2r] {
    color: #086b51;
    font-weight: 700;
}

.not-tracked[b-6wh6243f2r] {
    text-align: center !important;
    color: #687985;
    font-style: italic;
}

.webshop-state[b-6wh6243f2r] {
    display: inline-block;
    min-width: 2.6rem;
    padding: 0.2rem 0.45rem;
    border-radius: 999px;
    background: #edf1f0;
    text-align: center;
    font-size: 0.82rem;
    font-weight: 700;
}

.webshop-state.enabled[b-6wh6243f2r] {
    background: #d9f3ef;
    color: #086b51;
}

.pagination[b-6wh6243f2r] {
    justify-content: flex-end;
    margin-top: 0.85rem;
}

@media (max-width: 1100px) {
    .product-filters[b-6wh6243f2r] {
        grid-template-columns: repeat(2, minmax(12rem, 1fr));
    }
}

@media (max-width: 900px) {
    .product-table-wrap[b-6wh6243f2r] {
        overflow-x: auto;
    }

    .product-table[b-6wh6243f2r] {
        min-width: 48rem;
    }
}

@media (max-width: 700px) {
    .product-filters[b-6wh6243f2r] {
        grid-template-columns: 1fr;
    }

    .result-summary[b-6wh6243f2r] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Pages/TrefposReturnReasons.razor.rz.scp.css */
.return-reasons-page[b-wwx1isqbj2] {
    max-width: 76rem;
}

.reason-list[b-wwx1isqbj2] {
    display: grid;
    gap: 0.85rem;
}

.reason-row[b-wwx1isqbj2] {
    display: grid;
    grid-template-columns: minmax(13rem, 1.4fr) minmax(11rem, 1fr) auto auto;
    gap: 0.75rem;
    align-items: end;
    padding: 1rem;
    border: 1px solid #d6e0de;
    border-radius: 0.65rem;
    background: #fff;
}

.reason-row > label:not(.checkbox-row)[b-wwx1isqbj2],
.add-reason label[b-wwx1isqbj2] {
    display: grid;
    gap: 0.35rem;
}

.reason-row input[type="text"][b-wwx1isqbj2],
.reason-row input:not([type])[b-wwx1isqbj2],
.reason-row select[b-wwx1isqbj2],
.add-reason input[b-wwx1isqbj2] {
    min-height: 2.55rem;
    box-sizing: border-box;
    border: 1px solid #b8c6c9;
    border-radius: 0.5rem;
    background: #fff;
    padding: 0.5rem 0.6rem;
}

.reason-row .checkbox-row[b-wwx1isqbj2] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 2.55rem;
    white-space: nowrap;
}

.reason-actions[b-wwx1isqbj2] {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.55rem;
}

.add-reason[b-wwx1isqbj2] {
    display: grid;
    grid-template-columns: minmax(14rem, 1fr) auto;
    align-items: end;
    gap: 0.75rem;
}

.add-reason h2[b-wwx1isqbj2] {
    grid-column: 1 / -1;
    margin: 0;
}

.page-actions[b-wwx1isqbj2] {
    display: flex;
    justify-content: flex-end;
}

.danger[b-wwx1isqbj2] {
    border-color: #b44435;
    color: #9d3524;
}

@media (max-width: 850px) {
    .reason-row[b-wwx1isqbj2] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 560px) {
    .reason-row[b-wwx1isqbj2],
    .add-reason[b-wwx1isqbj2] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/TrefposSupplierImport.razor.rz.scp.css */
.supplier-import-page[b-ui541p7fsh] {
    max-width: 1180px;
}

.import-step[b-ui541p7fsh] {
    margin-bottom: 1.25rem;
}

.import-grid[b-ui541p7fsh] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 1rem;
    margin: 1rem 0;
}

.profile-row[b-ui541p7fsh] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) auto auto auto;
    gap: .65rem;
    align-items: center;
    margin-top: 1rem;
}

.profile-row select[b-ui541p7fsh] {
    min-height: 2.65rem;
}

.action-row[b-ui541p7fsh] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}

.import-grid label[b-ui541p7fsh] {
    display: grid;
    gap: .4rem;
    font-weight: 650;
}

.import-grid input[b-ui541p7fsh],
.import-grid select[b-ui541p7fsh] {
    min-height: 2.65rem;
}

.wide-field[b-ui541p7fsh] {
    grid-column: 1 / -1;
}

.check-field[b-ui541p7fsh] {
    display: flex !important;
    align-items: center;
    gap: .65rem !important;
}

.check-field input[b-ui541p7fsh] {
    min-height: auto;
}

.import-table-wrap[b-ui541p7fsh] {
    overflow-x: auto;
    margin-top: 1rem;
}

.import-table[b-ui541p7fsh] {
    width: 100%;
    border-collapse: collapse;
    min-width: 850px;
}

.import-table th[b-ui541p7fsh],
.import-table td[b-ui541p7fsh] {
    border-bottom: 1px solid var(--border-color, #d9e0e3);
    padding: .7rem;
    text-align: left;
    vertical-align: top;
}

.import-note[b-ui541p7fsh] {
    color: #52636b;
}

@media (max-width: 760px) {
    .profile-row[b-ui541p7fsh] {
        grid-template-columns: 1fr 1fr;
    }

    .profile-row select[b-ui541p7fsh] {
        grid-column: 1 / -1;
    }
}
/* /Pages/TrefposWooCommerceSettings.razor.rz.scp.css */
.woocommerce-settings[b-9s7n14febf] {
    display: grid;
    gap: 1.5rem;
}

.woocommerce-grid[b-9s7n14febf] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.woocommerce-grid label[b-9s7n14febf] {
    display: grid;
    gap: 0.4rem;
    font-weight: 700;
}

.woocommerce-grid small[b-9s7n14febf],
.field-note[b-9s7n14febf] {
    color: var(--text-muted);
    font-size: 0.8rem;
    font-weight: 500;
}

.field-note[b-9s7n14febf] {
    margin: -0.4rem 0 0;
}

.wide-field[b-9s7n14febf] {
    grid-column: 1 / -1;
}

.woocommerce-actions[b-9s7n14febf] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.safety-note[b-9s7n14febf] {
    margin: -0.5rem 0 0;
    color: var(--text-muted);
    font-size: 0.85rem;
}

@media (max-width: 760px) {
    .woocommerce-grid[b-9s7n14febf] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/TrefTicket.razor.rz.scp.css */
.ticket-admin-page[b-myhia95yv3] {
    max-width: 1500px;
    margin: 0 auto;
    padding: 2rem clamp(1rem, 3vw, 3rem) 4rem;
    color: #18364d;
}

.ticket-admin-heading[b-myhia95yv3],
.ticket-section > header[b-myhia95yv3],
.form-actions[b-myhia95yv3],
.image-layout[b-myhia95yv3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.25rem;
}

.ticket-admin-heading[b-myhia95yv3] { margin-bottom: 1.5rem; }
.heading-actions[b-myhia95yv3] { display: flex; gap: .7rem; align-items: center; }
.ticket-admin-heading h1[b-myhia95yv3],
.ticket-section h2[b-myhia95yv3] { margin: .2rem 0 .45rem; }
.ticket-admin-heading p[b-myhia95yv3] { max-width: 760px; margin-bottom: 0; color: #607486; }
.eyebrow[b-myhia95yv3],
.section-step[b-myhia95yv3] { margin: 0; font-size: .75rem; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; color: #147c80; }

.ticket-admin-layout[b-myhia95yv3] {
    display: grid;
    grid-template-columns: minmax(250px, 320px) minmax(0, 1fr);
    gap: 1.5rem;
}

.ticket-production-list[b-myhia95yv3] { display: grid; align-content: start; gap: .65rem; }
.production-card[b-myhia95yv3],
.data-row[b-myhia95yv3] {
    width: 100%;
    border: 1px solid #d8e2e8;
    background: #fff;
    color: inherit;
    text-align: left;
    border-radius: 12px;
    padding: 1rem;
}
.production-card[b-myhia95yv3] { display: grid; gap: .28rem; }
.production-card:hover[b-myhia95yv3],
.production-card.active[b-myhia95yv3] { border-color: #147c80; box-shadow: 0 0 0 2px rgb(20 124 128 / 10%); }
.production-card span[b-myhia95yv3],
.production-card small[b-myhia95yv3],
.data-row small[b-myhia95yv3] { color: #687985; }

.ticket-editor[b-myhia95yv3] { min-width: 0; display: grid; gap: 1rem; }
.ticket-section[b-myhia95yv3],
.ticket-empty-editor[b-myhia95yv3],
.ticket-error[b-myhia95yv3],
.ticket-confirmation[b-myhia95yv3] {
    border: 1px solid #dfe7eb;
    border-radius: 16px;
    background: #fff;
    padding: clamp(1rem, 2.5vw, 1.5rem);
}
.ticket-empty-editor[b-myhia95yv3] { min-height: 220px; display: grid; place-content: center; text-align: center; }
.ticket-section > header[b-myhia95yv3] { margin-bottom: 1.25rem; }
.field-grid[b-myhia95yv3] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-bottom: 1rem; }
label[b-myhia95yv3] { display: grid; gap: .4rem; font-weight: 650; }
label span[b-myhia95yv3] { font-size: .82rem; }
input[b-myhia95yv3],
select[b-myhia95yv3],
textarea[b-myhia95yv3] {
    width: 100%;
    min-height: 44px;
    border: 1px solid #bdcbd3;
    border-radius: 9px;
    padding: .65rem .75rem;
    background: #fff;
    color: #18364d;
}
textarea[b-myhia95yv3] { resize: vertical; }
.field-wide[b-myhia95yv3] { grid-column: 1 / -1; }
button[b-myhia95yv3] { cursor: pointer; }
button:disabled[b-myhia95yv3] { cursor: not-allowed; opacity: .58; }
.primary[b-myhia95yv3],
.secondary[b-myhia95yv3] {
    border-radius: 9px;
    padding: .7rem 1rem;
    font-weight: 700;
}
.primary[b-myhia95yv3] { border: 1px solid #133f64; background: #133f64; color: #fff; }
.secondary[b-myhia95yv3] { border: 1px solid #aebfc9; background: #fff; color: #133f64; }
.preview-link[b-myhia95yv3] { display: inline-flex; align-items: center; text-decoration: none; }
.form-actions[b-myhia95yv3] { justify-content: flex-start; margin-top: 1rem; }
.status-chip[b-myhia95yv3] { white-space: nowrap; border-radius: 999px; padding: .35rem .7rem; background: #edf2f5; color: #526979; font-size: .78rem; font-weight: 700; }
.status-chip.ready[b-myhia95yv3] { background: #e4f5ef; color: #176347; }
.image-layout[b-myhia95yv3] { justify-content: flex-start; }
.image-layout img[b-myhia95yv3] { width: min(320px, 42%); aspect-ratio: 16 / 9; object-fit: cover; border-radius: 12px; background: #edf2f5; }
.image-layout > div[b-myhia95yv3] { display: grid; gap: .85rem; max-width: 520px; }
.image-layout p[b-myhia95yv3] { margin: 0; color: #607486; }
.data-list[b-myhia95yv3] { display: grid; gap: .55rem; }
.data-row[b-myhia95yv3] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.data-row span:first-child[b-myhia95yv3] { display: grid; gap: .18rem; }
.subform[b-myhia95yv3] { margin-top: 1rem; border-top: 1px solid #e3eaee; padding-top: 1.25rem; }
.subform h3[b-myhia95yv3] { margin-top: 0; }
.empty-state[b-myhia95yv3] { color: #687985; }
.ticket-error[b-myhia95yv3] { border-color: #e8b7b7; background: #fff4f4; color: #8a2929; }
.ticket-confirmation[b-myhia95yv3] { border-color: #b8ddce; background: #eff9f5; color: #176347; }
.readiness-section[b-myhia95yv3] { border-color: #cbd9df; }
.readiness-section li + li[b-myhia95yv3] { margin-top: .4rem; }

@media (max-width: 900px) {
    .ticket-admin-layout[b-myhia95yv3] { grid-template-columns: 1fr; }
    .ticket-production-list[b-myhia95yv3] { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
}

@media (max-width: 640px) {
    .ticket-admin-heading[b-myhia95yv3],
    .ticket-section > header[b-myhia95yv3],
    .image-layout[b-myhia95yv3] { flex-direction: column; }
    .heading-actions[b-myhia95yv3] { width: 100%; flex-wrap: wrap; }
    .field-grid[b-myhia95yv3] { grid-template-columns: 1fr; }
    .image-layout img[b-myhia95yv3] { width: 100%; }
    .data-row[b-myhia95yv3] { align-items: flex-start; }
}
/* /Pages/TrefTicketApplication.razor.rz.scp.css */
.application-page[b-2qgfdfo5ko] {
    width: min(1120px, calc(100% - 32px));
    margin: 0 auto;
    padding: 44px 0 72px;
    color: #17324b;
}

.application-hero[b-2qgfdfo5ko] {
    max-width: 760px;
    margin-bottom: 28px;
}

.eyebrow[b-2qgfdfo5ko] {
    margin: 0 0 6px;
    color: #d77332;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.application-hero h1[b-2qgfdfo5ko] {
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.4rem);
    line-height: 1.05;
}

.application-hero p:last-child[b-2qgfdfo5ko] {
    margin: 14px 0 0;
    color: #5f7181;
    font-size: 1.05rem;
}

.shared-computer-warning[b-2qgfdfo5ko],
.application-error[b-2qgfdfo5ko],
.final-notice[b-2qgfdfo5ko] {
    border-radius: 14px;
    padding: 14px 18px;
}

.shared-computer-warning[b-2qgfdfo5ko] {
    margin-bottom: 22px;
    background: #fff5df;
    border: 1px solid #edcf93;
    color: #6c4b16;
}

.stepper[b-2qgfdfo5ko] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 8px;
    margin: 0 0 22px;
    padding: 0;
    list-style: none;
}

.stepper li[b-2qgfdfo5ko] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 7px;
    color: #718393;
}

.stepper span[b-2qgfdfo5ko] {
    display: grid;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    place-items: center;
    border: 1px solid #c7d1d9;
    border-radius: 50%;
    background: white;
    font-weight: 800;
}

.stepper em[b-2qgfdfo5ko] {
    overflow: hidden;
    font-size: .78rem;
    font-style: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stepper li.active[b-2qgfdfo5ko],
.stepper li.done[b-2qgfdfo5ko] {
    color: #143f63;
}

.stepper li.active span[b-2qgfdfo5ko] {
    border-color: #143f63;
    background: #143f63;
    color: white;
}

.stepper li.done span[b-2qgfdfo5ko] {
    border-color: #78a78f;
    background: #e9f5ef;
}

.application-card[b-2qgfdfo5ko] {
    min-height: 430px;
    padding: clamp(22px, 4vw, 42px);
    border: 1px solid #dce3e8;
    border-radius: 22px;
    background: white;
    box-shadow: 0 18px 50px rgba(30, 55, 75, .08);
}

.application-card h2[b-2qgfdfo5ko] {
    margin: 0 0 8px;
    font-size: 1.75rem;
}

.application-card h3[b-2qgfdfo5ko] {
    margin: 28px 0 8px;
    font-size: 1.05rem;
}

.application-card > p[b-2qgfdfo5ko],
.section-heading p[b-2qgfdfo5ko] {
    margin: 0 0 24px;
    color: #687987;
}

.field-grid[b-2qgfdfo5ko] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 22px;
}

label[b-2qgfdfo5ko] {
    display: grid;
    gap: 7px;
    color: #2a4358;
    font-size: .91rem;
    font-weight: 700;
}

label small[b-2qgfdfo5ko],
h3 small[b-2qgfdfo5ko] {
    color: #7a8995;
    font-weight: 500;
}

input[b-2qgfdfo5ko],
textarea[b-2qgfdfo5ko],
select[b-2qgfdfo5ko] {
    width: 100%;
    border: 1px solid #bfcbd4;
    border-radius: 10px;
    padding: 11px 12px;
    background: #fbfcfd;
    color: #182d3d;
    font: inherit;
    font-weight: 400;
}

input:focus[b-2qgfdfo5ko],
textarea:focus[b-2qgfdfo5ko],
select:focus[b-2qgfdfo5ko] {
    border-color: #226b94;
    outline: 3px solid rgba(34, 107, 148, .14);
}

.checkbox-label[b-2qgfdfo5ko] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.checkbox-label input[b-2qgfdfo5ko] {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
}

.wide[b-2qgfdfo5ko] {
    grid-column: 1 / -1;
}

.section-heading[b-2qgfdfo5ko],
.repeat-heading[b-2qgfdfo5ko],
.application-actions[b-2qgfdfo5ko] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.repeat-card[b-2qgfdfo5ko] {
    margin-top: 18px;
    padding: 20px;
    border: 1px solid #d9e2e8;
    border-radius: 15px;
    background: #f8fafb;
}

.repeat-heading h3[b-2qgfdfo5ko] {
    margin: 0 0 15px;
}

button[b-2qgfdfo5ko] {
    border: 0;
    border-radius: 10px;
    padding: 11px 18px;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

button.primary[b-2qgfdfo5ko] {
    background: #143f63;
    color: white;
}

button.secondary[b-2qgfdfo5ko] {
    border: 1px solid #b9c7d1;
    background: white;
    color: #29475e;
}

button.text-button[b-2qgfdfo5ko] {
    padding-inline: 7px;
    background: transparent;
    color: #466176;
}

button.danger[b-2qgfdfo5ko] {
    color: #a03937;
}

button:disabled[b-2qgfdfo5ko] {
    cursor: wait;
    opacity: .65;
}

.sales-start[b-2qgfdfo5ko] {
    max-width: 420px;
    margin: 20px 0 26px;
}

.upload-grid[b-2qgfdfo5ko] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.upload-card[b-2qgfdfo5ko] {
    min-height: 180px;
    align-content: center;
    padding: 22px;
    border: 1px dashed #9bb0bf;
    border-radius: 16px;
    background: #f7fafb;
}

.upload-card span[b-2qgfdfo5ko] {
    color: #6e7f8c;
    font-size: .85rem;
    font-weight: 400;
}

.upload-card em[b-2qgfdfo5ko] {
    color: #22704c;
    font-size: .85rem;
}

.settlement-fields[b-2qgfdfo5ko] {
    margin-top: 24px;
}

.override-section[b-2qgfdfo5ko] {
    margin-top: 30px;
    border-top: 1px solid #dce4e9;
    padding-top: 22px;
}

.override-section > p[b-2qgfdfo5ko] {
    color: #6e7f8c;
}

.override-performance[b-2qgfdfo5ko] {
    margin-top: 14px;
    border: 1px solid #dce4e9;
    border-radius: 13px;
    padding: 16px;
}

.override-row[b-2qgfdfo5ko] {
    display: grid;
    grid-template-columns: minmax(160px, 1fr) minmax(130px, 1fr) minmax(130px, 1fr);
    gap: 14px;
    align-items: end;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #e7ecef;
}

.review-list[b-2qgfdfo5ko] {
    margin: 26px 0;
}

.review-list div[b-2qgfdfo5ko] {
    display: grid;
    grid-template-columns: minmax(130px, 200px) 1fr;
    gap: 20px;
    padding: 14px 0;
    border-bottom: 1px solid #e2e8ec;
}

.review-list dt[b-2qgfdfo5ko] {
    font-weight: 800;
}

.review-list dd[b-2qgfdfo5ko] {
    margin: 0;
}

.final-notice[b-2qgfdfo5ko] {
    background: #eef5f9;
    color: #34556c;
}

.application-actions[b-2qgfdfo5ko] {
    margin-top: 18px;
}

.application-actions > div[b-2qgfdfo5ko] {
    display: flex;
    gap: 10px;
}

.draft-expiry[b-2qgfdfo5ko] {
    margin-top: 12px;
    color: #7c8b96;
    font-size: .8rem;
    text-align: right;
}

.application-error[b-2qgfdfo5ko] {
    margin-bottom: 18px;
    border: 1px solid #e8b5b0;
    background: #fff0ef;
    color: #8d2d29;
}

.application-success[b-2qgfdfo5ko] {
    margin: 60px auto;
    max-width: 650px;
    padding: 48px;
    border: 1px solid #bad9c7;
    border-radius: 22px;
    background: #f0faf4;
    text-align: center;
}

.success-mark[b-2qgfdfo5ko] {
    display: grid;
    width: 58px;
    height: 58px;
    margin: 0 auto 18px;
    place-items: center;
    border-radius: 50%;
    background: #2b7953;
    color: white;
    font-size: 1.8rem;
}

@media (max-width: 840px) {
    .stepper em[b-2qgfdfo5ko] {
        display: none;
    }

    .stepper li[b-2qgfdfo5ko] {
        justify-content: center;
    }

    .field-grid[b-2qgfdfo5ko],
    .upload-grid[b-2qgfdfo5ko],
    .override-row[b-2qgfdfo5ko] {
        grid-template-columns: 1fr;
    }

    .wide[b-2qgfdfo5ko] {
        grid-column: auto;
    }
}

@media (max-width: 560px) {
    .application-page[b-2qgfdfo5ko] {
        width: min(100% - 20px, 1120px);
        padding-top: 26px;
    }

    .application-card[b-2qgfdfo5ko] {
        min-height: 0;
        padding: 20px 16px;
        border-radius: 16px;
    }

    .section-heading[b-2qgfdfo5ko],
    .application-actions[b-2qgfdfo5ko] {
        align-items: stretch;
        flex-direction: column;
    }

    .application-actions > div[b-2qgfdfo5ko],
    .application-actions button[b-2qgfdfo5ko] {
        width: 100%;
    }

    .review-list div[b-2qgfdfo5ko] {
        grid-template-columns: 1fr;
        gap: 4px;
    }
}
/* /Pages/TrefTicketApplications.razor.rz.scp.css */
.applications-admin[b-x1l4nimub0] {
    padding: 28px;
    color: #17324b;
}

.admin-heading[b-x1l4nimub0] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
}

.eyebrow[b-x1l4nimub0] {
    margin: 0 0 4px;
    color: #d77332;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.admin-heading h1[b-x1l4nimub0] {
    margin: 0;
    font-size: 2rem;
}

.admin-heading p:last-child[b-x1l4nimub0] {
    margin: 8px 0 0;
    color: #667887;
}

.secondary-link[b-x1l4nimub0] {
    border: 1px solid #bdc9d1;
    border-radius: 10px;
    padding: 10px 15px;
    background: white;
    color: #27465d;
    font-weight: 700;
    text-decoration: none;
}

.applications-layout[b-x1l4nimub0] {
    display: grid;
    grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);
    gap: 22px;
    align-items: start;
}

.application-list[b-x1l4nimub0],
.application-detail[b-x1l4nimub0] {
    border: 1px solid #dce4e9;
    border-radius: 16px;
    background: white;
    box-shadow: 0 12px 35px rgba(30, 55, 75, .06);
}

.application-list[b-x1l4nimub0] {
    overflow: hidden;
}

.application-list-item[b-x1l4nimub0] {
    display: grid;
    width: 100%;
    gap: 5px;
    border: 0;
    border-bottom: 1px solid #e2e8ec;
    padding: 17px;
    background: white;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.application-list-item:hover[b-x1l4nimub0],
.application-list-item.active[b-x1l4nimub0] {
    background: #f0f6f9;
}

.application-list-item.active[b-x1l4nimub0] {
    box-shadow: inset 4px 0 #1d648e;
}

.application-list-item strong[b-x1l4nimub0] {
    margin-top: 4px;
    font-size: 1rem;
}

.application-list-item em[b-x1l4nimub0] {
    color: #4f6678;
    font-style: normal;
}

.application-list-item small[b-x1l4nimub0] {
    color: #83919b;
}

.status[b-x1l4nimub0] {
    width: max-content;
    border-radius: 999px;
    padding: 4px 9px;
    background: #e8eef2;
    color: #466174;
    font-size: .72rem;
    font-weight: 800;
}

.status.new[b-x1l4nimub0] { background: #fff0d3; color: #7e5918; }
.status.inreview[b-x1l4nimub0] { background: #e1eff8; color: #225f84; }
.status.waitingforinformation[b-x1l4nimub0] { background: #f1e8fa; color: #69428b; }
.status.approved[b-x1l4nimub0],
.status.inpreparation[b-x1l4nimub0],
.status.published[b-x1l4nimub0] { background: #e3f3e9; color: #286a46; }
.status.rejected[b-x1l4nimub0],
.status.withdrawn[b-x1l4nimub0] { background: #f5e7e6; color: #8b3b38; }

.application-detail[b-x1l4nimub0] {
    min-height: 520px;
    padding: clamp(20px, 3vw, 34px);
}

.detail-empty[b-x1l4nimub0] {
    display: grid;
    min-height: 440px;
    place-content: center;
    gap: 8px;
    color: #728491;
    text-align: center;
}

.detail-heading h2[b-x1l4nimub0] {
    margin: 9px 0 4px;
    font-size: 1.75rem;
}

.detail-heading p[b-x1l4nimub0] {
    margin: 0;
    color: #748592;
}

.status-panel[b-x1l4nimub0] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin: 26px 0;
    padding: 18px;
    border-radius: 13px;
    background: #f2f6f8;
}

.convert-panel[b-x1l4nimub0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    margin: 20px 0;
    border: 1px solid #b7d9c5;
    border-radius: 13px;
    padding: 18px;
    background: #eff9f3;
}

.convert-panel h3[b-x1l4nimub0],
.convert-panel p[b-x1l4nimub0] {
    margin: 0;
}

.convert-panel p[b-x1l4nimub0] {
    margin-top: 5px;
    color: #4f705e;
    font-size: .88rem;
}

.converted-message[b-x1l4nimub0] {
    border-radius: 10px;
    padding: 12px 14px;
    background: #eef5f9;
    color: #34556c;
}

.status-panel > div[b-x1l4nimub0] {
    display: grid;
    flex: 1;
    grid-template-columns: minmax(180px, 260px) minmax(240px, 1fr);
    gap: 15px;
}

label[b-x1l4nimub0] {
    display: grid;
    gap: 6px;
    font-size: .85rem;
    font-weight: 700;
}

label small[b-x1l4nimub0] {
    color: #768793;
    font-weight: 400;
}

select[b-x1l4nimub0],
textarea[b-x1l4nimub0] {
    width: 100%;
    border: 1px solid #bdc9d1;
    border-radius: 9px;
    padding: 9px 10px;
    background: white;
    color: #17324b;
    font: inherit;
    font-weight: 400;
}

button[b-x1l4nimub0] {
    border: 0;
    border-radius: 9px;
    padding: 11px 16px;
    background: #143f63;
    color: white;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

button:disabled[b-x1l4nimub0] {
    cursor: default;
    opacity: .55;
}

.detail-section[b-x1l4nimub0] {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e1e8ec;
}

.detail-section h3[b-x1l4nimub0] {
    margin: 0 0 13px;
    font-size: 1.05rem;
}

.submitted-images[b-x1l4nimub0] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(160px, 1fr);
    gap: 15px;
    margin: 15px 0 20px;
}

.submitted-images figure[b-x1l4nimub0] {
    margin: 0;
}

.submitted-images img[b-x1l4nimub0] {
    display: block;
    width: 100%;
    max-height: 360px;
    border-radius: 11px;
    object-fit: contain;
    background: #edf1f3;
}

.submitted-images figcaption[b-x1l4nimub0] {
    margin-top: 6px;
    color: #71828e;
    font-size: .78rem;
}

dl[b-x1l4nimub0] {
    margin: 0;
}

dl > div[b-x1l4nimub0] {
    display: grid;
    grid-template-columns: minmax(140px, 210px) minmax(0, 1fr);
    gap: 16px;
    padding: 9px 0;
}

dt[b-x1l4nimub0] {
    color: #6f808d;
    font-size: .84rem;
    font-weight: 600;
}

dd[b-x1l4nimub0] {
    margin: 0;
}

.multiline[b-x1l4nimub0] {
    white-space: pre-line;
}

.data-table[b-x1l4nimub0] {
    display: grid;
    gap: 8px;
}

.data-table > div[b-x1l4nimub0] {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1.5fr;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 10px;
    background: #f6f8fa;
    font-size: .88rem;
}

.sensitive[b-x1l4nimub0] {
    border: 1px solid #e6d7ae;
    border-radius: 12px;
    padding: 17px;
    background: #fffbf0;
}

.sensitive p[b-x1l4nimub0] {
    margin: 12px 0 0;
    color: #765c25;
    font-size: .82rem;
}

.history[b-x1l4nimub0] {
    margin: 0;
    padding-left: 22px;
}

.history li[b-x1l4nimub0] {
    padding: 7px 0 12px 5px;
}

.history span[b-x1l4nimub0] {
    margin-left: 8px;
    color: #788894;
    font-size: .82rem;
}

.history p[b-x1l4nimub0] {
    margin: 5px 0 0;
    color: #4f6575;
}

.admin-error[b-x1l4nimub0],
.action-message[b-x1l4nimub0] {
    margin: 16px 0;
    border-radius: 10px;
    padding: 12px 14px;
}

.admin-error[b-x1l4nimub0] {
    border: 1px solid #e7b3ae;
    background: #fff0ef;
    color: #8c302d;
}

.action-message[b-x1l4nimub0] {
    border: 1px solid #b8d9c5;
    background: #eff9f3;
    color: #286847;
}

.empty[b-x1l4nimub0] {
    padding: 20px;
    color: #748592;
}

@media (max-width: 980px) {
    .applications-layout[b-x1l4nimub0] {
        grid-template-columns: 1fr;
    }

    .application-list[b-x1l4nimub0] {
        max-height: 310px;
        overflow: auto;
    }
}

@media (max-width: 680px) {
    .applications-admin[b-x1l4nimub0] {
        padding: 16px;
    }

    .admin-heading[b-x1l4nimub0],
    .status-panel[b-x1l4nimub0],
    .convert-panel[b-x1l4nimub0] {
        align-items: stretch;
        flex-direction: column;
    }

    .status-panel > div[b-x1l4nimub0],
    dl > div[b-x1l4nimub0],
    .data-table > div[b-x1l4nimub0],
    .submitted-images[b-x1l4nimub0] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/TrefTicketCheckout.razor.rz.scp.css */
.checkout-page[b-7biaa2aq5o] { width: min(1050px, calc(100% - 2rem)); margin: 0 auto; padding: 2rem 0 5rem; color: #18364d; }
.checkout-heading[b-7biaa2aq5o] { display: flex; justify-content: space-between; align-items: center; gap: 2rem; margin-bottom: 1.5rem; }
.checkout-heading h1[b-7biaa2aq5o] { margin: .25rem 0 .55rem; font-size: clamp(2rem, 4vw, 3.2rem); line-height: 1.05; }
.checkout-heading p[b-7biaa2aq5o] { margin: 0; color: #607486; }
.eyebrow[b-7biaa2aq5o] { color: #687985 !important; font-size: .75rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.countdown[b-7biaa2aq5o] { flex: 0 0 auto; display: grid; min-width: 145px; border: 1px solid #b9cdd6; border-radius: 14px; padding: .8rem 1rem; background: #fff; text-align: center; box-shadow: 0 12px 32px rgba(24,54,77,.08); }
.countdown span[b-7biaa2aq5o] { color: #607486; font-size: .76rem; font-weight: 750; }
.countdown strong[b-7biaa2aq5o] { color: #133f64; font-size: 2rem; font-variant-numeric: tabular-nums; }
.countdown.urgent[b-7biaa2aq5o] { border-color: #d49c46; background: #fff8e9; }
.countdown.urgent strong[b-7biaa2aq5o] { color: #8a4f00; }
.checkout-layout[b-7biaa2aq5o] { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 1.25rem; align-items: start; }
.checkout-main[b-7biaa2aq5o] { display: grid; gap: 1.25rem; }
.checkout-card[b-7biaa2aq5o],
.checkout-state[b-7biaa2aq5o] { box-sizing: border-box; border: 1px solid #d5e0e5; border-radius: 16px; padding: clamp(1.25rem, 3vw, 2rem); background: #fff; }
.checkout-card h2[b-7biaa2aq5o] { margin-top: 0; }
.section-heading[b-7biaa2aq5o] { display: flex; justify-content: space-between; align-items: start; gap: 1rem; }
.section-heading h2[b-7biaa2aq5o] { margin-bottom: .3rem; }
.saved-state[b-7biaa2aq5o] { border-radius: 999px; padding: .35rem .65rem; background: #e8f5ed; color: #24623c; font-size: .78rem; font-weight: 800; }
.checkout-line[b-7biaa2aq5o] { display: flex; justify-content: space-between; gap: 1rem; border-top: 1px solid #dce5e9; padding: 1rem 0; }
.checkout-line div[b-7biaa2aq5o] { display: grid; gap: .2rem; }
.checkout-line div span[b-7biaa2aq5o] { color: #526979; text-transform: capitalize; }
.checkout-line small[b-7biaa2aq5o] { color: #687985; }
.totals-card[b-7biaa2aq5o] { position: sticky; top: 1rem; box-shadow: 0 16px 42px rgba(24,54,77,.08); }
.totals-card dl[b-7biaa2aq5o] { display: grid; gap: .6rem; margin: 1rem 0 1.4rem; }
.totals-card dl div[b-7biaa2aq5o] { display: flex; justify-content: space-between; gap: 1rem; }
.totals-card dt[b-7biaa2aq5o],
.totals-card dd[b-7biaa2aq5o] { margin: 0; }
.grand-total[b-7biaa2aq5o] { border-top: 1px solid #cbd8de; padding-top: .8rem; font-size: 1.18rem; font-weight: 850; }
.totals-card button[b-7biaa2aq5o] { width: 100%; min-height: 48px; border: 0; border-radius: 10px; background: #133f64; color: #fff; font-weight: 850; opacity: .5; }
.totals-card button:not(:disabled)[b-7biaa2aq5o] { cursor: pointer; opacity: 1; }
.next-step[b-7biaa2aq5o] { border-radius: 9px; padding: .8rem; background: #fff4d8; color: #725300; font-size: .82rem; line-height: 1.4; }
.contact-card > p[b-7biaa2aq5o] { margin-top: 0; color: #526979; }
.field-grid[b-7biaa2aq5o] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 1.25rem; }
.field-grid label[b-7biaa2aq5o] { display: grid; gap: .35rem; color: #29475c; font-weight: 750; }
.field-grid label > small[b-7biaa2aq5o],
.field-grid label span small[b-7biaa2aq5o] { color: #687985; font-weight: 500; }
.field-grid input[b-7biaa2aq5o] { box-sizing: border-box; width: 100%; min-height: 46px; border: 1px solid #b9cbd4; border-radius: 9px; padding: .7rem .8rem; color: #18364d; font: inherit; }
.field-grid input:focus[b-7biaa2aq5o] { outline: 3px solid rgba(19,63,100,.18); border-color: #133f64; }
.field-wide[b-7biaa2aq5o] { grid-column: 1 / -1; }
.consent-choice[b-7biaa2aq5o] { display: grid; grid-template-columns: auto 1fr; gap: .7rem; margin: 1.25rem 0; border-radius: 10px; padding: 1rem; background: #f2f6f8; color: #29475c; line-height: 1.45; }
.consent-choice input[b-7biaa2aq5o] { width: 1.15rem; height: 1.15rem; margin-top: .12rem; accent-color: #133f64; }
.primary-action[b-7biaa2aq5o] { min-height: 48px; border: 0; border-radius: 10px; padding: .75rem 1.1rem; background: #133f64; color: #fff; font-weight: 850; }
.primary-action:disabled[b-7biaa2aq5o] { opacity: .55; }
.form-error[b-7biaa2aq5o] { border-radius: 9px; padding: .8rem; background: #fff1f1; color: #8a3030; }
.discount-form[b-7biaa2aq5o] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .75rem; align-items: end; }
.discount-form label[b-7biaa2aq5o] { display: grid; gap: .35rem; color: #29475c; font-weight: 750; }
.discount-form input[b-7biaa2aq5o] { min-height: 46px; border: 1px solid #b9cbd4; border-radius: 9px; padding: .7rem .8rem; color: #18364d; font: inherit; text-transform: uppercase; }
.applied-codes[b-7biaa2aq5o] { display: grid; gap: .55rem; margin: 0 0 1rem; }
.applied-codes > div[b-7biaa2aq5o] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; border-radius: 9px; padding: .75rem .85rem; background: #edf6f0; color: #24623c; }
.applied-codes button[b-7biaa2aq5o] { border: 0; background: transparent; color: #133f64; font-weight: 800; text-decoration: underline; }
.discount-total[b-7biaa2aq5o] { color: #24623c; }
.text-action[b-7biaa2aq5o] { border: 0; padding: .35rem 0; background: transparent; color: #133f64; font: inherit; font-weight: 800; text-decoration: underline; cursor: pointer; }
.buyer-summary[b-7biaa2aq5o] { display: grid; gap: .65rem; margin: 1.25rem 0; }
.buyer-summary div[b-7biaa2aq5o] { display: grid; grid-template-columns: minmax(90px, .35fr) 1fr; gap: 1rem; }
.buyer-summary dt[b-7biaa2aq5o] { color: #687985; font-weight: 750; }
.buyer-summary dd[b-7biaa2aq5o] { margin: 0; overflow-wrap: anywhere; }
.terms-choice a[b-7biaa2aq5o],
.policy-link a[b-7biaa2aq5o] { color: #133f64; font-weight: 800; }
.policy-link[b-7biaa2aq5o] { color: #526979; }
.checkout-state[b-7biaa2aq5o] { width: min(680px, 100%); margin: 4rem auto; text-align: center; }
.checkout-error[b-7biaa2aq5o] { border-color: #e2b9b9; background: #fff7f7; color: #7a2b2b; }
.checkout-state a[b-7biaa2aq5o] { color: #133f64; font-weight: 800; }

@media (max-width: 760px) {
    .checkout-page[b-7biaa2aq5o] { width: min(100% - 1rem, 1050px); padding-top: 1rem; }
    .checkout-heading[b-7biaa2aq5o] { align-items: stretch; flex-direction: column; gap: 1rem; }
    .countdown[b-7biaa2aq5o] { align-self: flex-start; }
    .checkout-layout[b-7biaa2aq5o] { grid-template-columns: 1fr; }
    .totals-card[b-7biaa2aq5o] { position: static; }
    .field-grid[b-7biaa2aq5o] { grid-template-columns: 1fr; }
    .field-wide[b-7biaa2aq5o] { grid-column: auto; }
    .discount-form[b-7biaa2aq5o] { grid-template-columns: 1fr; }
}
/* /Pages/TrefTicketOrders.razor.rz.scp.css */
.order-support-page[b-ra4purgisv] { max-width: 1500px; margin: 0 auto; padding: 2rem clamp(1rem, 3vw, 3rem) 4rem; color: #18364d; }
.order-support-heading[b-ra4purgisv] { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; margin-bottom: 1.5rem; }
.order-support-heading h1[b-ra4purgisv] { margin: .2rem 0 .45rem; }
.order-support-heading p[b-ra4purgisv] { margin: 0; color: #607486; }
.eyebrow[b-ra4purgisv] { margin: 0; font-size: .75rem; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; color: #147c80; }
.search-panel[b-ra4purgisv], .order-detail[b-ra4purgisv] { border: 1px solid #dfe7eb; border-radius: 16px; background: #fff; padding: clamp(1rem, 2.5vw, 1.5rem); }
.search-panel h2[b-ra4purgisv] { margin-top: 0; }
.search-row[b-ra4purgisv] { display: grid; grid-template-columns: minmax(260px, 720px) auto; gap: .8rem; align-items: end; }
label[b-ra4purgisv] { display: grid; gap: .4rem; font-weight: 650; }
label span[b-ra4purgisv] { font-size: .82rem; }
input[b-ra4purgisv], textarea[b-ra4purgisv] { width: 100%; min-height: 44px; border: 1px solid #bdcbd3; border-radius: 9px; padding: .65rem .75rem; color: #18364d; }
button[b-ra4purgisv] { min-height: 44px; border: 1px solid #133f64; border-radius: 9px; padding: .65rem 1rem; background: #133f64; color: #fff; font-weight: 700; cursor: pointer; }
button:disabled[b-ra4purgisv] { opacity: .58; cursor: not-allowed; }
.privacy-note[b-ra4purgisv], .muted[b-ra4purgisv], .empty-detail[b-ra4purgisv] { color: #687985; }
.status-message[b-ra4purgisv] { color: #176347; }
.error-message[b-ra4purgisv] { color: #8a2929; }
.order-layout[b-ra4purgisv] { display: grid; grid-template-columns: minmax(280px, 380px) minmax(0, 1fr); gap: 1.25rem; margin-top: 1.25rem; align-items: start; }
.result-list[b-ra4purgisv] { display: grid; gap: .65rem; }
.result-card[b-ra4purgisv] { display: grid; gap: .28rem; width: 100%; text-align: left; background: #fff; color: #18364d; border-color: #d8e2e8; }
.result-card:hover[b-ra4purgisv], .result-card.active[b-ra4purgisv] { border-color: #147c80; box-shadow: 0 0 0 2px rgb(20 124 128 / 10%); }
.result-card small[b-ra4purgisv] { color: #687985; }
.order-detail > header[b-ra4purgisv] { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; border-bottom: 1px solid #e3eaee; padding-bottom: 1rem; }
.order-detail h2[b-ra4purgisv] { margin: .15rem 0; }
.order-detail header p[b-ra4purgisv] { margin: 0; }
.status-chip[b-ra4purgisv] { white-space: nowrap; border-radius: 999px; padding: .35rem .7rem; background: #edf2f5; color: #526979; font-size: .78rem; font-weight: 700; }
.summary-grid[b-ra4purgisv] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; margin: 1.25rem 0; }
.summary-grid div[b-ra4purgisv] { border: 1px solid #e3eaee; border-radius: 10px; padding: .75rem; min-width: 0; }
.summary-grid dt[b-ra4purgisv] { font-size: .75rem; font-weight: 700; color: #687985; }
.summary-grid dd[b-ra4purgisv] { margin: .25rem 0 0; overflow-wrap: anywhere; }
.ticket-list[b-ra4purgisv] { display: grid; gap: .55rem; }
.ticket-list article[b-ra4purgisv] { display: grid; gap: .25rem; border: 1px solid #e3eaee; border-radius: 10px; padding: .8rem; }
.ticket-list span[b-ra4purgisv], .ticket-list small[b-ra4purgisv] { color: #607486; }
.ticket-selection[b-ra4purgisv] { display: flex; align-items: center; gap: .45rem; margin-bottom: .25rem; font-size: .82rem; color: #133f64; }
.ticket-selection input[b-ra4purgisv], .target-card input[b-ra4purgisv], .started-confirmation input[b-ra4purgisv] { width: 18px; min-height: 18px; margin: 0; padding: 0; }
.rebooking-panel[b-ra4purgisv] { display: grid; gap: .8rem; margin: 1.25rem 0; border: 1px solid #cfe0e3; border-radius: 12px; background: #f7fafb; padding: 1rem; }
.rebooking-panel h3[b-ra4purgisv], .rebooking-panel p[b-ra4purgisv] { margin: 0; }
.rebooking-panel > button[b-ra4purgisv] { justify-self: start; }
.target-list[b-ra4purgisv] { display: grid; gap: .55rem; }
.target-card[b-ra4purgisv] { display: flex; align-items: flex-start; gap: .65rem; border: 1px solid #d8e2e8; border-radius: 10px; background: #fff; padding: .75rem; cursor: pointer; }
.target-card span[b-ra4purgisv] { display: grid; gap: .2rem; }
.target-card small[b-ra4purgisv] { color: #687985; }
.target-card:has(input:disabled)[b-ra4purgisv] { cursor: default; background: #f3f5f6; }
.settlement-note[b-ra4purgisv] { font-weight: 700; color: #8a5a17 !important; }
.payment-link-panel[b-ra4purgisv] { display: grid; gap: .65rem; padding: 1rem; border: 1px solid #8bb9ad; border-radius: .75rem; background: #f3faf8; }
.payment-link-panel p[b-ra4purgisv] { margin: 0; }
.payment-link-panel input[b-ra4purgisv] { width: 100%; }
.reason-field[b-ra4purgisv] { display: grid; gap: .4rem; }
.reason-field textarea[b-ra4purgisv] { resize: vertical; background: #fff; }
.started-confirmation[b-ra4purgisv] { display: flex; align-items: flex-start; gap: .6rem; border-left: 4px solid #b06b16; background: #fff4df; padding: .75rem; }
.discount-list[b-ra4purgisv] { display: grid; gap: .5rem; }
.discount-list span[b-ra4purgisv] { border-radius: 9px; background: #f2f6f7; padding: .65rem .8rem; }
@media (max-width: 900px) { .order-layout[b-ra4purgisv] { grid-template-columns: 1fr; } .summary-grid[b-ra4purgisv] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .order-support-heading[b-ra4purgisv] { flex-direction: column; } .search-row[b-ra4purgisv] { grid-template-columns: 1fr; } .summary-grid[b-ra4purgisv] { grid-template-columns: 1fr; } }
/* /Pages/TrefTicketPayment.razor.rz.scp.css */
.payment-page[b-2cibie4ud9] {
    box-sizing: border-box;
    width: min(900px, calc(100% - 2rem));
    margin: 0 auto;
    padding: clamp(2rem, 7vw, 5rem) 0;
    color: #18364d;
}

.payment-card[b-2cibie4ud9] {
    border: 1px solid #d5e0e5;
    border-radius: 20px;
    padding: clamp(1.4rem, 4vw, 2.6rem);
    background: #fff;
    box-shadow: 0 18px 48px rgba(24, 54, 77, .1);
}

.centered[b-2cibie4ud9] {
    max-width: 620px;
    margin: 0 auto;
    text-align: center;
}

.centered h1[b-2cibie4ud9],
.success-heading h1[b-2cibie4ud9] {
    margin: .35rem 0 .6rem;
    font-size: clamp(1.9rem, 5vw, 3rem);
    line-height: 1.08;
}

.centered p[b-2cibie4ud9],
.success-heading p[b-2cibie4ud9] {
    margin: 0;
    color: #5c7180;
}

.eyebrow[b-2cibie4ud9] {
    color: #687985 !important;
    font-size: .75rem;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.status-mark[b-2cibie4ud9] {
    display: inline-grid;
    width: 3.2rem;
    height: 3.2rem;
    place-items: center;
    border-radius: 50%;
    font-size: 1.6rem;
    font-weight: 900;
}

.status-mark.waiting[b-2cibie4ud9] {
    margin-bottom: 1rem;
    background: #e9f0f4;
    color: #133f64;
    letter-spacing: .12em;
}

.status-mark.success[b-2cibie4ud9] {
    flex: 0 0 auto;
    background: #dff2e6;
    color: #24623c;
}

.success-heading[b-2cibie4ud9] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.ticket-downloads[b-2cibie4ud9] {
    display: grid;
    gap: .8rem;
    margin: 2rem 0;
}

.ticket-download[b-2cibie4ud9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border: 1px solid #d7e1e6;
    border-radius: 13px;
    padding: 1rem;
    background: #f9fbfc;
}

.ticket-download > div[b-2cibie4ud9] {
    display: grid;
    gap: .2rem;
}

.ticket-download strong[b-2cibie4ud9] {
    text-transform: capitalize;
}

.ticket-download span[b-2cibie4ud9],
.ticket-download small[b-2cibie4ud9] {
    color: #607486;
}

.ticket-download a[b-2cibie4ud9],
.error-card button[b-2cibie4ud9] {
    flex: 0 0 auto;
    border: 0;
    border-radius: 10px;
    padding: .8rem 1rem;
    background: #133f64;
    color: #fff;
    font: inherit;
    font-weight: 850;
    text-decoration: none;
}

.temporary-note[b-2cibie4ud9] {
    display: grid;
    gap: .3rem;
    border-left: 4px solid #d49c46;
    border-radius: 10px;
    padding: 1rem;
    background: #fff8e9;
    color: #6e4d13;
}

.error-card[b-2cibie4ud9] {
    border-color: #e2b9b9;
    background: #fffafa;
}

.error-card button[b-2cibie4ud9] {
    margin-top: 1.2rem;
}

@media (max-width: 640px) {
    .payment-page[b-2cibie4ud9] {
        width: min(100% - 1rem, 900px);
        padding-top: 1rem;
    }

    .success-heading[b-2cibie4ud9],
    .ticket-download[b-2cibie4ud9] {
        align-items: stretch;
        flex-direction: column;
    }

    .ticket-download a[b-2cibie4ud9] {
        text-align: center;
    }
}
/* /Pages/TrefTicketPreview.razor.rz.scp.css */
.preview-page[b-et9388aijz] {
    box-sizing: border-box;
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 2rem 0 5rem;
    color: #18364d;
}

.preview-heading[b-et9388aijz],
.preview-controls[b-et9388aijz],
.sales-hero[b-et9388aijz],
.performance-card[b-et9388aijz],
.category-row[b-et9388aijz],
.sales-footer[b-et9388aijz],
.mail-meta[b-et9388aijz],
.attachment[b-et9388aijz],
.ticket-top[b-et9388aijz],
.ticket-details[b-et9388aijz],
.ticket-footer[b-et9388aijz] {
    display: flex;
    align-items: center;
}

.preview-heading[b-et9388aijz] { justify-content: space-between; gap: 2rem; margin-bottom: 1.5rem; }
.preview-heading > div[b-et9388aijz] { min-width: 0; }
.preview-heading h1[b-et9388aijz] { margin: .2rem 0 .45rem; font-size: clamp(2rem, 4vw, 3rem); }
.preview-heading p[b-et9388aijz] { max-width: 720px; margin: 0; color: #607486; }
.eyebrow[b-et9388aijz] { text-transform: uppercase; letter-spacing: .12em; font-weight: 800; font-size: .75rem; color: #687985; }
.back-link[b-et9388aijz] { border: 0; padding: 0; background: transparent; color: #133f64; font-weight: 700; cursor: pointer; }
.draft-chip[b-et9388aijz] { max-width: 230px; border-radius: 999px; padding: .5rem .85rem; background: #fff3d6; color: #805b00; font-weight: 800; text-align: center; }
.preview-error[b-et9388aijz],
.preview-warning[b-et9388aijz] { border: 1px solid #e8b7b7; border-radius: 12px; padding: 1rem; background: #fff4f4; color: #8a2929; }

.preview-controls[b-et9388aijz] {
    justify-content: space-between;
    gap: 1rem;
    position: sticky;
    top: .75rem;
    z-index: 5;
    margin-bottom: 1.25rem;
    border: 1px solid #d4e0e5;
    border-radius: 14px;
    padding: .7rem;
    background: rgba(255,255,255,.96);
    box-shadow: 0 12px 30px rgba(19,63,100,.08);
}
.preview-tabs[b-et9388aijz] { display: flex; gap: .35rem; }
.preview-tabs button[b-et9388aijz],
.print-button[b-et9388aijz] {
    min-width: 0;
    min-height: 42px;
    border: 1px solid transparent;
    border-radius: 9px;
    padding: .6rem .9rem;
    background: transparent;
    color: #526979;
    font-weight: 750;
    cursor: pointer;
}
.preview-tabs button.active[b-et9388aijz] { border-color: #133f64; background: #133f64; color: #fff; }
.preview-controls label[b-et9388aijz] { display: flex; align-items: center; gap: .6rem; font-size: .8rem; font-weight: 700; }
.preview-controls select[b-et9388aijz] { min-height: 42px; border: 1px solid #bdcbd3; border-radius: 8px; padding: .4rem .6rem; background: #fff; }
.print-button[b-et9388aijz] { border-color: #aebfc9; color: #133f64; background: #fff; }

.sales-browser[b-et9388aijz],
.mail-client[b-et9388aijz] {
    overflow: hidden;
    border: 1px solid #cbd9df;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(24,54,77,.12);
}
.browser-bar[b-et9388aijz] { display: flex; align-items: center; gap: .4rem; padding: .7rem 1rem; background: #edf2f5; }
.browser-bar > span[b-et9388aijz] { width: 10px; height: 10px; border-radius: 50%; background: #aebfc9; }
.browser-bar > div[b-et9388aijz] { width: min(520px, 65%); margin: 0 auto; border-radius: 7px; padding: .35rem .7rem; background: #fff; color: #687985; text-align: center; font-size: .75rem; }
.sales-hero[b-et9388aijz] { align-items: stretch; min-height: 310px; background: #133f64; color: #fff; }
.sales-hero > *[b-et9388aijz] { box-sizing: border-box; min-width: 0; }
.sales-hero > img[b-et9388aijz],
.sales-hero > .image-placeholder[b-et9388aijz] { width: 52%; object-fit: cover; }
.sales-hero > div:last-child[b-et9388aijz] { display: grid; align-content: center; width: 48%; padding: clamp(2rem, 5vw, 4.5rem); }
.sales-hero h2[b-et9388aijz] { overflow-wrap: anywhere; margin: .35rem 0 .8rem; font-size: clamp(2rem, 4vw, 3.5rem); line-height: 1; }
.organizer-label[b-et9388aijz] { margin: 0; color: #b8d7e7; font-weight: 700; }
.intro-copy[b-et9388aijz] { color: #e1edf3; }
.image-placeholder[b-et9388aijz] { display: grid; place-items: center; min-height: 190px; background: #dfe8ed; color: #607486; text-align: center; }
.sales-content[b-et9388aijz] { width: min(840px, calc(100% - 2rem)); margin: 0 auto; padding: clamp(1.5rem, 4vw, 3rem) 0; }
.performance-card[b-et9388aijz] { align-items: stretch; gap: 1.25rem; border-bottom: 1px solid #dce5e9; padding-bottom: 1.5rem; }
.performance-date[b-et9388aijz] { display: grid; place-content: center; width: 84px; border-radius: 12px; background: #eef5f7; text-align: center; }
.performance-date strong[b-et9388aijz] { font-size: 2rem; }
.performance-date span[b-et9388aijz] { text-transform: uppercase; font-weight: 800; color: #607486; }
.performance-main h3[b-et9388aijz],
.performance-main p[b-et9388aijz] { margin: 0 0 .25rem; }
.performance-day[b-et9388aijz] { text-transform: capitalize; color: #607486; }
.availability[b-et9388aijz] { display: inline-block; margin-top: .4rem; color: #176347; font-size: .82rem; font-weight: 800; }
.category-list[b-et9388aijz] { display: grid; gap: .8rem; padding: 1.5rem 0; }
.category-row[b-et9388aijz] { justify-content: space-between; gap: 1rem; border: 1px solid #dce5e9; border-radius: 12px; padding: 1rem 1.2rem; }
.category-row h3[b-et9388aijz],
.category-row p[b-et9388aijz] { margin: 0 0 .25rem; }
.category-row strong[b-et9388aijz] { display: block; font-size: 1.25rem; color: #133f64; }
.category-row small[b-et9388aijz] { display: block; margin-top: .2rem; color: #687985; }
.quantity-preview[b-et9388aijz] { display: grid; grid-template-columns: 38px 34px 38px; align-items: center; text-align: center; }
.quantity-preview button[b-et9388aijz] { height: 38px; border: 1px solid #bdcbd3; background: #fff; color: #133f64; font-size: 1.2rem; }
.sales-footer[b-et9388aijz] { justify-content: space-between; gap: 1rem; border-top: 1px solid #dce5e9; padding-top: 1.5rem; }
.sales-footer p[b-et9388aijz] { margin: 0; color: #607486; }
.sales-footer button[b-et9388aijz] { border: 0; border-radius: 9px; padding: .8rem 1.2rem; background: #133f64; color: #fff; font-weight: 800; }
.missing-data[b-et9388aijz] { border: 1px dashed #d5a938; border-radius: 10px; padding: .8rem; background: #fff9e9; color: #725300; }

.mail-client[b-et9388aijz] { width: min(760px, 100%); margin: 0 auto; }
.mail-meta[b-et9388aijz] { gap: .8rem; border-bottom: 1px solid #dce5e9; padding: 1rem 1.25rem; }
.sender-avatar[b-et9388aijz] { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: #133f64; color: #fff; font-weight: 900; }
.mail-meta > div:nth-child(2)[b-et9388aijz] { display: grid; }
.mail-meta span[b-et9388aijz] { color: #687985; font-size: .8rem; }
.mail-meta time[b-et9388aijz] { margin-left: auto; color: #687985; font-size: .8rem; }
.mail-subject[b-et9388aijz] { padding: 1.2rem 1.5rem; background: #f4f7f8; font-size: 1.15rem; font-weight: 800; }
.mail-body[b-et9388aijz] { padding: clamp(1.5rem, 5vw, 3rem); line-height: 1.65; }
.mail-image[b-et9388aijz] { width: 100%; max-height: 300px; border-radius: 12px; object-fit: cover; }
.mail-order[b-et9388aijz] { margin: 1.5rem 0; border-left: 4px solid #133f64; padding: .25rem 0 .25rem 1.2rem; }
.mail-order h2[b-et9388aijz],
.mail-order p[b-et9388aijz] { margin: 0 0 .25rem; }
.attachment[b-et9388aijz] { gap: .8rem; margin: 1.5rem 0; border: 1px solid #dce5e9; border-radius: 10px; padding: .8rem; }
.attachment > div:last-child[b-et9388aijz] { display: grid; }
.attachment small[b-et9388aijz] { color: #687985; }
.pdf-icon[b-et9388aijz] { border-radius: 6px; padding: .45rem; background: #a73535; color: #fff; font-size: .68rem; font-weight: 900; }
.mail-signature[b-et9388aijz] { color: #133f64; font-weight: 800; }

.ticket-print-area[b-et9388aijz] { display: grid; place-items: center; }
.a4-ticket[b-et9388aijz] { position: relative; width: min(794px, 100%); min-height: 1123px; overflow: hidden; border: 1px solid #bdcbd3; background: #fff; box-shadow: 0 24px 70px rgba(24,54,77,.13); }
.sample-watermark[b-et9388aijz] { position: absolute; z-index: 2; top: 48%; left: 8%; transform: rotate(-24deg); color: rgba(167,53,53,.11); font-size: clamp(2.5rem, 8vw, 5rem); font-weight: 950; white-space: nowrap; pointer-events: none; }
.ticket-top[b-et9388aijz] { justify-content: space-between; gap: 1rem; min-height: 150px; padding: 2rem 3rem; background: #133f64; color: #fff; }
.ticket-top p[b-et9388aijz] { margin: 0 0 .25rem; color: #c7deea; }
.ticket-top h2[b-et9388aijz] { margin: 0; font-size: 2.2rem; }
.ticket-top > span[b-et9388aijz] { font-size: 1.4rem; font-weight: 900; }
.ticket-image[b-et9388aijz] { width: 100%; height: 300px; object-fit: cover; }
.ticket-details[b-et9388aijz] { align-items: flex-start; justify-content: space-between; gap: 2rem; padding: 2.5rem 3rem; }
.ticket-event-data h3[b-et9388aijz],
.ticket-event-data p[b-et9388aijz] { margin: 0 0 .4rem; }
.ticket-label[b-et9388aijz] { margin-top: 1.2rem !important; color: #687985; text-transform: uppercase; letter-spacing: .08em; font-size: .7rem; font-weight: 850; }
.ticket-time[b-et9388aijz] { font-size: 1.3rem; color: #133f64; font-weight: 800; }
.ticket-qr[b-et9388aijz] { display: grid; justify-items: center; width: 220px; text-align: center; }
.ticket-qr img[b-et9388aijz] { width: 210px; height: 210px; }
.ticket-qr strong[b-et9388aijz] { margin-top: .5rem; letter-spacing: .08em; }
.ticket-qr span[b-et9388aijz] { color: #607486; }
.ticket-note[b-et9388aijz] { margin: 0 3rem 2rem; border-radius: 10px; padding: 1rem 1.2rem; background: #edf4f6; }
.ticket-note p[b-et9388aijz] { margin: .25rem 0 0; }
.ticket-footer[b-et9388aijz] { justify-content: space-between; gap: 1rem; border-top: 1px solid #dce5e9; padding: 1.2rem 3rem; color: #607486; font-size: .78rem; }
.ticket-footer strong[b-et9388aijz] { color: #a73535; }

@media (max-width: 720px) {
    .preview-page[b-et9388aijz] { width: 100%; padding-top: 1rem; }
    .preview-heading[b-et9388aijz],
    .preview-controls[b-et9388aijz],
    .sales-hero[b-et9388aijz],
    .sales-footer[b-et9388aijz],
    .ticket-details[b-et9388aijz] { align-items: stretch; flex-direction: column; }
    .preview-controls[b-et9388aijz] { position: static; }
    .preview-tabs[b-et9388aijz] { display: grid; grid-template-columns: repeat(3, 1fr); width: 100%; }
    .preview-tabs button[b-et9388aijz] { padding: .55rem .35rem; font-size: .76rem; }
    .preview-tabs button[b-et9388aijz] { overflow-wrap: anywhere; }
    .preview-controls label[b-et9388aijz] { display: grid; width: 100%; }
    .sales-hero > img[b-et9388aijz],
    .sales-hero > .image-placeholder[b-et9388aijz],
    .sales-hero > div:last-child[b-et9388aijz] { width: 100%; }
    .sales-hero > img[b-et9388aijz] { max-height: 260px; }
    .sales-hero > div:last-child[b-et9388aijz] { padding: 2rem 1.25rem; }
    .performance-date[b-et9388aijz] { width: 70px; }
    .category-row[b-et9388aijz] { align-items: flex-end; }
    .a4-ticket[b-et9388aijz] { min-height: 0; }
    .ticket-top[b-et9388aijz],
    .ticket-details[b-et9388aijz] { padding: 1.5rem; }
    .ticket-top h2[b-et9388aijz] { font-size: 1.6rem; }
    .ticket-image[b-et9388aijz] { height: 220px; }
    .ticket-qr[b-et9388aijz] { width: 100%; }
    .ticket-note[b-et9388aijz] { margin: 0 1.5rem 1.5rem; }
    .ticket-footer[b-et9388aijz] { align-items: flex-start; flex-direction: column; padding: 1rem 1.5rem; }
}

@media print {
    .no-print[b-et9388aijz],
    .sales-browser[b-et9388aijz],
    .mail-client[b-et9388aijz],
    .preview-warning[b-et9388aijz],
    .preview-error[b-et9388aijz] { display: none !important; }
    .preview-page[b-et9388aijz] { width: 100%; margin: 0; padding: 0; }
    .ticket-print-area[b-et9388aijz] { display: block; }
    .a4-ticket[b-et9388aijz] { width: 210mm; min-height: 297mm; border: 0; box-shadow: none; break-after: page; }
}
/* /Pages/TrefTicketSales.razor.rz.scp.css */
.sales-page[b-3raa7jv99w] { width: min(1180px, calc(100% - 2rem)); margin: 0 auto; padding-bottom: 4rem; color: #18364d; }
.sales-hero[b-3raa7jv99w] { overflow: hidden; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); min-height: 350px; border-radius: 22px; background: #133f64; color: #fff; box-shadow: 0 24px 65px rgba(19,63,100,.15); }
.sales-hero img[b-3raa7jv99w] { width: 100%; height: 100%; min-height: 350px; object-fit: cover; }
.hero-copy[b-3raa7jv99w] { display: grid; align-content: center; padding: clamp(2rem, 5vw, 4.5rem); }
.hero-copy h1[b-3raa7jv99w] { overflow-wrap: anywhere; margin: .35rem 0 1rem; font-size: clamp(2.2rem, 5vw, 4.2rem); line-height: .98; }
.hero-copy > p:last-child[b-3raa7jv99w] { max-width: 52ch; margin: 0; color: #dfedf3; font-size: 1.02rem; line-height: 1.65; white-space: pre-line; }
.eyebrow[b-3raa7jv99w] { margin: 0; color: #a9d3e5; font-size: .76rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.sales-layout[b-3raa7jv99w] { display: grid; grid-template-columns: minmax(0, 1fr) 350px; gap: 1.5rem; align-items: start; margin: 2rem 0; }
.offer-panel[b-3raa7jv99w],
.basket-panel[b-3raa7jv99w],
.extra-information[b-3raa7jv99w],
.sales-state[b-3raa7jv99w] { box-sizing: border-box; border: 1px solid #d5e0e5; border-radius: 18px; background: #fff; padding: clamp(1.25rem, 3vw, 2rem); }
.basket-panel[b-3raa7jv99w] { position: sticky; top: 1rem; box-shadow: 0 16px 42px rgba(24,54,77,.08); }
.basket-panel h2[b-3raa7jv99w] { margin: .25rem 0 1.25rem; }
.step-heading[b-3raa7jv99w] { display: flex; align-items: center; gap: .9rem; margin-bottom: 1rem; }
.step-heading > span[b-3raa7jv99w] { display: grid; place-items: center; flex: 0 0 38px; height: 38px; border-radius: 50%; background: #133f64; color: #fff; font-weight: 850; }
.step-heading p[b-3raa7jv99w],
.step-heading h2[b-3raa7jv99w] { margin: 0; }
.step-heading p[b-3raa7jv99w] { color: #687985; font-size: .8rem; font-weight: 750; }
.step-heading h2[b-3raa7jv99w] { font-size: 1.35rem; }
.ticket-step[b-3raa7jv99w] { margin-top: 2rem; }
.performance-grid[b-3raa7jv99w] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.performance-option[b-3raa7jv99w] { display: grid; gap: .2rem; min-width: 0; border: 1px solid #c9d7de; border-radius: 12px; padding: 1rem; background: #fff; color: #18364d; text-align: left; cursor: pointer; }
.performance-option:hover[b-3raa7jv99w] { border-color: #63869b; }
.performance-option.selected[b-3raa7jv99w] { border-color: #133f64; box-shadow: inset 0 0 0 2px #133f64; background: #f4f9fb; }
.performance-option strong[b-3raa7jv99w] { text-transform: capitalize; }
.performance-option small[b-3raa7jv99w] { overflow: hidden; color: #687985; text-overflow: ellipsis; white-space: nowrap; }
.performance-option em[b-3raa7jv99w] { margin-top: .45rem; color: #176347; font-size: .78rem; font-style: normal; font-weight: 800; }
.performance-option em.soldout[b-3raa7jv99w],
.performance-option em.closed[b-3raa7jv99w] { color: #8a3838; }
.performance-option em.notstarted[b-3raa7jv99w] { color: #805b00; }
.performance-details[b-3raa7jv99w] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-top: 1rem; border-radius: 10px; padding: .9rem 1rem; background: #eef5f7; }
.performance-details div[b-3raa7jv99w] { display: grid; gap: .2rem; }
.performance-details div span[b-3raa7jv99w] { color: #607486; font-size: .85rem; }
.performance-details > span[b-3raa7jv99w] { color: #176347; font-size: .82rem; font-weight: 800; text-align: right; }
.category-list[b-3raa7jv99w] { display: grid; gap: .8rem; }
.category-row[b-3raa7jv99w] { display: grid; grid-template-columns: minmax(0, 1fr) 170px 120px; gap: 1rem; align-items: center; border: 1px solid #d8e2e7; border-radius: 12px; padding: 1rem; }
.category-copy h3[b-3raa7jv99w],
.category-copy p[b-3raa7jv99w] { margin: 0 0 .2rem; }
.category-copy p[b-3raa7jv99w] { color: #607486; }
.category-copy span[b-3raa7jv99w] { color: #176347; font-size: .78rem; font-weight: 800; }
.category-price[b-3raa7jv99w] { text-align: right; }
.category-price strong[b-3raa7jv99w] { display: block; color: #133f64; font-size: 1.25rem; }
.category-price small[b-3raa7jv99w] { display: block; margin-top: .25rem; color: #687985; line-height: 1.25; }
.quantity-control[b-3raa7jv99w] { display: grid; grid-template-columns: 38px 36px 38px; align-items: center; justify-content: end; text-align: center; }
.quantity-control button[b-3raa7jv99w] { height: 38px; border: 1px solid #afc1ca; background: #fff; color: #133f64; font-size: 1.25rem; cursor: pointer; }
.quantity-control button:first-child[b-3raa7jv99w] { border-radius: 8px 0 0 8px; }
.quantity-control button:last-child[b-3raa7jv99w] { border-radius: 0 8px 8px 0; }
.quantity-control button:disabled[b-3raa7jv99w] { cursor: not-allowed; opacity: .38; }
.quantity-control output[b-3raa7jv99w] { line-height: 36px; border-top: 1px solid #afc1ca; border-bottom: 1px solid #afc1ca; font-weight: 800; }
.empty-basket[b-3raa7jv99w] { border-radius: 10px; padding: 1rem; background: #f1f5f6; color: #607486; line-height: 1.5; }
.basket-line[b-3raa7jv99w] { display: flex; justify-content: space-between; gap: 1rem; border-bottom: 1px solid #e0e7ea; padding: .8rem 0; }
.basket-line div[b-3raa7jv99w] { display: grid; gap: .2rem; }
.basket-line small[b-3raa7jv99w] { color: #687985; text-transform: capitalize; }
.totals[b-3raa7jv99w] { display: grid; gap: .55rem; margin: 1.25rem 0; }
.totals div[b-3raa7jv99w] { display: flex; justify-content: space-between; gap: 1rem; }
.totals dt[b-3raa7jv99w],
.totals dd[b-3raa7jv99w] { margin: 0; }
.grand-total[b-3raa7jv99w] { border-top: 1px solid #cbd8de; padding-top: .8rem; font-size: 1.18rem; font-weight: 850; }
.continue-button[b-3raa7jv99w] { width: 100%; min-height: 48px; border: 0; border-radius: 10px; background: #133f64; color: #fff; font-weight: 850; cursor: pointer; }
.continue-button:disabled[b-3raa7jv99w] { cursor: not-allowed; opacity: .45; }
.basket-note[b-3raa7jv99w] { display: block; margin-top: .8rem; color: #687985; line-height: 1.4; }
.development-note[b-3raa7jv99w] { border-radius: 9px; padding: .8rem; background: #fff4d8; color: #725300; font-size: .85rem; }
.extra-information[b-3raa7jv99w] { margin-bottom: 2rem; }
.extra-information h2[b-3raa7jv99w] { margin-top: 0; }
.extra-information p[b-3raa7jv99w] { margin-bottom: 0; line-height: 1.65; white-space: pre-line; }
.sales-state[b-3raa7jv99w] { width: min(720px, 100%); margin: 4rem auto; text-align: center; }
.sales-state h1[b-3raa7jv99w],
.sales-state h2[b-3raa7jv99w] { margin-top: 0; }
.sales-error[b-3raa7jv99w] { border-color: #e2b9b9; background: #fff7f7; color: #7a2b2b; }

@media (max-width: 900px) {
    .sales-layout[b-3raa7jv99w] { grid-template-columns: 1fr; }
    .basket-panel[b-3raa7jv99w] { position: static; }
}

@media (max-width: 700px) {
    .sales-page[b-3raa7jv99w] { width: min(100% - 1rem, 1180px); }
    .sales-hero[b-3raa7jv99w] { grid-template-columns: 1fr; min-height: 0; border-radius: 16px; }
    .sales-hero img[b-3raa7jv99w] { height: 220px; min-height: 0; }
    .hero-copy[b-3raa7jv99w] { padding: 1.5rem; }
    .performance-grid[b-3raa7jv99w] { grid-template-columns: 1fr; }
    .category-row[b-3raa7jv99w] { grid-template-columns: minmax(0, 1fr) auto; }
    .category-price[b-3raa7jv99w] { text-align: right; }
    .quantity-control[b-3raa7jv99w] { grid-column: 1 / -1; justify-content: start; }
    .performance-details[b-3raa7jv99w] { display: grid; }
    .performance-details > span[b-3raa7jv99w] { text-align: left; }
}
/* /Pages/TrefTicketScanner.razor.rz.scp.css */
.scanner-page[b-wymbt24dhy]{max-width:48rem;margin:0 auto;padding:1.25rem}.scanner-card[b-wymbt24dhy]{background:#fff;border:1px solid #d8e0e7;border-radius:1.25rem;box-shadow:0 1rem 2.5rem rgba(19,63,100,.1);padding:clamp(1.25rem,4vw,2rem)}.eyebrow[b-wymbt24dhy]{color:#687985;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .35rem}.scanner-card h1[b-wymbt24dhy]{color:#133f64;margin:.1rem 0 1rem}.sign-in-card[b-wymbt24dhy]{max-width:32rem;margin:8vh auto}.scanner-card label[b-wymbt24dhy]{display:block;font-weight:700;color:#263746;margin:.9rem 0 .35rem}.scanner-card input[b-wymbt24dhy],.scanner-card select[b-wymbt24dhy]{width:100%;min-height:3rem;border:1px solid #9aacba;border-radius:.65rem;padding:.65rem .8rem;font:inherit}.scanner-card button[b-wymbt24dhy]{min-height:3rem;border:0;border-radius:.65rem;padding:.7rem 1rem;background:#133f64;color:#fff;font-weight:700;font:inherit;cursor:pointer}.sign-in-card button[b-wymbt24dhy]{width:100%;margin-top:1rem}.scanner-workspace header[b-wymbt24dhy]{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.online-mark[b-wymbt24dhy]{background:#e5f6ec;color:#17643a;border-radius:999px;padding:.35rem .7rem;font-size:.8rem;font-weight:700}.camera-shell[b-wymbt24dhy]{position:relative;aspect-ratio:3/4;max-height:62vh;margin:1rem 0;border-radius:1rem;overflow:hidden;background:#10202d;display:grid;place-items:center}.camera-shell video[b-wymbt24dhy]{width:100%;height:100%;object-fit:cover}.scan-frame[b-wymbt24dhy]{position:absolute;width:65%;aspect-ratio:1;border:3px solid rgba(255,255,255,.88);border-radius:1rem;box-shadow:0 0 0 999px rgba(5,16,24,.25);pointer-events:none}.start-camera[b-wymbt24dhy]{position:absolute;z-index:2}.scan-result[b-wymbt24dhy]{display:flex;flex-direction:column;gap:.2rem;border-radius:.8rem;padding:1rem}.scan-result.success[b-wymbt24dhy]{background:#dff4e7;color:#155d35}.scan-result.warning[b-wymbt24dhy]{background:#fff1cf;color:#6f4d00}.scan-result.error[b-wymbt24dhy],.error-message[b-wymbt24dhy]{background:#fde5e5;color:#8b2020}.error-message[b-wymbt24dhy]{border-radius:.65rem;padding:.75rem}.camera-help[b-wymbt24dhy]{margin-top:.75rem;border:1px solid #efc36b;border-radius:.8rem;background:#fff8e8;color:#49370c;padding:1rem}.camera-help ol[b-wymbt24dhy]{margin:.65rem 0 1rem;padding-left:1.4rem}.camera-help li+li[b-wymbt24dhy]{margin-top:.35rem}.scan-result strong[b-wymbt24dhy]{font-size:1.2rem}@media(max-width:38rem){.scanner-page[b-wymbt24dhy]{padding:.6rem}.scanner-card[b-wymbt24dhy]{border-radius:.9rem;padding:1rem}.camera-shell[b-wymbt24dhy]{max-height:none}.scanner-workspace header h1[b-wymbt24dhy]{font-size:1.6rem}}
.scan-result .group-button[b-wymbt24dhy]{margin-top:.7rem;background:#133f64;color:#fff;width:100%}
.search-results .manual-check-in[b-wymbt24dhy]{margin-top:.45rem;width:100%;background:#133f64;color:#fff}
.manual-confirmation[b-wymbt24dhy]{margin-top:.65rem;padding:.8rem;border:2px solid #133f64;border-radius:.7rem;background:#f7fafc}.manual-confirmation h3[b-wymbt24dhy]{margin:0 0 .45rem;color:#133f64;font-size:1rem}.manual-confirmation p[b-wymbt24dhy]{margin:.35rem 0 .65rem}.manual-confirmation textarea[b-wymbt24dhy]{width:100%;border:1px solid #9aacba;border-radius:.65rem;padding:.65rem .8rem;font:inherit;resize:vertical}.manual-actions[b-wymbt24dhy]{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.75rem}.manual-actions .secondary[b-wymbt24dhy]{background:#e7edf2;color:#263746}@media(max-width:38rem){.manual-actions[b-wymbt24dhy]{grid-template-columns:1fr}}
.recent-check-ins[b-wymbt24dhy]{margin:1rem 0;padding:1rem;border:1px solid #d8e0e7;border-radius:.9rem;background:#f7fafc}.recent-check-ins header[b-wymbt24dhy]{align-items:center}.recent-check-ins h2[b-wymbt24dhy]{margin:0;color:#133f64;font-size:1.15rem}.recent-check-ins p[b-wymbt24dhy]{margin:.35rem 0 .75rem;color:#526575}.recent-check-ins .compact[b-wymbt24dhy]{min-height:2.3rem;padding:.35rem .7rem}.recent-list[b-wymbt24dhy]{list-style:none;padding:0;margin:.8rem 0 0;display:grid;gap:.6rem}.recent-list>li[b-wymbt24dhy]{display:flex;flex-direction:column;gap:.2rem;padding:.8rem;background:#fff;border:1px solid #d8e0e7;border-radius:.7rem}.recent-list .secondary[b-wymbt24dhy],.opened-check-in .secondary[b-wymbt24dhy]{margin-top:.45rem;background:#e7edf2;color:#263746}.opened-check-in[b-wymbt24dhy]{margin-top:.65rem;padding:.8rem;border:2px solid #133f64;border-radius:.7rem;background:#fff}.opened-check-in h3[b-wymbt24dhy]{margin:0;color:#133f64}.opened-check-in textarea[b-wymbt24dhy]{width:100%;border:1px solid #9aacba;border-radius:.65rem;padding:.65rem .8rem;font:inherit;resize:vertical}.opened-check-in .danger[b-wymbt24dhy]{width:100%;margin-top:.7rem;background:#9b2525}
.coordinator-search[b-wymbt24dhy]{margin:1rem 0;padding:1rem;border:1px solid #d8e0e7;border-radius:.9rem;background:#f7fafc}.coordinator-search h2[b-wymbt24dhy]{margin:0;color:#133f64;font-size:1.15rem}.coordinator-search p[b-wymbt24dhy]{margin:.35rem 0 .75rem;color:#526575}.search-row[b-wymbt24dhy]{display:grid;grid-template-columns:1fr auto;gap:.6rem;align-items:end}.search-row input[b-wymbt24dhy]{margin:0}.search-row button[b-wymbt24dhy]{min-width:6.5rem}.search-message[b-wymbt24dhy]{margin:.75rem 0 0!important}.search-results[b-wymbt24dhy]{list-style:none;padding:0;margin:.8rem 0 0;display:grid;gap:.6rem}.search-results li[b-wymbt24dhy]{display:flex;flex-direction:column;gap:.2rem;padding:.8rem;background:#fff;border:1px solid #d8e0e7;border-radius:.7rem;color:#334655}.search-results li strong[b-wymbt24dhy]{color:#133f64}.ticket-state[b-wymbt24dhy]{font-weight:700;color:#17643a}@media(max-width:38rem){.search-row[b-wymbt24dhy]{grid-template-columns:1fr}.search-row button[b-wymbt24dhy]{width:100%}}
.admission-overview[b-wymbt24dhy]{margin:1rem 0;padding:1rem;border:1px solid #c9d8e3;border-radius:.9rem;background:#eef5f9}.admission-overview header[b-wymbt24dhy]{align-items:center}.admission-overview h2[b-wymbt24dhy]{margin:0;color:#133f64;font-size:1.15rem}.admission-overview .compact[b-wymbt24dhy]{min-height:2.3rem;padding:.35rem .7rem}.own-check-in-count[b-wymbt24dhy]{margin:.8rem 0 0;color:#334655}.own-check-in-count strong[b-wymbt24dhy]{display:block;color:#133f64;font-size:2rem;line-height:1}.category-overview[b-wymbt24dhy]{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.6rem;margin-top:.8rem}.category-overview article[b-wymbt24dhy]{padding:.75rem;background:#fff;border:1px solid #d8e0e7;border-radius:.7rem}.category-overview h3[b-wymbt24dhy],.session-heading[b-wymbt24dhy]{margin:0;color:#133f64;font-size:1rem}.category-overview dl[b-wymbt24dhy]{margin:.55rem 0 0;display:grid;gap:.25rem}.category-overview dl div[b-wymbt24dhy]{display:flex;justify-content:space-between;gap:.75rem}.category-overview dt[b-wymbt24dhy]{color:#526575}.category-overview dd[b-wymbt24dhy]{margin:0;font-weight:700;color:#263746}.session-heading[b-wymbt24dhy]{margin-top:1rem}.scanner-session-list[b-wymbt24dhy]{list-style:none;padding:0;margin:.55rem 0 0;display:grid;gap:.45rem}.scanner-session-list li[b-wymbt24dhy]{display:grid;grid-template-columns:minmax(8rem,1fr) auto auto auto;gap:.6rem;padding:.65rem;background:#fff;border:1px solid #d8e0e7;border-radius:.65rem;color:#526575}.scanner-session-list strong[b-wymbt24dhy]{color:#133f64}@media(max-width:38rem){.scanner-session-list li[b-wymbt24dhy]{grid-template-columns:1fr 1fr}.scanner-session-list li strong[b-wymbt24dhy]{grid-column:1/-1}}
.rebook-button[b-wymbt24dhy]{margin-top:.45rem;background:#e7edf2!important;color:#263746!important}.rebooking-confirmation[b-wymbt24dhy]{margin-top:.65rem;padding:.85rem;border:2px solid #133f64;border-radius:.7rem;background:#fff}.rebooking-confirmation h3[b-wymbt24dhy]{margin:0 0 .45rem;color:#133f64}.rebooking-confirmation p[b-wymbt24dhy]{margin:.45rem 0;color:#334655}.rebooking-confirmation ul[b-wymbt24dhy]{margin:.55rem 0;padding-left:1.2rem}.rebooking-actions[b-wymbt24dhy]{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:.8rem}.rebooking-actions button:last-child[b-wymbt24dhy]{grid-column:1/-1}.rebooking-actions .secondary[b-wymbt24dhy]{background:#e7edf2;color:#263746}@media(max-width:38rem){.rebooking-actions[b-wymbt24dhy]{grid-template-columns:1fr}.rebooking-actions button:last-child[b-wymbt24dhy]{grid-column:auto}}
.scan-overlay[b-wymbt24dhy]{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:clamp(1.2rem,6vw,2.5rem);text-align:center}.scan-overlay strong[b-wymbt24dhy]{font-size:clamp(2rem,11vw,4.5rem);line-height:1}.scan-overlay>span[b-wymbt24dhy]{font-size:clamp(1rem,4.5vw,1.4rem);font-weight:700;max-width:30rem}.scan-overlay.success[b-wymbt24dhy]{background:rgba(20,111,61,.96);color:#fff}.scan-overlay.warning[b-wymbt24dhy]{background:rgba(218,150,19,.97);color:#241800}.scan-overlay.error[b-wymbt24dhy],.scan-overlay.blocked[b-wymbt24dhy]{background:rgba(151,21,28,.98);color:#fff}.scan-overlay button[b-wymbt24dhy]{width:min(100%,24rem);margin-top:1rem;background:#fff;color:#7f1118;border:2px solid rgba(255,255,255,.8)}.scan-overlay .group-button[b-wymbt24dhy]{background:#fff;color:#133f64}.continue-scanning[b-wymbt24dhy]{font-size:1.05rem}
/* /Pages/TrefTicketSettings.razor.rz.scp.css */
.trefticket-settings-page[b-rnan7rfgsc] {
    max-width: 74rem;
}

.settings-sections[b-rnan7rfgsc] {
    display: grid;
    gap: 1rem;
}

.settings-field-grid[b-rnan7rfgsc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.settings-field-grid label[b-rnan7rfgsc] {
    display: grid;
    gap: 0.4rem;
    font-weight: 700;
}

.settings-field-grid small[b-rnan7rfgsc] {
    color: var(--text-muted, #687985);
    font-weight: 400;
}

.settings-field-grid input[b-rnan7rfgsc],
.settings-field-grid select[b-rnan7rfgsc] {
    width: 100%;
}

.money-input[b-rnan7rfgsc],
.percentage-input[b-rnan7rfgsc] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.5rem;
}

.percentage-input[b-rnan7rfgsc] {
    grid-template-columns: minmax(0, 1fr) auto;
}

.settings-actions[b-rnan7rfgsc] {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
}

@media (max-width: 720px) {
    .settings-field-grid[b-rnan7rfgsc] {
        grid-template-columns: 1fr;
    }

    .settings-actions .primary[b-rnan7rfgsc] {
        width: 100%;
    }
}
/* /Pages/UserSettings.razor.rz.scp.css */
.invitation-card[b-qgpfydxmh1],
.accounts-card[b-qgpfydxmh1] {
    display: grid;
    gap: 1rem;
}

.invitation-card form[b-qgpfydxmh1] {
    display: grid;
    gap: 1rem;
}

.invitation-fields[b-qgpfydxmh1] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.invitation-fields label[b-qgpfydxmh1] {
    display: grid;
    font-size: 0.82rem;
    font-weight: 750;
    gap: 0.35rem;
}

.invitation-card button[b-qgpfydxmh1] {
    justify-self: start;
}

.accounts-card > header[b-qgpfydxmh1] {
    align-items: start;
    display: flex;
    justify-content: space-between;
}

.account-list[b-qgpfydxmh1] {
    display: grid;
}

.account-list article[b-qgpfydxmh1] {
    border-top: 1px solid #dde5dc;
    display: grid;
    gap: 0.65rem;
    padding: 0.8rem 0;
}

.account-list article:first-child[b-qgpfydxmh1] {
    border-top: 0;
}

.account-summary[b-qgpfydxmh1] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.account-summary span[b-qgpfydxmh1] {
    display: grid;
    gap: 0.15rem;
}

.account-list small[b-qgpfydxmh1] {
    color: #687064;
}

.account-list em[b-qgpfydxmh1] {
    background: #fff1ad;
    border-radius: 999px;
    color: #625100;
    font-size: 0.72rem;
    font-style: normal;
    font-weight: 800;
    padding: 0.25rem 0.55rem;
}

.account-list em.active[b-qgpfydxmh1] {
    background: #e7f5df;
    color: #2f641f;
}

.account-list em.blocked[b-qgpfydxmh1] {
    background: #ffe0d7;
    color: #8a2917;
}

.account-list em.inactive[b-qgpfydxmh1] {
    background: #ecefec;
    color: #50584f;
}

.inactive-account .account-summary[b-qgpfydxmh1] {
    opacity: 0.72;
}

.account-actions[b-qgpfydxmh1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.account-actions button[b-qgpfydxmh1] {
    background: #fff;
    border: 1px solid #becabd;
    border-radius: 0.45rem;
    color: #173f49;
    cursor: pointer;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 750;
    padding: 0.42rem 0.65rem;
}

.account-actions button:hover:not(:disabled)[b-qgpfydxmh1] {
    background: #f0f5ee;
}

.account-actions button.danger[b-qgpfydxmh1] {
    border-color: #e4b5aa;
    color: #a22f1d;
}

.account-actions button:disabled[b-qgpfydxmh1] {
    cursor: wait;
    opacity: 0.55;
}

.mfa-reset-form[b-qgpfydxmh1] {
    background: #fff8f5;
    border: 1px solid #e4b5aa;
    border-radius: 0.55rem;
    display: grid;
    gap: 0.75rem;
    padding: 0.85rem;
}

.mfa-reset-form p[b-qgpfydxmh1] {
    margin: 0;
}

.mfa-reset-form label[b-qgpfydxmh1] {
    display: grid;
    font-size: 0.82rem;
    font-weight: 750;
    gap: 0.35rem;
    max-width: 24rem;
}

.mfa-reset-form > div[b-qgpfydxmh1] {
    display: flex;
    gap: 0.45rem;
}

.mfa-reset-form button[b-qgpfydxmh1] {
    background: #fff;
    border: 1px solid #becabd;
    border-radius: 0.45rem;
    color: #173f49;
    cursor: pointer;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 750;
    padding: 0.42rem 0.65rem;
}

.mfa-reset-form button.danger[b-qgpfydxmh1] {
    border-color: #e4b5aa;
    color: #a22f1d;
}

@media (max-width: 700px) {
    .invitation-fields[b-qgpfydxmh1] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/VilgaardMunicipalMailboxSettings.razor.rz.scp.css */
.mailbox-settings[b-jvoxryu959] {
    display: grid;
    gap: 1.5rem;
}

.server-processing-status[b-jvoxryu959] {
    display: grid;
    gap: 0.25rem;
    padding: 0.85rem 1rem;
    border-left: 0.25rem solid var(--color-warning, #c48a00);
    border-radius: 0.35rem;
    background: #fff8df;
    color: var(--text-primary);
}

.server-processing-status span[b-jvoxryu959] {
    color: var(--text-muted);
}

.mailbox-grid[b-jvoxryu959] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.mailbox-grid label[b-jvoxryu959] {
    display: grid;
    gap: 0.4rem;
    font-weight: 700;
}

.mailbox-grid small[b-jvoxryu959] {
    color: var(--text-muted);
    font-size: 0.8rem;
    font-weight: 500;
}

.mailbox-password[b-jvoxryu959] {
    grid-column: 1 / -1;
}

.mailbox-actions[b-jvoxryu959] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

@media (max-width: 760px) {
    .mailbox-grid[b-jvoxryu959] {
        grid-template-columns: 1fr;
    }
}