/* /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;
}

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;
}

.primary[b-9eyq4inew9],
.secondary[b-9eyq4inew9] {
    border-radius: 0.65rem;
    cursor: pointer;
    font: inherit;
    font-weight: 800;
    min-height: 2.7rem;
    padding: 0.65rem 1rem;
}

.primary[b-9eyq4inew9] {
    background: var(--trefora-green);
    border: 1px solid var(--trefora-green);
    color: #10270d;
}

.secondary[b-9eyq4inew9] {
    background: #fff;
    border: 1px solid #cfd5ca;
    color: #30372d;
}

.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;
}
/* /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;
}

.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;
}

.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: 1rem;
        padding-right: 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;
    }
}
/* /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%;
}

.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;
    }
}
/* /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/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;
}

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] {
    background: #fff;
    border: 1px solid var(--trefora-border);
    border-radius: 0.65rem;
    color: var(--trefora-petrol);
    cursor: pointer;
    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 {
    border-radius: 0.65rem;
    color: var(--trefora-muted);
    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;
}

@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;
    }

    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] {
        align-items: stretch;
        flex-direction: column;
        gap: .3rem;
        text-align: 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;
    }

    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/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 {
    margin-top: 0.8rem;
}

.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 {
    border-bottom: 1px solid #e7eae3;
    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]  .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-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);
}

.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;
    }
}
/* /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;
}

.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;
}

.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: 10.6rem;
}

.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.35rem;
    padding: 0;
}

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

.calendar-weekdays span[b-2zvoifq1cp] {
    color: #7d8379;
    font-size: 0.55rem;
    font-weight: 750;
    padding: 0.2rem 0;
    text-align: center;
}

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

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

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

.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: var(--trefora-turquoise-dark);
    background: #effafa;
}

.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] {
    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] {
    font-size: 0.68rem !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: var(--trefora-turquoise-dark);
}

.agenda-card .booking-summary strong[b-2zvoifq1cp] {
    color: var(--trefora-petrol);
}

.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);
    }
}
.platform-home[b-2zvoifq1cp] {
    width: min(1120px, calc(100% - 2rem));
    margin: 0 auto;
    padding: 3rem 0 4rem;
}

.platform-home-loading[b-2zvoifq1cp] {
    min-height: 50vh;
    display: grid;
    place-items: center;
    color: #52707a;
}

.platform-home-heading[b-2zvoifq1cp] {
    padding: 2rem;
    border-radius: 24px;
    color: #fff;
    background: linear-gradient(135deg, #123e59, #1c6573);
    box-shadow: 0 18px 48px rgba(18, 62, 89, 0.18);
}

.platform-home-heading .eyebrow[b-2zvoifq1cp] {
    margin: 0 0 0.5rem;
    color: #bce9e6;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.platform-home-heading h1[b-2zvoifq1cp] {
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.5rem);
}

.platform-home-heading p:last-child[b-2zvoifq1cp] {
    margin: 0.75rem 0 0;
    font-size: 1.1rem;
}

.platform-home-section[b-2zvoifq1cp] {
    margin-top: 2rem;
}

.platform-home-section-heading h2[b-2zvoifq1cp],
.platform-home-section-heading p[b-2zvoifq1cp] {
    margin: 0;
}

.platform-home-section-heading p[b-2zvoifq1cp] {
    margin-top: 0.35rem;
    color: #61747b;
}

.platform-home-grid[b-2zvoifq1cp] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.platform-home-card[b-2zvoifq1cp] {
    padding: 1.5rem;
    border: 1px solid #d9e4e7;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(24, 68, 82, 0.08);
}

.platform-home-card h3[b-2zvoifq1cp] {
    margin: 0.35rem 0 0.65rem;
    font-size: 1.5rem;
}

.platform-home-card p[b-2zvoifq1cp] {
    margin: 0 0 1.25rem;
    color: #526970;
}

.module-label[b-2zvoifq1cp] {
    color: #20756f;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.primary-link[b-2zvoifq1cp] {
    display: inline-flex;
    padding: 0.75rem 1rem;
    border-radius: 10px;
    color: #fff;
    background: #176d73;
    font-weight: 700;
    text-decoration: none;
}

.primary-link:hover[b-2zvoifq1cp],
.primary-link:focus-visible[b-2zvoifq1cp] {
    background: #10565c;
}

.platform-home-links[b-2zvoifq1cp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1rem;
}

.platform-home-links a[b-2zvoifq1cp] {
    padding: 0.75rem 1rem;
    border: 1px solid #c9d9dd;
    border-radius: 10px;
    color: #174c60;
    background: #fff;
    font-weight: 650;
    text-decoration: none;
}

@media (max-width: 600px) {
    .platform-home[b-2zvoifq1cp] {
        width: min(100% - 1rem, 1120px);
        padding-top: 1rem;
    }

    .platform-home-heading[b-2zvoifq1cp] {
        padding: 1.4rem;
        border-radius: 18px;
    }
}
/* /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) 3.5rem 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;
}

.option[b-sb3p89ku63] {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.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 .option[b-sb3p89ku63] {
        align-self: stretch;
        justify-content: flex-start;
        padding-bottom: .65rem;
    }

    .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;
}

.primary-administrator-setting[b-749hax5jr8] {
    border-top: 1px solid #dfe4db;
    display: grid;
    gap: 0.8rem;
    padding-top: 1.2rem;
}

.primary-administrator-setting h2[b-749hax5jr8] {
    align-items: center;
    display: flex;
    gap: 0.45rem;
    margin: 0;
}

.primary-administrator-setting label[b-749hax5jr8] {
    display: grid;
    font-size: 0.82rem;
    font-weight: 750;
    gap: 0.35rem;
    max-width: 34rem;
}

.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; }
@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; }
/* /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/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/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-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;
}

.tenant-row > span:first-child[b-jinl0zihk6],
.contact-row > span:first-child[b-jinl0zihk6] {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.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;
}

.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/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/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/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/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;
}

.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;
    }
}