/* /Components/BarcodeSearch.razor.rz.scp.css */
.barcode-search[b-9eavurkawo] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    min-height: 4.25rem;
    border: 2px solid var(--energy-green);
    border-radius: 1rem;
    background: var(--energy-surface);
    box-shadow: 0 0.85rem 2.5rem rgb(9 34 63 / 9%);
}

.barcode-search__icon[b-9eavurkawo] {
    display: grid;
    place-items: center;
    width: 3.4rem;
    color: var(--energy-green-dark);
    font-size: 1.5rem;
    font-weight: 900;
}

.barcode-search input[b-9eavurkawo] {
    min-width: 0;
    height: 4rem;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--energy-navy);
    font-size: clamp(1rem, 2vw, 1.15rem);
}

.barcode-search input[b-9eavurkawo]::placeholder {
    color: #8592a5;
}

.barcode-search__camera[b-9eavurkawo],
.barcode-search__submit[b-9eavurkawo] {
    min-height: 2.75rem;
    margin-right: 0.55rem;
    padding: 0.5rem 0.75rem;
    border: 0;
    border-radius: 0.7rem;
    font-weight: 750;
}

.barcode-search__camera[b-9eavurkawo] {
    background: var(--energy-green-soft);
    color: var(--energy-green-dark);
}

.barcode-search__camera:hover[b-9eavurkawo] {
    background: #d4f4e2;
}

.barcode-search__submit[b-9eavurkawo] {
    background: var(--energy-navy);
    color: #fff;
}

.barcode-search__submit:disabled[b-9eavurkawo] {
    cursor: wait;
    opacity: 0.65;
}

.barcode-camera[b-9eavurkawo] {
    display: grid;
    grid-template-columns: minmax(12rem, 19rem) minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    margin-top: 0.8rem;
    padding: 0.8rem;
    border: 1px solid #bfe9d1;
    border-radius: 1rem;
    background: #f5fcf8;
}

.barcode-camera__preview[b-9eavurkawo] {
    position: relative;
    overflow: hidden;
    min-height: 8.5rem;
    border-radius: 0.7rem;
    background: #071b31;
}

.barcode-camera video[b-9eavurkawo] {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 8.5rem;
    object-fit: cover;
}

.barcode-camera__frame[b-9eavurkawo] {
    position: absolute;
    inset: 22% 10%;
    border: 2px solid #52e69b;
    border-radius: 0.45rem;
    box-shadow: 0 0 0 100vmax rgb(3 15 29 / 28%);
}

.barcode-camera__copy strong[b-9eavurkawo] {
    color: var(--energy-navy);
}

.barcode-camera__copy p[b-9eavurkawo] {
    max-width: 36rem;
    margin: 0.3rem 0 0;
    color: var(--energy-text-muted);
    font-size: 0.82rem;
}

@media (max-width: 640px) {
    .barcode-search[b-9eavurkawo] {
        grid-template-columns: minmax(0, 1fr) auto;
        min-height: 3.85rem;
    }

    .barcode-search__icon[b-9eavurkawo],
    .barcode-search__submit[b-9eavurkawo] {
        display: none;
    }

    .barcode-search input[b-9eavurkawo] {
        height: 3.7rem;
        padding-left: 0.85rem;
        font-size: 0.92rem;
    }

    .barcode-search__camera-label[b-9eavurkawo] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
    }

    .barcode-camera[b-9eavurkawo] {
        grid-template-columns: 1fr;
    }

    .barcode-camera .button[b-9eavurkawo] {
        width: 100%;
    }
}
/* /Components/BranchSelector.razor.rz.scp.css */
.branch-backdrop[b-wenltm3rux] {
    position: fixed;
    inset: 0;
    z-index: 100;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgb(7 20 40 / 66%);
    backdrop-filter: blur(8px);
}

.branch-dialog[b-wenltm3rux] {
    position: relative;
    width: min(100%, 34rem);
    padding: clamp(1.5rem, 5vw, 2.5rem);
    border: 1px solid rgb(255 255 255 / 65%);
    border-radius: 1.5rem;
    background: var(--energy-surface);
    box-shadow: 0 1.75rem 5rem rgb(3 16 35 / 28%);
}

.branch-dialog__close[b-wenltm3rux] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    display: grid;
    place-items: center;
    width: 2.5rem;
    height: 2.5rem;
    border: 0;
    border-radius: 50%;
    background: var(--energy-surface-soft);
    color: var(--energy-navy);
    font-size: 1.5rem;
}

.branch-dialog__mark[b-wenltm3rux] {
    display: grid;
    place-items: center;
    width: 3.25rem;
    height: 3.25rem;
    margin-bottom: 1rem;
    border-radius: 1rem;
    background: var(--energy-navy);
    color: var(--energy-green);
}

.branch-dialog__mark svg[b-wenltm3rux],
.branch-option__pin svg[b-wenltm3rux] {
    width: 1.75rem;
    fill: currentColor;
}

.branch-dialog__eyebrow[b-wenltm3rux] {
    margin: 0 0 0.35rem;
    color: var(--energy-green-dark);
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.branch-dialog h1[b-wenltm3rux] {
    margin: 0;
    color: var(--energy-navy);
    font-size: clamp(1.65rem, 5vw, 2.15rem);
    line-height: 1.15;
}

.branch-dialog > p:not(.branch-dialog__eyebrow):not(.branch-dialog__hint)[b-wenltm3rux] {
    margin: 0.75rem 0 1.4rem;
    color: var(--energy-text-muted);
    line-height: 1.55;
}

.branch-dialog__notice[b-wenltm3rux] {
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border: 1px solid #f2cbc7;
    border-radius: 0.75rem;
    background: #fff4f2;
    color: #92372f;
    font-size: 0.875rem;
}

.branch-options[b-wenltm3rux] {
    display: grid;
    gap: 0.75rem;
}

.branch-option[b-wenltm3rux] {
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    align-items: center;
    gap: 0.85rem;
    width: 100%;
    min-height: 5rem;
    padding: 0.85rem 1rem;
    border: 1px solid var(--energy-border-strong);
    border-radius: 1rem;
    background: #fff;
    color: var(--energy-navy);
    text-align: left;
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.branch-option:hover[b-wenltm3rux] {
    border-color: var(--energy-green);
    box-shadow: 0 0.75rem 1.75rem rgb(13 41 74 / 10%);
    transform: translateY(-1px);
}

.branch-option__pin[b-wenltm3rux] {
    display: grid;
    place-items: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 0.8rem;
    background: var(--energy-green-soft);
    color: var(--energy-green-dark);
}

.branch-option__copy[b-wenltm3rux] {
    display: grid;
    gap: 0.2rem;
}

.branch-option__copy strong[b-wenltm3rux] {
    font-size: 1rem;
}

.branch-option__copy small[b-wenltm3rux] {
    color: var(--energy-text-muted);
}

.branch-option__last[b-wenltm3rux] {
    padding: 0.25rem 0.5rem;
    border-radius: 999px;
    background: var(--energy-surface-soft);
    color: var(--energy-text-muted);
    font-size: 0.6875rem;
    font-weight: 700;
}

.branch-option__arrow[b-wenltm3rux] {
    color: var(--energy-green-dark);
    font-size: 1.35rem;
}

.branch-dialog__hint[b-wenltm3rux] {
    margin: 1.25rem 0 0;
    color: var(--energy-text-subtle);
    font-size: 0.75rem;
    line-height: 1.5;
}

.branch-dialog__hint code[b-wenltm3rux] {
    color: var(--energy-navy);
}

@media (max-width: 520px) {
    .branch-dialog[b-wenltm3rux] {
        border-radius: 1.15rem;
    }

    .branch-option[b-wenltm3rux] {
        grid-template-columns: auto 1fr auto;
    }

    .branch-option__last[b-wenltm3rux] {
        display: none;
    }
}
/* /Components/CustomerCard.razor.rz.scp.css */
.customer-card[b-btfodfyova] {
    display: grid;
    gap: 1.1rem;
    padding: clamp(1rem, 2vw, 1.5rem);
    border: 1px solid var(--energy-border);
    border-radius: 1rem;
    background: var(--energy-surface);
    box-shadow: var(--energy-shadow-xs);
}

.customer-card--loading[b-btfodfyova],
.customer-card--error[b-btfodfyova] {
    min-height: 12rem;
    place-content: center;
    justify-items: center;
    color: var(--energy-text-muted);
    text-align: center;
}

.customer-card--error h2[b-btfodfyova],
.customer-card--error p[b-btfodfyova] {
    margin: 0;
}

.customer-card--error p[b-btfodfyova] { margin: 0.45rem 0 1rem; }

.customer-card__header[b-btfodfyova],
.customer-card__identity[b-btfodfyova],
.customer-card__header-actions[b-btfodfyova],
.customer-card__summary[b-btfodfyova],
.customer-visit[b-btfodfyova],
.customer-visit__controls[b-btfodfyova],
.customer-photo[b-btfodfyova],
.customer-photo__actions[b-btfodfyova],
.customer-section-heading[b-btfodfyova],
.customer-edit__actions[b-btfodfyova],
.photo-camera__actions[b-btfodfyova] {
    display: flex;
    align-items: center;
}

.customer-card__header[b-btfodfyova] {
    justify-content: space-between;
    gap: 1rem;
}

.customer-card__identity[b-btfodfyova] { gap: 0.85rem; min-width: 0; }

.customer-avatar[b-btfodfyova] {
    display: grid;
    place-items: center;
    width: 3.8rem;
    height: 3.8rem;
    overflow: hidden;
    flex: 0 0 auto;
    border-radius: 1rem;
    background: var(--energy-green-soft);
    color: var(--energy-green-dark);
    font-weight: 850;
}

.customer-avatar img[b-btfodfyova] { width: 100%; height: 100%; object-fit: cover; }

.customer-card h2[b-btfodfyova],
.customer-card h3[b-btfodfyova] { margin: 0; color: var(--energy-navy); }
.customer-card h2[b-btfodfyova] { font-size: clamp(1.25rem, 2vw, 1.65rem); letter-spacing: -0.03em; }
.customer-card h3[b-btfodfyova] { font-size: 1rem; }
.customer-card__contacts[b-btfodfyova] { margin: 0.2rem 0 0; color: var(--energy-text-muted); font-size: 0.8rem; }
.customer-card__header-actions[b-btfodfyova] { gap: 0.4rem; align-self: flex-start; }

.customer-card__summary[b-btfodfyova] { gap: 0.65rem; }
.customer-card__summary article[b-btfodfyova] {
    display: grid;
    flex: 1 1 0;
    gap: 0.15rem;
    min-width: 0;
    padding: 0.75rem;
    border: 1px solid var(--energy-border);
    border-radius: 0.75rem;
    background: #fbfcfe;
}
.customer-card__summary small[b-btfodfyova] { color: var(--energy-text-subtle); font-size: 0.69rem; }
.customer-card__summary strong[b-btfodfyova] { overflow: hidden; color: var(--energy-navy); font-size: 0.9rem; text-overflow: ellipsis; white-space: nowrap; }
.customer-card__summary .customer-card__debt[b-btfodfyova] { border-color: #f0c7c3; background: #fff7f6; }
.customer-card__summary .customer-card__debt strong[b-btfodfyova] { color: #a9362f; }

.wallet-top-up[b-btfodfyova] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-top: 1rem; border-top: 1px solid var(--energy-border); }
.wallet-top-up p[b-btfodfyova] { margin: .25rem 0 0; color: var(--energy-text-muted); font-size: .75rem; }
.wallet-top-up__form[b-btfodfyova] { display: flex; align-items: center; gap: .5rem; }.wallet-top-up__form input[b-btfodfyova] { width: 7rem; min-height: 2.55rem; padding: .5rem; border: 1px solid var(--energy-border-strong); border-radius: .6rem; }

.stale-notice[b-btfodfyova] {
    padding: 0.7rem 0.8rem;
    border: 1px solid #efd48d;
    border-radius: 0.7rem;
    background: #fff9e9;
    color: #695122;
    font-size: 0.78rem;
}

.customer-edit[b-btfodfyova],
.customer-photo[b-btfodfyova],
.customer-visit[b-btfodfyova] {
    padding-top: 1rem;
    border-top: 1px solid var(--energy-border);
}
.customer-edit[b-btfodfyova] { display: grid; gap: 0.85rem; }
.customer-edit__actions[b-btfodfyova] { justify-content: flex-end; gap: 0.55rem; }
.form-grid[b-btfodfyova] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; }
.form-field[b-btfodfyova] { display: grid; gap: 0.35rem; }
.form-field--wide[b-btfodfyova] { grid-column: 1 / -1; }
.form-field label[b-btfodfyova] { color: var(--energy-text); font-size: 0.78rem; font-weight: 750; }
.form-field small[b-btfodfyova] { color: var(--energy-text-subtle); font-size: 0.7rem; }
.form-field input[b-btfodfyova], .form-field textarea[b-btfodfyova], .customer-visit select[b-btfodfyova] {
    width: 100%;
    padding: 0.65rem 0.7rem;
    border: 1px solid var(--energy-border-strong);
    border-radius: 0.6rem;
    background: #fff;
    color: var(--energy-text);
}
.form-field textarea[b-btfodfyova] { min-height: 4.5rem; resize: vertical; }

.customer-photo[b-btfodfyova] { justify-content: space-between; gap: 1rem; }
.customer-photo p[b-btfodfyova] { margin: 0.25rem 0 0; color: var(--energy-text-muted); font-size: 0.76rem; }
.customer-photo__actions[b-btfodfyova] { gap: 0.5rem; flex-wrap: wrap; }

.photo-camera[b-btfodfyova] { display: grid; gap: 0.6rem; padding: 0.8rem; border: 1px solid var(--energy-border); border-radius: 0.75rem; background: #f8fafc; }
.photo-camera video[b-btfodfyova] { width: min(100%, 25rem); max-height: 20rem; border-radius: 0.65rem; background: #071b31; }
.photo-camera__actions[b-btfodfyova] { gap: 0.5rem; }

.customer-visit[b-btfodfyova] { justify-content: space-between; gap: 1rem; }
.customer-visit p[b-btfodfyova] { margin: 0.25rem 0 0; color: var(--energy-text-muted); font-size: 0.78rem; }
.customer-visit__controls[b-btfodfyova] { gap: 0.5rem; }
.customer-visit select[b-btfodfyova] { min-width: 10rem; }

.operation-message[b-btfodfyova] { margin: -0.35rem 0 0; color: var(--energy-green-dark); font-size: 0.78rem; font-weight: 650; }
.operation-message--error[b-btfodfyova], .inline-error[b-btfodfyova] { color: #a9362f; }
.inline-error[b-btfodfyova] { margin: 0; font-size: 0.78rem; }

.customer-card__body[b-btfodfyova] { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 1rem; }
.customer-card__body > section[b-btfodfyova] { min-width: 0; }
.customer-section-heading[b-btfodfyova] { justify-content: space-between; gap: 0.7rem; margin-bottom: 0.55rem; }
.customer-section-heading a[b-btfodfyova] { color: var(--energy-green-dark); font-size: 0.74rem; font-weight: 750; text-decoration: none; }

.membership-list[b-btfodfyova], .history-list[b-btfodfyova] { display: grid; gap: 0.45rem; padding: 0; margin: 0; list-style: none; }
.membership-list li[b-btfodfyova] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0.3rem 0.7rem; padding: 0.7rem; border: 1px solid var(--energy-border); border-radius: 0.7rem; }
.membership-list li > div:first-child[b-btfodfyova] { display: grid; gap: 0.1rem; min-width: 0; }
.membership-list strong[b-btfodfyova] { color: var(--energy-navy); font-size: 0.8rem; }
.membership-list span[b-btfodfyova] { overflow: hidden; color: var(--energy-text-muted); font-size: 0.72rem; text-overflow: ellipsis; white-space: nowrap; }
.membership-list__metric[b-btfodfyova] { display: grid; align-content: start; justify-items: end; }
.membership-list__metric span[b-btfodfyova] { font-size: 0.62rem; }
.membership-list li > small[b-btfodfyova] { grid-column: 1 / -1; color: #8e6621; font-size: 0.68rem; }

.history-list li[b-btfodfyova] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: 0.5rem; padding: 0.55rem 0; border-bottom: 1px solid var(--energy-border); }
.history-list time[b-btfodfyova], .history-list small[b-btfodfyova] { color: var(--energy-text-subtle); font-size: 0.68rem; white-space: nowrap; }
.history-list li > div[b-btfodfyova] { display: grid; gap: 0.08rem; }
.history-list strong[b-btfodfyova] { color: var(--energy-text); font-size: 0.75rem; }
.history-list span[b-btfodfyova] { color: var(--energy-text-muted); font-size: 0.7rem; }

@media (max-width: 760px) {
    .customer-card__summary[b-btfodfyova], .customer-card__body[b-btfodfyova] { grid-template-columns: 1fr; display: grid; }
    .customer-card__body[b-btfodfyova] { gap: 1.25rem; }
    .customer-card__summary[b-btfodfyova] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .customer-visit[b-btfodfyova] { align-items: stretch; flex-direction: column; }
    .customer-visit__controls[b-btfodfyova] { align-items: stretch; }
    .customer-visit__controls select[b-btfodfyova] { flex: 1 1 auto; }
}

@media (max-width: 520px) {
    .customer-card__header[b-btfodfyova] { align-items: flex-start; }
    .customer-card__summary[b-btfodfyova] { grid-template-columns: 1fr; }
    .customer-photo[b-btfodfyova] { align-items: flex-start; flex-direction: column; }
    .wallet-top-up[b-btfodfyova] { align-items: flex-start; flex-direction: column; }.wallet-top-up__form[b-btfodfyova] { align-items: stretch; flex-direction: column; width: 100%; }.wallet-top-up__form input[b-btfodfyova] { width: 100%; }
    .customer-photo__actions[b-btfodfyova] { width: 100%; }
    .customer-photo__actions .button[b-btfodfyova] { flex: 1 1 auto; text-align: center; }
    .customer-visit__controls[b-btfodfyova] { flex-direction: column; }
    .customer-visit__controls .button[b-btfodfyova] { width: 100%; }
    .history-list li[b-btfodfyova] { grid-template-columns: auto minmax(0, 1fr); }
    .history-list small[b-btfodfyova] { grid-column: 2; }
}
/* /Components/EmptyState.razor.rz.scp.css */
.empty-state[b-z7zic548y6] {
    display: grid;
    justify-items: start;
    gap: 0.25rem;
    padding: 1rem;
    border: 1px dashed var(--energy-border-strong);
    border-radius: 0.7rem;
    background: #fbfcfe;
}

.empty-state strong[b-z7zic548y6] { color: var(--energy-navy); font-size: 0.78rem; }
.empty-state p[b-z7zic548y6] { margin: 0; color: var(--energy-text-muted); font-size: 0.73rem; }
/* /Components/NetworkIndicator.razor.rz.scp.css */
.network-status[b-despptiiok] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 2.25rem;
    padding: 0.45rem 0.75rem;
    border: 1px solid var(--energy-border);
    border-radius: 999px;
    background: var(--energy-surface);
    color: var(--energy-text-muted);
    font-size: 0.8125rem;
    font-weight: 700;
    white-space: nowrap;
}

.network-status__dot[b-despptiiok] {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 50%;
    background: #8a94a8;
    box-shadow: 0 0 0 0.2rem rgb(138 148 168 / 14%);
}

.network-status--online[b-despptiiok] {
    color: #087443;
    border-color: #c8ead8;
    background: #f1fbf6;
}

.network-status--online .network-status__dot[b-despptiiok] {
    background: var(--energy-green);
    box-shadow: 0 0 0 0.2rem rgb(28 201 111 / 15%);
}

.network-status--offline[b-despptiiok] {
    color: #a33b32;
    border-color: #f1cbc7;
    background: #fff4f2;
}

.network-status--offline .network-status__dot[b-despptiiok] {
    background: #db4b40;
    box-shadow: 0 0 0 0.2rem rgb(219 75 64 / 15%);
}

@media (max-width: 520px) {
    .network-status[b-despptiiok] {
        min-height: 2rem;
        padding: 0.35rem 0.55rem;
    }

    .network-status__text[b-despptiiok] {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }
}
/* /Components/OccupancyPanel.razor.rz.scp.css */
.occupancy-panel[b-62bv8700op] { display: grid; gap: 0.8rem; }
.occupancy-panel__heading[b-62bv8700op], .occupancy-panel__tools[b-62bv8700op] { display: flex; align-items: center; }
.occupancy-panel__heading[b-62bv8700op] { justify-content: space-between; gap: 1rem; }
.occupancy-panel__tools[b-62bv8700op] { gap: 0.65rem; }
.occupancy-panel__tools small[b-62bv8700op] { color: var(--energy-text-subtle); font-size: 0.7rem; }
.occupancy-panel__grid[b-62bv8700op] { display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); gap: 0.75rem; }
.occupancy-panel__grid article[b-62bv8700op] { display: grid; gap: 0.2rem; min-height: 6.5rem; padding: 0.9rem; border: 1px solid var(--energy-border); border-radius: 0.9rem; background: #fff; box-shadow: var(--energy-shadow-xs); }
.occupancy-panel__grid span[b-62bv8700op], .occupancy-panel__grid small[b-62bv8700op] { color: var(--energy-text-muted); font-size: 0.76rem; }
.occupancy-panel__grid strong[b-62bv8700op] { align-self: center; color: var(--energy-navy); font-size: 1.8rem; line-height: 1; }
.occupancy-panel__total[b-62bv8700op] { border-color: #bfe9d1 !important; background: linear-gradient(145deg, #f7fff9, #effaf4) !important; }
.occupancy-panel__empty[b-62bv8700op] { display: grid; justify-items: center; gap: 0.5rem; min-height: 8rem; padding: 1.2rem; border: 1px dashed var(--energy-border-strong); border-radius: 0.9rem; color: var(--energy-text-muted); text-align: center; }
.occupancy-panel__empty strong[b-62bv8700op] { color: var(--energy-navy); }
.occupancy-panel__empty p[b-62bv8700op] { max-width: 35rem; margin: 0; font-size: 0.8rem; }
@media (max-width: 520px) { .occupancy-panel__heading[b-62bv8700op] { align-items: flex-start; flex-direction: column; } .occupancy-panel__tools[b-62bv8700op] { width: 100%; justify-content: space-between; } }
/* /Components/SectionPlaceholder.razor.rz.scp.css */
.section-placeholder[b-lkixp29n5m] {
    display: grid;
    justify-items: start;
    max-width: 43rem;
    margin: clamp(2rem, 8vh, 6rem) auto;
    padding: clamp(1.5rem, 5vw, 3rem);
    border: 1px solid var(--energy-border);
    border-radius: 1.5rem;
    background: var(--energy-surface);
    box-shadow: var(--energy-shadow-sm);
}

.section-placeholder__icon[b-lkixp29n5m] {
    display: grid;
    place-items: center;
    width: 3.75rem;
    height: 3.75rem;
    margin-bottom: 1.25rem;
    border-radius: 1.1rem;
    background: var(--energy-green-soft);
    color: var(--energy-green-dark);
    font-size: 1.5rem;
    font-weight: 900;
}

.section-placeholder__eyebrow[b-lkixp29n5m] {
    margin: 0 0 0.35rem !important;
    color: var(--energy-green-dark) !important;
    font-size: 0.75rem !important;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.section-placeholder h1[b-lkixp29n5m] {
    margin: 0;
    color: var(--energy-navy);
    font-size: clamp(1.75rem, 5vw, 2.6rem);
}

.section-placeholder p[b-lkixp29n5m] {
    margin: 0.9rem 0 1.5rem;
    color: var(--energy-text-muted);
    font-size: 1rem;
    line-height: 1.65;
}

.section-placeholder__back[b-lkixp29n5m] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    padding: 0.65rem 1rem;
    border-radius: 0.75rem;
    background: var(--energy-navy);
    color: #fff;
    font-weight: 750;
    text-decoration: none;
}

.section-placeholder__back:hover[b-lkixp29n5m] {
    background: var(--energy-navy-light);
    color: #fff;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-s7912ccchs] {
    min-height: 100dvh;
    display: grid;
    grid-template-columns: 15rem minmax(0, 1fr);
    background: var(--energy-canvas);
}

.app-sidebar[b-s7912ccchs] {
    position: sticky;
    top: 0;
    z-index: 20;
    height: 100dvh;
    background:
        radial-gradient(circle at 20% 5%, rgb(37 219 124 / 16%), transparent 24rem),
        linear-gradient(165deg, #102a49 0%, #091a31 62%, #071529 100%);
    box-shadow: 0.5rem 0 2.5rem rgb(4 16 34 / 8%);
}

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

.workspace-header[b-s7912ccchs] {
    position: sticky;
    top: 0;
    z-index: 15;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 5rem;
    padding: 0.8rem clamp(1rem, 3vw, 2rem);
    border-bottom: 1px solid rgb(213 222 234 / 82%);
    background: rgb(255 255 255 / 92%);
    backdrop-filter: blur(16px);
}

.staff-menu[b-s7912ccchs] {
    position: absolute;
    top: calc(100% - 0.35rem);
    right: clamp(1rem, 3vw, 2rem);
    z-index: 30;
    display: grid;
    min-width: 15.5rem;
    padding: 0.45rem;
    border: 1px solid var(--energy-border);
    border-radius: 0.85rem;
    background: #fff;
    box-shadow: var(--energy-shadow-sm);
}

.staff-menu__identity[b-s7912ccchs] {
    display: grid;
    gap: 0.15rem;
    padding: 0.7rem 0.75rem 0.8rem;
    border-bottom: 1px solid var(--energy-border);
}

.staff-menu__identity strong[b-s7912ccchs] {
    color: var(--energy-navy);
    font-size: 0.84rem;
}

.staff-menu__identity small[b-s7912ccchs] {
    overflow: hidden;
    color: var(--energy-text-muted);
    font-size: 0.73rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.staff-menu a[b-s7912ccchs],
.staff-menu button[b-s7912ccchs] {
    width: 100%;
    margin-top: 0.2rem;
    padding: 0.65rem 0.75rem;
    border: 0;
    border-radius: 0.55rem;
    background: transparent;
    color: var(--energy-text);
    font: inherit;
    font-size: 0.83rem;
    text-align: left;
    text-decoration: none;
}

.staff-menu a:hover[b-s7912ccchs],
.staff-menu button:hover:not(:disabled)[b-s7912ccchs] {
    background: var(--energy-surface-soft);
}

.staff-menu button[b-s7912ccchs] {
    color: #a9362f;
}

.branch-switcher[b-s7912ccchs],
.user-menu[b-s7912ccchs] {
    border: 0;
    background: transparent;
    color: var(--energy-navy);
}

.branch-switcher[b-s7912ccchs] {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    min-width: min(20rem, 42vw);
    min-height: 3.25rem;
    padding: 0.45rem 0.75rem;
    border: 1px solid var(--energy-border);
    border-radius: 0.9rem;
    background: var(--energy-surface);
    text-align: left;
    box-shadow: 0 0.2rem 0.75rem rgb(10 31 56 / 4%);
}

.branch-switcher:hover[b-s7912ccchs] {
    border-color: var(--energy-green);
}

.branch-switcher__icon[b-s7912ccchs] {
    display: grid;
    place-items: center;
    width: 2.1rem;
    height: 2.1rem;
    flex: 0 0 auto;
    border-radius: 0.65rem;
    background: var(--energy-green-soft);
    color: var(--energy-green-dark);
}

.branch-switcher__icon svg[b-s7912ccchs] {
    width: 1.2rem;
    fill: currentColor;
}

.branch-switcher__copy[b-s7912ccchs],
.user-menu__copy[b-s7912ccchs] {
    display: grid;
    min-width: 0;
}

.branch-switcher__copy small[b-s7912ccchs],
.user-menu__copy small[b-s7912ccchs] {
    color: var(--energy-text-subtle);
    font-size: 0.6875rem;
}

.branch-switcher__copy strong[b-s7912ccchs] {
    overflow: hidden;
    font-size: 0.925rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.branch-switcher__chevron[b-s7912ccchs] {
    margin-left: auto;
    color: var(--energy-text-subtle);
    font-size: 1.2rem;
}

.workspace-header__tools[b-s7912ccchs] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.65rem;
}

.user-menu:hover[b-s7912ccchs] {
    background: var(--energy-surface-soft);
}

.user-menu[b-s7912ccchs] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-height: 3rem;
    padding: 0.35rem 0.55rem;
    border-radius: 0.8rem;
    text-align: left;
}

.user-menu__avatar[b-s7912ccchs] {
    display: grid;
    place-items: center;
    width: 2.35rem;
    height: 2.35rem;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #e5eaf1;
    color: var(--energy-navy);
    font-size: 0.75rem;
    font-weight: 800;
}

.user-menu__copy strong[b-s7912ccchs] {
    font-size: 0.8rem;
}

.workspace-content[b-s7912ccchs] {
    width: min(100%, 100rem);
    margin: 0 auto;
    padding: clamp(1rem, 3vw, 2rem);
}

.session-security-notice[b-s7912ccchs] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin-bottom: 1rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid #e6c36d;
    border-radius: 0.85rem;
    background: #fff9e9;
    color: #695122;
    font-size: 0.82rem;
}

.session-security-notice > span[b-s7912ccchs] {
    display: grid;
    place-items: center;
    width: 1.35rem;
    height: 1.35rem;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #d28a11;
    color: #fff;
    font-weight: 850;
}

.session-security-notice p[b-s7912ccchs] {
    flex: 1 1 auto;
    margin: 0;
}

.session-security-notice a[b-s7912ccchs] {
    flex: 0 0 auto;
    color: #695122;
    font-weight: 750;
}

.shell-loading[b-s7912ccchs] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    min-height: 50vh;
    color: var(--energy-text-muted);
}

.shell-loading__mark[b-s7912ccchs] {
    width: 1.25rem;
    height: 1.25rem;
    border: 0.18rem solid var(--energy-border);
    border-top-color: var(--energy-green);
    border-radius: 50%;
    animation: shell-spin-b-s7912ccchs 800ms linear infinite;
}

.skip-link[b-s7912ccchs] {
    position: fixed;
    top: 0.5rem;
    left: 0.5rem;
    z-index: 200;
    padding: 0.7rem 1rem;
    border-radius: 0.65rem;
    background: #fff;
    color: var(--energy-navy);
    font-weight: 750;
    transform: translateY(-140%);
}

.skip-link:focus[b-s7912ccchs] {
    transform: translateY(0);
}

@keyframes shell-spin-b-s7912ccchs {
    to { transform: rotate(360deg); }
}

@media (max-width: 1040px) {
    .app-shell[b-s7912ccchs] {
        grid-template-columns: 5.25rem minmax(0, 1fr);
    }

    .user-menu__copy[b-s7912ccchs] {
        display: none;
    }
}

@media (max-width: 720px) {
    .app-shell[b-s7912ccchs] {
        display: block;
        padding-bottom: 4.85rem;
    }

    .app-sidebar[b-s7912ccchs] {
        position: fixed;
        inset: auto 0 0 0;
        z-index: 30;
        width: auto;
        height: 4.85rem;
        box-shadow: 0 -0.5rem 2rem rgb(4 16 34 / 15%);
    }

    .workspace-header[b-s7912ccchs] {
        min-height: 4.25rem;
        padding: 0.55rem 0.75rem;
    }

    .branch-switcher[b-s7912ccchs] {
        min-width: 0;
        flex: 1;
        min-height: 2.9rem;
        padding: 0.35rem 0.5rem;
    }

    .branch-switcher__copy small[b-s7912ccchs],
    .branch-switcher__chevron[b-s7912ccchs] {
        display: none;
    }

    .branch-switcher__copy strong[b-s7912ccchs] {
        max-width: 10.5rem;
        font-size: 0.825rem;
    }

    .user-menu[b-s7912ccchs] {
        padding: 0;
    }

    .workspace-header__tools[b-s7912ccchs] {
        gap: 0.4rem;
    }

    .workspace-content[b-s7912ccchs] {
        padding: 1rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .shell-loading__mark[b-s7912ccchs] {
        animation: none;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.brand[b-key9q0978f] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 5rem;
    padding: 0.9rem 1.25rem;
    color: #fff;
}

.brand__mark[b-key9q0978f] {
    display: grid;
    place-items: center;
    width: 2.6rem;
    height: 2.6rem;
    flex: 0 0 auto;
    border-radius: 0.85rem;
    background: rgb(31 216 118 / 12%);
    color: #28e77f;
}

.brand__mark svg[b-key9q0978f] {
    width: 1.7rem;
    fill: currentColor;
}

.brand__copy[b-key9q0978f] {
    display: grid;
    line-height: 1.1;
}

.brand__copy strong[b-key9q0978f] {
    font-size: 1.35rem;
    letter-spacing: -0.025em;
}

.brand__copy small[b-key9q0978f] {
    margin-top: 0.22rem;
    color: #8fa5bf;
    font-size: 0.68rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.primary-nav[b-key9q0978f] {
    display: grid;
    gap: 0.35rem;
    padding: 1.25rem 0.75rem;
}

.primary-nav[b-key9q0978f]  .primary-nav__link {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-height: 3.25rem;
    padding: 0.65rem 0.8rem;
    border-radius: 0.75rem;
    color: #fff;
    font-size: 0.9rem;
    font-weight: 650;
    text-decoration: none;
    transition: color 150ms ease, background 150ms ease;
}

.primary-nav[b-key9q0978f]  .primary-nav__link:hover {
    background: rgb(255 255 255 / 6%);
    color: #fff;
}

.primary-nav[b-key9q0978f]  .primary-nav__link::before {
    position: absolute;
    inset: 0 auto 0 -0.75rem;
    width: 0.22rem;
    border-radius: 0 0.2rem 0.2rem 0;
    background: var(--energy-green);
    content: "";
    opacity: 0;
}

.primary-nav[b-key9q0978f]  .primary-nav__link.active {
    background: rgb(34 211 116 / 14%);
    color: #fff;
}

.primary-nav[b-key9q0978f]  .primary-nav__link.active::before {
    opacity: 1;
}

.primary-nav[b-key9q0978f]  .primary-nav__icon {
    display: grid;
    place-items: center;
    width: 1.65rem;
    height: 1.65rem;
    flex: 0 0 auto;
}

.primary-nav[b-key9q0978f]  .primary-nav__icon svg {
    width: 1.28rem;
    fill: currentColor;
}

.primary-nav[b-key9q0978f]  .primary-nav__link.active .primary-nav__icon {
    color: #2ae283;
}

.sidebar-note[b-key9q0978f] {
    position: absolute;
    bottom: 1.5rem;
    left: 1.35rem;
    color: #91a4bc;
    font-size: 0.75rem;
    line-height: 1.5;
}

.sidebar-note i[b-key9q0978f] {
    display: block;
    width: 2rem;
    height: 0.18rem;
    margin-top: 0.75rem;
    border-radius: 1rem;
    background: var(--energy-green);
}

@media (max-width: 1040px) and (min-width: 721px) {
    .brand[b-key9q0978f] {
        justify-content: center;
        padding-inline: 0;
    }

    .brand__copy[b-key9q0978f],
    .primary-nav[b-key9q0978f]  .primary-nav__link > span:last-child,
    .sidebar-note[b-key9q0978f] {
        display: none;
    }

    .primary-nav[b-key9q0978f] {
        padding-inline: 0.6rem;
    }

    .primary-nav[b-key9q0978f]  .primary-nav__link {
        justify-content: center;
        padding-inline: 0;
    }
}

@media (max-width: 720px) {
    .brand[b-key9q0978f],
    .sidebar-note[b-key9q0978f] {
        display: none;
    }

    .primary-nav[b-key9q0978f] {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 0;
        height: 100%;
        padding: 0.35rem max(0.25rem, env(safe-area-inset-right)) max(0.35rem, env(safe-area-inset-bottom)) max(0.25rem, env(safe-area-inset-left));
    }

    .primary-nav--six-items[b-key9q0978f] {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .primary-nav[b-key9q0978f]  .primary-nav__link {
        display: grid;
        justify-items: center;
        align-content: center;
        gap: 0.2rem;
        min-height: 0;
        padding: 0.25rem 0.1rem;
        border-radius: 0.6rem;
        font-size: clamp(0.58rem, 2.4vw, 0.7rem);
        font-weight: 650;
    }

    .primary-nav[b-key9q0978f]  .primary-nav__link::before {
        inset: auto 22% -0.05rem 22%;
        width: auto;
        height: 0.18rem;
        border-radius: 999px;
    }

    .primary-nav[b-key9q0978f]  .primary-nav__icon {
        width: 1.5rem;
        height: 1.5rem;
    }
}
/* /Pages/Clients.razor.rz.scp.css */
.clients-page[b-g0bb48hhmb] { display: grid; gap: 1rem; }
.clients-page h1[b-g0bb48hhmb] { margin: 0; color: var(--energy-navy); font-size: clamp(1.65rem, 3vw, 2.3rem); letter-spacing: -0.04em; }
.clients-page header p:last-child[b-g0bb48hhmb] { margin: .35rem 0 0; color: var(--energy-text-muted); }
.clients-page__error[b-g0bb48hhmb] { padding: .7rem .8rem; border: 1px solid #efc8c4; border-radius: .7rem; background: #fff6f5; color: #903931; font-size: .8rem; }
.clients-results[b-g0bb48hhmb] { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: .5rem; }
.clients-results__item[b-g0bb48hhmb] { display: flex; align-items: center; gap: .65rem; padding: .7rem; border: 1px solid var(--energy-border); border-radius: .75rem; background: #fff; color: var(--energy-text); text-align: left; }
.clients-results__item:hover[b-g0bb48hhmb], .clients-results__item--active[b-g0bb48hhmb] { border-color: var(--energy-green); background: #f8fffb; }
.clients-results__item > span[b-g0bb48hhmb] { display: grid; place-items: center; width: 2.4rem; height: 2.4rem; flex: 0 0 auto; border-radius: 50%; background: var(--energy-green-soft); color: var(--energy-green-dark); font-size: .7rem; font-weight: 850; }
.clients-results__item div[b-g0bb48hhmb] { display: grid; min-width: 0; gap: .12rem; }.clients-results__item strong[b-g0bb48hhmb], .clients-results__item small[b-g0bb48hhmb] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.clients-results__item strong[b-g0bb48hhmb] { color: var(--energy-navy); font-size: .8rem; }.clients-results__item small[b-g0bb48hhmb] { color: var(--energy-text-muted); font-size: .7rem; }
/* /Pages/Home.razor.rz.scp.css */
.reception-workspace[b-ae3koeh17y] { display: grid; gap: 1.2rem; }
.reception-workspace__heading[b-ae3koeh17y], .open-tabs header[b-ae3koeh17y], .new-customer header[b-ae3koeh17y], .section-heading[b-ae3koeh17y] { display: flex; align-items: center; }
.reception-workspace__heading[b-ae3koeh17y] { justify-content: space-between; gap: 1rem; }
.reception-workspace__heading h1[b-ae3koeh17y] { margin: 0; color: var(--energy-navy); font-size: clamp(1.65rem, 3vw, 2.4rem); letter-spacing: -0.04em; }
.reception-workspace__heading > div > p:last-child[b-ae3koeh17y] { margin: 0.4rem 0 0; color: var(--energy-text-muted); }
.eyebrow[b-ae3koeh17y], .section-heading p[b-ae3koeh17y] { margin: 0 0 0.2rem; color: var(--energy-green-dark); font-size: 0.69rem; font-weight: 850; letter-spacing: 0.1em; text-transform: uppercase; }
.reception-workspace__notice[b-ae3koeh17y], .reception-workspace__error[b-ae3koeh17y] { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 0.7rem 0.8rem; border: 1px solid #efd48d; border-radius: 0.75rem; background: #fff9e9; color: #695122; font-size: 0.8rem; }
.reception-workspace__error[b-ae3koeh17y] { border-color: #efc8c4; background: #fff6f5; color: #903931; }

.search-results[b-ae3koeh17y], .open-tabs[b-ae3koeh17y], .new-customer[b-ae3koeh17y] { padding: 1rem; border: 1px solid var(--energy-border); border-radius: 0.95rem; background: var(--energy-surface); box-shadow: var(--energy-shadow-xs); }
.search-results header[b-ae3koeh17y] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.6rem; color: var(--energy-navy); font-size: 0.8rem; }
.search-results header button[b-ae3koeh17y] { border: 0; background: transparent; color: var(--energy-green-dark); font-size: 0.75rem; font-weight: 750; }
.search-results ul[b-ae3koeh17y] { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 0.5rem; padding: 0; margin: 0; list-style: none; }
.search-results li > button[b-ae3koeh17y] { display: flex; align-items: center; width: 100%; gap: 0.6rem; padding: 0.65rem; border: 1px solid var(--energy-border); border-radius: 0.7rem; background: #fff; color: var(--energy-text); text-align: left; }
.search-results li > button:hover[b-ae3koeh17y] { border-color: var(--energy-green); background: #f8fffb; }
.search-results li > button > span:nth-child(2)[b-ae3koeh17y] { display: grid; min-width: 0; gap: 0.1rem; }
.search-results strong[b-ae3koeh17y] { overflow: hidden; color: var(--energy-navy); font-size: 0.8rem; text-overflow: ellipsis; white-space: nowrap; }
.search-results small[b-ae3koeh17y] { overflow: hidden; color: var(--energy-text-muted); font-size: 0.71rem; text-overflow: ellipsis; white-space: nowrap; }
.search-results__avatar[b-ae3koeh17y] { display: grid; place-items: center; width: 2.3rem; height: 2.3rem; flex: 0 0 auto; border-radius: 50%; background: var(--energy-green-soft); color: var(--energy-green-dark); font-size: 0.7rem; font-weight: 850; }
.search-results em[b-ae3koeh17y] { margin-left: auto; color: var(--energy-green-dark); font-size: 0.67rem; font-style: normal; font-weight: 750; white-space: nowrap; }

.new-customer[b-ae3koeh17y] { display: grid; gap: 0.85rem; border-color: #bfe9d1; }
.new-customer header[b-ae3koeh17y] { justify-content: space-between; }
.new-customer h2[b-ae3koeh17y], .open-tabs h2[b-ae3koeh17y], .section-heading h2[b-ae3koeh17y] { margin: 0; color: var(--energy-navy); font-size: 1.1rem; }
.new-customer form[b-ae3koeh17y] { display: grid; gap: 0.85rem; }
.new-customer__actions[b-ae3koeh17y] { display: flex; justify-content: flex-end; gap: 0.55rem; }

.open-tabs header[b-ae3koeh17y] { justify-content: space-between; margin-bottom: 0.6rem; }
.open-tabs header > span[b-ae3koeh17y] { display: grid; place-items: center; min-width: 1.5rem; height: 1.5rem; border-radius: 50%; background: var(--energy-surface-soft); color: var(--energy-text-muted); font-size: 0.7rem; font-weight: 800; }
.open-tabs__list[b-ae3koeh17y] { display: flex; gap: 0.4rem; overflow-x: auto; padding-bottom: 0.2rem; }
.open-tabs__item[b-ae3koeh17y] { display: flex; align-items: center; min-width: 0; border: 1px solid var(--energy-border); border-radius: 0.65rem; background: #fbfcfe; }
.open-tabs__item--active[b-ae3koeh17y] { border-color: var(--energy-green); background: #f2fbf6; }
.open-tabs__item > button:first-child[b-ae3koeh17y] { max-width: 13rem; overflow: hidden; padding: 0.5rem 0.25rem 0.5rem 0.65rem; border: 0; background: transparent; color: var(--energy-text); font-size: 0.75rem; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.open-tabs__close[b-ae3koeh17y] { width: 2rem; height: 2rem; border: 0; border-radius: 0.5rem; background: transparent; color: var(--energy-text-subtle); font-size: 1.1rem; }
.open-tabs__close:hover[b-ae3koeh17y] { background: #f1e8e7; color: #a9362f; }

.reception-actions[b-ae3koeh17y] { display: grid; gap: 0.7rem; }
.section-heading[b-ae3koeh17y] { justify-content: space-between; }
.reception-actions__grid[b-ae3koeh17y] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.65rem; }
.quick-action[b-ae3koeh17y] { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 0.6rem; align-items: center; min-width: 0; min-height: 4.7rem; padding: 0.75rem; border: 1px solid var(--energy-border); border-radius: 0.9rem; background: #fff; color: var(--energy-navy); text-align: left; text-decoration: none; box-shadow: var(--energy-shadow-xs); }
.quick-action:hover[b-ae3koeh17y] { border-color: var(--energy-green); color: var(--energy-navy); }
.quick-action > span[b-ae3koeh17y] { display: grid; grid-row: span 2; place-items: center; width: 2.3rem; height: 2.3rem; border-radius: 0.65rem; background: var(--energy-green-soft); color: var(--energy-green-dark); font-weight: 900; }
.quick-action strong[b-ae3koeh17y] { overflow: hidden; font-size: 0.8rem; text-overflow: ellipsis; white-space: nowrap; }
.quick-action small[b-ae3koeh17y] { overflow: hidden; color: var(--energy-text-subtle); font-size: 0.67rem; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 980px) { .reception-actions__grid[b-ae3koeh17y] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .reception-workspace__heading[b-ae3koeh17y] { align-items: flex-start; flex-direction: column; } .reception-workspace__heading .button[b-ae3koeh17y] { width: 100%; } .search-results ul[b-ae3koeh17y], .reception-actions__grid[b-ae3koeh17y] { grid-template-columns: 1fr; } .new-customer__actions[b-ae3koeh17y] { flex-direction: column; } .new-customer__actions .button[b-ae3koeh17y] { width: 100%; } }
/* /Pages/Management.razor.rz.scp.css */
.management-workspace[b-7w11kntoik] { display: grid; gap: 1rem; max-width: 92rem; }
.management-workspace__heading[b-7w11kntoik], .management-card > header[b-7w11kntoik], .management-subcard > header[b-7w11kntoik], .branch-card > header[b-7w11kntoik], .role-card > header[b-7w11kntoik] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.management-workspace__heading h1[b-7w11kntoik] { margin: 0; color: var(--energy-navy); font-size: clamp(1.65rem, 3vw, 2.3rem); letter-spacing: -.04em; }
.management-workspace__heading p:not(.eyebrow)[b-7w11kntoik] { max-width: 48rem; margin: .35rem 0 0; color: var(--energy-text-muted); }
.management-message[b-7w11kntoik] { padding: .75rem .9rem; border: 1px solid #bce8cc; border-radius: .75rem; background: #f0fbf4; color: #12643a; font-size: .83rem; font-weight: 650; }
.management-message--error[b-7w11kntoik] { border-color: #efc8c4; background: #fff6f5; color: #903931; }
.management-tabs[b-7w11kntoik] { display: flex; gap: .35rem; overflow-x: auto; padding: .35rem; border: 1px solid var(--energy-border); border-radius: .85rem; background: #fff; }
.management-tabs button[b-7w11kntoik] { min-height: 2.35rem; flex: 0 0 auto; padding: .45rem .7rem; border: 0; border-radius: .55rem; background: transparent; color: var(--energy-text-muted); font-size: .78rem; font-weight: 750; }
.management-tabs button:hover[b-7w11kntoik], .management-tabs__active[b-7w11kntoik] { background: var(--energy-green-soft) !important; color: var(--energy-green-dark) !important; }
.management-card[b-7w11kntoik], .management-subcard[b-7w11kntoik], .role-card[b-7w11kntoik], .branch-card[b-7w11kntoik] { display: grid; gap: .9rem; padding: 1rem; border: 1px solid var(--energy-border); border-radius: .9rem; background: #fff; box-shadow: var(--energy-shadow-xs); }
.management-card[b-7w11kntoik]  form, .management-subcard[b-7w11kntoik]  form { display: grid; gap: .9rem; }
.management-card[b-7w11kntoik]  form > .button, .management-subcard[b-7w11kntoik]  form > .button { justify-self: start; }
.management-card > header h2[b-7w11kntoik], .management-subcard h3[b-7w11kntoik], .role-card strong[b-7w11kntoik], .branch-card strong[b-7w11kntoik] { margin: 0; color: var(--energy-navy); }
.management-card > header p[b-7w11kntoik], .management-subcard p[b-7w11kntoik] { margin: .25rem 0 0; color: var(--energy-text-muted); font-size: .78rem; }
.management-subcard[b-7w11kntoik] { background: var(--energy-surface-soft); box-shadow: none; }
.management-form-grid[b-7w11kntoik] { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: .65rem; }
.management-form-grid label[b-7w11kntoik], .inline-field[b-7w11kntoik], .management-danger-row > label:not(.management-confirm)[b-7w11kntoik] { display: grid; gap: .28rem; color: var(--energy-text-muted); font-size: .73rem; font-weight: 700; }
.management-form-grid input[b-7w11kntoik], .management-form-grid select[b-7w11kntoik], .inline-field input[b-7w11kntoik], .management-subcard > label input[b-7w11kntoik], .management-subcard > label select[b-7w11kntoik] { width: 100%; min-height: 2.5rem; padding: .45rem .55rem; border: 1px solid var(--energy-border-strong); border-radius: .55rem; background: #fff; color: var(--energy-text); }
.management-form-grid__wide[b-7w11kntoik] { grid-column: 1 / -1; }
.management-table-wrap[b-7w11kntoik] { overflow: auto; border: 1px solid var(--energy-border); border-radius: .7rem; }
.management-table-wrap table[b-7w11kntoik] { width: 100%; min-width: 42rem; border-collapse: collapse; font-size: .77rem; }
.management-table-wrap th[b-7w11kntoik], .management-table-wrap td[b-7w11kntoik] { padding: .65rem .7rem; border-bottom: 1px solid var(--energy-border); text-align: left; vertical-align: middle; }
.management-table-wrap th[b-7w11kntoik] { background: var(--energy-surface-soft); color: var(--energy-text-muted); font-size: .67rem; letter-spacing: .03em; text-transform: uppercase; }
.management-table-wrap tr:last-child td[b-7w11kntoik] { border-bottom: 0; }
.management-table-wrap .management-table-actions[b-7w11kntoik] { width: 1%; text-align: right; white-space: nowrap; }
.management-table-wrap td > small[b-7w11kntoik], .role-card small[b-7w11kntoik], .branch-card small[b-7w11kntoik] { display: block; margin-top: .16rem; color: var(--energy-text-muted); font-size: .68rem; }
.role-grid[b-7w11kntoik], .branch-grid[b-7w11kntoik] { display: grid; grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr)); gap: .75rem; }
.role-card p[b-7w11kntoik], .branch-card p[b-7w11kntoik] { margin: 0; color: var(--energy-text-muted); font-size: .75rem; }
.branch-card ul[b-7w11kntoik] { display: grid; gap: .35rem; padding: 0; margin: 0; list-style: none; }
.branch-card li[b-7w11kntoik] { display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding-top: .4rem; border-top: 1px solid var(--energy-border); font-size: .78rem; }
.branch-card li small[b-7w11kntoik] { display: inline; margin-left: .25rem; }
.status-pill[b-7w11kntoik] { padding: .2rem .45rem; border-radius: 99px; background: var(--energy-green-soft); color: var(--energy-green-dark); font-size: .65rem; font-weight: 800; }
.permission-grid[b-7w11kntoik] { display: grid; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); gap: .35rem .75rem; margin: 0; padding: .7rem; border: 1px solid var(--energy-border); border-radius: .7rem; }
.permission-grid legend[b-7w11kntoik] { padding: 0 .25rem; color: var(--energy-text-muted); font-size: .72rem; font-weight: 750; }
.check-label[b-7w11kntoik], .management-confirm[b-7w11kntoik] { display: flex !important; align-items: center; gap: .42rem; color: var(--energy-text) !important; font-size: .74rem !important; font-weight: 650 !important; }
.management-card[b-7w11kntoik]  .management-form-grid, .management-subcard[b-7w11kntoik]  .management-form-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: .65rem; }
.management-card[b-7w11kntoik]  .management-form-grid label, .management-subcard[b-7w11kntoik]  .management-form-grid label { display: grid; gap: .28rem; color: var(--energy-text-muted); font-size: .73rem; font-weight: 700; }
.management-card[b-7w11kntoik]  .management-form-grid__wide, .management-subcard[b-7w11kntoik]  .management-form-grid__wide { grid-column: 1 / -1; }
.management-card[b-7w11kntoik]  .check-label, .management-subcard[b-7w11kntoik]  .check-label { display: flex !important; align-items: center; gap: .42rem; color: var(--energy-text) !important; font-size: .74rem !important; font-weight: 650 !important; }
.management-card[b-7w11kntoik]  .permission-sections, .management-subcard[b-7w11kntoik]  .permission-sections { min-width: 0; margin: 0; padding: .8rem; border: 1px solid var(--energy-border); border-radius: .75rem; }
.management-card[b-7w11kntoik]  .permission-sections > legend, .management-subcard[b-7w11kntoik]  .permission-sections > legend { padding: 0 .3rem; color: var(--energy-navy); font-size: .78rem; font-weight: 800; }
.management-card[b-7w11kntoik]  .permission-sections__grid, .management-subcard[b-7w11kntoik]  .permission-sections__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: .7rem; }
.management-card[b-7w11kntoik]  .permission-section, .management-subcard[b-7w11kntoik]  .permission-section { display: grid; align-content: start; gap: .5rem; min-width: 0; padding: .75rem; border: 1px solid var(--energy-border); border-radius: .65rem; background: var(--energy-surface-soft); }
.management-card[b-7w11kntoik]  .permission-section h3, .management-subcard[b-7w11kntoik]  .permission-section h3 { margin: 0 0 .1rem; color: var(--energy-navy); font-size: .8rem; }
.management-card[b-7w11kntoik]  .permission-option, .management-subcard[b-7w11kntoik]  .permission-option { display: grid; grid-template-columns: 1rem minmax(0, 1fr); align-items: start; gap: .45rem; color: var(--energy-text); font-size: .74rem; line-height: 1.3; cursor: pointer; }
.management-card[b-7w11kntoik]  .permission-option input, .management-subcard[b-7w11kntoik]  .permission-option input { margin: .12rem 0 0; accent-color: var(--energy-green-dark); }
.management-danger-row[b-7w11kntoik], .action-row[b-7w11kntoik] { display: flex; flex-wrap: wrap; align-items: end; gap: .6rem; padding-top: .8rem; border-top: 1px solid var(--energy-border); }
.management-danger-row > label:not(.management-confirm)[b-7w11kntoik] { min-width: 13rem; flex: 1 1 13rem; }
.button--danger[b-7w11kntoik] { border-color: #d25a53; background: #a9362f; color: #fff; }
.link-button[b-7w11kntoik] { border: 0; background: transparent; color: var(--energy-green-dark); font-size: .72rem; font-weight: 750; }
.management-two-columns[b-7w11kntoik] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
.preview-box[b-7w11kntoik] { display: grid; gap: .28rem; padding: .7rem; border: 1px solid #bfe9d1; border-radius: .65rem; background: #f4fcf7; color: var(--energy-text); font-size: .75rem; }
.preview-box span[b-7w11kntoik], .preview-box small[b-7w11kntoik] { color: var(--energy-text-muted); }
.kpi-grid[b-7w11kntoik] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .65rem; }
.kpi-grid div[b-7w11kntoik] { display: grid; gap: .15rem; padding: .75rem; border-radius: .7rem; background: var(--energy-surface-soft); }
.kpi-grid small[b-7w11kntoik] { color: var(--energy-text-muted); font-size: .68rem; }.kpi-grid strong[b-7w11kntoik] { color: var(--energy-navy); font-size: 1.2rem; }
.management-loading[b-7w11kntoik] { display: flex; align-items: center; gap: .65rem; min-height: 10rem; justify-content: center; color: var(--energy-text-muted); }
.muted[b-7w11kntoik] { color: var(--energy-text-muted); font-size: .75rem; }
hr[b-7w11kntoik] { width: 100%; border: 0; border-top: 1px solid var(--energy-border); }
@media (max-width: 720px) { .management-workspace__heading[b-7w11kntoik], .management-card > header[b-7w11kntoik] { flex-direction: column; }.management-workspace__heading .button[b-7w11kntoik], .management-card > header .button[b-7w11kntoik] { width: 100%; }.management-two-columns[b-7w11kntoik] { grid-template-columns: 1fr; }.kpi-grid[b-7w11kntoik] { grid-template-columns: repeat(2, minmax(0, 1fr)); }.management-card[b-7w11kntoik], .management-subcard[b-7w11kntoik] { padding: .8rem; }.management-tabs[b-7w11kntoik] { margin-inline: -.15rem; } }
/* /Pages/Occupancy.razor.rz.scp.css */
.occupancy-page[b-v8yjt6wxza] { display: grid; gap: 1rem; }.occupancy-page h1[b-v8yjt6wxza] { margin: 0; color: var(--energy-navy); font-size: clamp(1.65rem, 3vw, 2.3rem); letter-spacing: -.04em; }.occupancy-page header p:last-child[b-v8yjt6wxza] { margin: .35rem 0 0; color: var(--energy-text-muted); }
/* /Pages/Sales.razor.rz.scp.css */
.sales-desk[b-vq9tljvg4q] { display: grid; gap: 1rem; }
.sales-desk__heading[b-vq9tljvg4q], .sales-customer[b-vq9tljvg4q], .sales-catalog header[b-vq9tljvg4q], .sales-checkout header[b-vq9tljvg4q] { display: flex; align-items: center; }
.sales-desk__heading[b-vq9tljvg4q] { justify-content: space-between; gap: 1rem; }
.sales-desk h1[b-vq9tljvg4q] { margin: 0; color: var(--energy-navy); font-size: clamp(1.65rem, 3vw, 2.3rem); letter-spacing: -0.04em; }
.sales-desk__heading p:last-child[b-vq9tljvg4q], .sales-customer p[b-vq9tljvg4q] { margin: 0.35rem 0 0; color: var(--energy-text-muted); }
.sales-desk__error[b-vq9tljvg4q] { padding: 0.7rem 0.8rem; border: 1px solid #efc8c4; border-radius: 0.7rem; background: #fff6f5; color: #903931; font-size: 0.8rem; }
.sales-customer[b-vq9tljvg4q], .sales-catalog[b-vq9tljvg4q], .sales-checkout[b-vq9tljvg4q] { padding: 1rem; border: 1px solid var(--energy-border); border-radius: 0.9rem; background: #fff; box-shadow: var(--energy-shadow-xs); }
.sales-customer[b-vq9tljvg4q] { justify-content: space-between; gap: 1rem; }
.sales-customer h2[b-vq9tljvg4q], .sales-catalog h2[b-vq9tljvg4q], .sales-checkout h2[b-vq9tljvg4q] { margin: 0; color: var(--energy-navy); font-size: 1.05rem; }
.sales-customer__anonymous[b-vq9tljvg4q] { display: flex; align-items: center; gap: 0.45rem; flex: 0 0 auto; font-size: 0.8rem; font-weight: 750; }
.sales-customer-results[b-vq9tljvg4q] { display: grid; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); gap: 0.5rem; }
.sales-customer-results button[b-vq9tljvg4q] { display: grid; gap: 0.1rem; padding: 0.6rem; border: 1px solid var(--energy-border); border-radius: 0.65rem; background: #fff; color: var(--energy-text); text-align: left; }
.sales-customer-results button:hover[b-vq9tljvg4q] { border-color: var(--energy-green); }
.sales-customer-results strong[b-vq9tljvg4q] { color: var(--energy-navy); font-size: 0.8rem; }.sales-customer-results small[b-vq9tljvg4q] { color: var(--energy-text-muted); font-size: 0.7rem; }
.sales-desk__columns[b-vq9tljvg4q] { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(19rem, .9fr); gap: 1rem; align-items: start; }
.sales-catalog[b-vq9tljvg4q], .sales-checkout[b-vq9tljvg4q] { display: grid; gap: 0.75rem; }
.sales-catalog header[b-vq9tljvg4q], .sales-checkout header[b-vq9tljvg4q] { justify-content: space-between; }.sales-catalog header > span[b-vq9tljvg4q], .sales-checkout header > span[b-vq9tljvg4q] { color: var(--energy-text-subtle); font-size: 0.7rem; }
.sales-catalog__items[b-vq9tljvg4q] { display: grid; grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr)); gap: 0.5rem; }
.sales-catalog__items button[b-vq9tljvg4q] { display: flex; justify-content: space-between; gap: 0.5rem; min-height: 4.2rem; padding: 0.65rem; border: 1px solid var(--energy-border); border-radius: 0.65rem; background: #fff; color: var(--energy-text); text-align: left; }.sales-catalog__items button:hover[b-vq9tljvg4q] { border-color: var(--energy-green); background: #f8fffb; }
.sales-catalog__items button > span[b-vq9tljvg4q] { display: grid; gap: 0.15rem; min-width: 0; }.sales-catalog__items strong[b-vq9tljvg4q] { overflow: hidden; color: var(--energy-navy); font-size: 0.78rem; text-overflow: ellipsis; white-space: nowrap; }.sales-catalog__items small[b-vq9tljvg4q] { color: var(--energy-text-muted); font-size: 0.67rem; }.sales-catalog__items b[b-vq9tljvg4q] { align-self: center; color: var(--energy-green-dark); font-size: 0.76rem; white-space: nowrap; }
.sales-empty[b-vq9tljvg4q] { display: grid; place-content: center; justify-items: center; gap: 0.55rem; min-height: 10rem; color: var(--energy-text-muted); font-size: 0.8rem; }
.sales-lines[b-vq9tljvg4q] { display: grid; gap: 0.65rem; padding: 0; margin: 0; list-style: none; }
.sales-line[b-vq9tljvg4q] { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(5.5rem, auto); align-items: center; gap: 0.5rem 0.7rem; padding-bottom: 0.7rem; border-bottom: 1px solid var(--energy-border); }
.sales-line__summary[b-vq9tljvg4q] { display: grid; min-width: 0; gap: 0.12rem; }
.sales-line__summary strong[b-vq9tljvg4q] { overflow: hidden; color: var(--energy-navy); font-size: 0.78rem; text-overflow: ellipsis; white-space: nowrap; }
.sales-line__summary small[b-vq9tljvg4q] { color: var(--energy-text-muted); font-size: 0.68rem; }
.sales-line__quantity[b-vq9tljvg4q] { display: flex; align-items: center; justify-content: center; gap: 0.3rem; }
.sales-line__quantity button[b-vq9tljvg4q] { display: grid; place-items: center; width: 1.85rem; height: 1.85rem; padding: 0; border: 1px solid var(--energy-border); border-radius: 0.48rem; background: #fff; color: var(--energy-navy); }
.sales-line__quantity span[b-vq9tljvg4q], .sales-line__total[b-vq9tljvg4q] { font-size: 0.75rem; }
.sales-line__total[b-vq9tljvg4q] { min-width: 5.5rem; color: var(--energy-navy); text-align: right; white-space: nowrap; }
.sales-line__zone[b-vq9tljvg4q] { display: grid; grid-column: 1 / -1; grid-template-columns: 8rem minmax(0, 1fr); align-items: center; gap: 0.65rem; color: var(--energy-text-muted); font-size: 0.72rem; font-weight: 700; }
.sales-line__zone select[b-vq9tljvg4q] { min-width: 0; }
.sales-total[b-vq9tljvg4q] { display: flex; justify-content: space-between; padding: 0.55rem 0; color: var(--energy-navy); }.sales-total strong[b-vq9tljvg4q] { font-size: 1.3rem; }
.payment-form[b-vq9tljvg4q] { display: grid; gap: 0.5rem; padding: 0.75rem; border-radius: 0.7rem; background: var(--energy-surface-soft); }.payment-form__heading[b-vq9tljvg4q] { display: grid; gap: 0.05rem; }.payment-form__heading strong[b-vq9tljvg4q] { color: var(--energy-navy); font-size: 0.82rem; }.payment-form__heading small[b-vq9tljvg4q] { color: var(--energy-text-muted); font-size: 0.68rem; }.payment-form label[b-vq9tljvg4q] { display: grid; grid-template-columns: minmax(0, 1fr) 7rem; align-items: center; gap: 0.5rem; color: var(--energy-text); font-size: 0.75rem; }.payment-form input[b-vq9tljvg4q] { min-width: 0; padding: 0.45rem; border: 1px solid var(--energy-border-strong); border-radius: 0.5rem; background: #fff; }.payment-form p[b-vq9tljvg4q] { margin: 0; font-size: 0.7rem; font-weight: 700; }.payment-form__valid[b-vq9tljvg4q] { color: var(--energy-green-dark); }.payment-form__invalid[b-vq9tljvg4q] { color: #a9362f; }.sales-checkout__hint[b-vq9tljvg4q] { margin: 0; padding: .55rem .65rem; border-radius: .55rem; background: #fff7e2; color: #765516; font-size: .72rem; font-weight: 700; }.sales-checkout__submit[b-vq9tljvg4q] { width: 100%; }.sales-success[b-vq9tljvg4q] { margin: 0; color: var(--energy-green-dark); font-size: 0.76rem; font-weight: 700; }
.anonymous-check-in[b-vq9tljvg4q] { display: grid; gap: .5rem; padding: .75rem; border: 1px solid #bfe9d1; border-radius: .7rem; background: #f4fcf7; }.anonymous-check-in strong[b-vq9tljvg4q] { color: var(--energy-navy); font-size: .8rem; }.anonymous-check-in span[b-vq9tljvg4q] { color: var(--energy-text-muted); font-size: .72rem; }.anonymous-check-in select[b-vq9tljvg4q] { min-height: 2.5rem; padding: .45rem; border: 1px solid var(--energy-border-strong); border-radius: .55rem; background: #fff; }
@media (max-width: 800px) { .sales-desk__columns[b-vq9tljvg4q] { grid-template-columns: 1fr; }.sales-catalog__items[b-vq9tljvg4q] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .sales-desk__heading[b-vq9tljvg4q], .sales-customer[b-vq9tljvg4q] { align-items: flex-start; flex-direction: column; }.sales-desk__heading .button[b-vq9tljvg4q] { width: 100%; }.sales-customer__anonymous[b-vq9tljvg4q] { min-height: 2.5rem; }.sales-catalog__items[b-vq9tljvg4q] { grid-template-columns: 1fr; }.sales-line[b-vq9tljvg4q] { grid-template-columns: minmax(0, 1fr) auto; }.sales-line__total[b-vq9tljvg4q] { grid-column: 1 / -1; grid-row: 2; text-align: right; }.sales-line__zone[b-vq9tljvg4q] { grid-row: 3; grid-template-columns: 1fr; gap: .3rem; } }
/* /Pages/Visits.razor.rz.scp.css */
.visits-page[b-idsxmmkmc1] { display: grid; gap: 1rem; }.visits-page h1[b-idsxmmkmc1] { margin: 0; color: var(--energy-navy); font-size: clamp(1.65rem, 3vw, 2.3rem); letter-spacing: -.04em; }.visits-page header p:last-child[b-idsxmmkmc1] { margin: .35rem 0 0; color: var(--energy-text-muted); }.visits-page__error[b-idsxmmkmc1] { padding: .7rem .8rem; border: 1px solid #efc8c4; border-radius: .7rem; background: #fff6f5; color: #903931; font-size: .8rem; }.visits-results[b-idsxmmkmc1] { display: grid; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); gap: .5rem; }.visits-results button[b-idsxmmkmc1] { display: flex; align-items: center; gap: .6rem; padding: .65rem; border: 1px solid var(--energy-border); border-radius: .7rem; background: #fff; color: var(--energy-text); text-align: left; }.visits-results button:hover[b-idsxmmkmc1] { border-color: var(--energy-green); }.visits-results button > span[b-idsxmmkmc1] { display: grid; place-items: center; width: 2.2rem; height: 2.2rem; border-radius: 50%; background: var(--energy-green-soft); color: var(--energy-green-dark); font-size: .7rem; font-weight: 800; }.visits-results div[b-idsxmmkmc1] { display: grid; gap: .1rem; }.visits-results strong[b-idsxmmkmc1] { color: var(--energy-navy); font-size: .8rem; }.visits-results small[b-idsxmmkmc1] { color: var(--energy-text-muted); font-size: .7rem; }