@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.ewdlgswx1m.bundle.scp.css';

/* _content/BlazorServerPortal/Components/Pages/Account/ChangePassword.razor.rz.scp.css */
.auth-card.cp-card[b-51nwibwj4t] {
    max-width: 599px;
}

.auth-error[b-51nwibwj4t] {
    color: var(--status-error);
    font-size: 0.8rem;
    margin-top: 0.35rem;
}

.auth-hint[b-51nwibwj4t] {
    color: var(--text-muted);
    font-size: 0.78rem;
    margin-top: 0.35rem;
    line-height: 1.4;
}

.cp-infobox[b-51nwibwj4t] {
    margin: 0 0 1.25rem;
}

.pw-wrap[b-51nwibwj4t] {
    position: relative;
    width: 100%;
}
.pw-eye[b-51nwibwj4t] {
    position: absolute;
    top: calc(50% - 3px);
    left: 8px;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    cursor: pointer;
    color: var(--text-muted);
    padding: 4px;
    border-radius: 4px;
    z-index: 2;
}

.pw-eye:hover[b-51nwibwj4t] {
    color: var(--text-strong);
}

.pw-wrap[b-51nwibwj4t]  .pw-input::part(control) {
    padding-inline-start: 2.4rem;
}

.cp-linkbtn[b-51nwibwj4t] {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--brand);
}

.cp-linkbtn:hover[b-51nwibwj4t] {
    text-decoration: underline;
}
/* _content/BlazorServerPortal/Components/Pages/Account/ForgotPassword.razor.rz.scp.css */
.fp-stepper[b-k7mwlgljj5] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-bottom: 1.75rem;
}

.fp-step[b-k7mwlgljj5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.fp-dot[b-k7mwlgljj5] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    font-weight: 600;
    border: 1.5px solid var(--border-strong);
    color: var(--text-muted);
    background: var(--surface);
}

.fp-step--active .fp-dot[b-k7mwlgljj5],
.fp-step--done .fp-dot[b-k7mwlgljj5] {
    background: var(--brand);
    border-color: var(--brand);
    color: #fff;
}

.fp-step-label[b-k7mwlgljj5] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

.fp-step--active .fp-step-label[b-k7mwlgljj5] {
    color: var(--text-strong);
    font-weight: 600;
}

.fp-line[b-k7mwlgljj5] {
    width: 44px;
    height: 2px;
    background: var(--border);
    border-radius: 2px;
}

.fp-line--done[b-k7mwlgljj5] {
    background: var(--brand);
}

.fp-resend-wait[b-k7mwlgljj5] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

.fp-result[b-k7mwlgljj5] {
    display: flex;
    justify-content: center;
    margin-bottom: 1.1rem;
}
/* _content/BlazorServerPortal/Components/Pages/Admin/AddressDictionary.razor.rz.scp.css */
.addr-tb-spacer[b-qhxaesp8jg] { flex: 1 1 auto; }

.addr-item-name[b-qhxaesp8jg] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-weight: 600;
    min-width: 0;
}

.addr-dot[b-qhxaesp8jg] {
    min-width: 22px;
    height: 20px;
    border-radius: 999px;
    background: var(--neutral-layer-3, var(--neutral-layer-2));
    color: var(--text-muted);
    font-size: 0.72rem;
    font-weight: 700;
    display: grid;
    place-items: center;
    padding: 0 7px;
    font-variant-numeric: tabular-nums;
}

.addr-dot.has[b-qhxaesp8jg] { background: var(--accent-fill-rest); color: #fff; }

.addr-dhead[b-qhxaesp8jg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.addr-dhead h3[b-qhxaesp8jg] { margin: 0; font-size: 1.15rem; font-weight: 700; }
.addr-dhead-actions[b-qhxaesp8jg] { display: flex; gap: 0.75rem; flex: none; }

.addr-dsub[b-qhxaesp8jg] { color: var(--text-faint); font-size: 0.8rem; margin-top: 0.15rem; }

.addr-sec[b-qhxaesp8jg] {
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--text-muted);
    margin: 1.2rem 0 0.6rem;
}

.addr-bld[b-qhxaesp8jg] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.45rem 0.1rem;
    border-bottom: 1px solid var(--neutral-stroke-rest);
}

.addr-bld-no[b-qhxaesp8jg] {
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    min-width: 2.5rem;
}

.addr-bld-meta[b-qhxaesp8jg] { flex: 1; min-width: 0; color: var(--text-muted); font-size: 0.82rem; }

.addr-empty[b-qhxaesp8jg] {
    font-size: 0.82rem;
    color: var(--text-faint);
    font-style: italic;
}

/* dialog forms (inline FluentDialog — scoped CSS applies) */
.addr-form[b-qhxaesp8jg] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-width: 340px;
}

.addr-field[b-qhxaesp8jg] { display: flex; flex-direction: column; gap: 0.25rem; }
.addr-field label[b-qhxaesp8jg] { font-size: 0.8rem; color: var(--text-secondary); }

.addr-row2[b-qhxaesp8jg] { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; }

.addr-sep[b-qhxaesp8jg] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--text-secondary);
    border-top: 1px solid var(--border-subtle);
    padding-top: 0.6rem;
    margin-top: 0.2rem;
}
/* _content/BlazorServerPortal/Components/Pages/Admin/GuestParking.razor.rz.scp.css */
.gp-form[b-0roqwrbejv] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 460px;
    max-width: 100%;
}

.gp-two[b-0roqwrbejv] {
    display: flex;
    gap: 0.75rem;
}

.gp-two > *[b-0roqwrbejv] {
    flex: 1;
    min-width: 0;
}

.gp-sub[b-0roqwrbejv] {
    color: var(--text-muted);
    font-weight: 400;
    font-size: 0.8rem;
}

.gp-checks[b-0roqwrbejv] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    max-height: 160px;
    overflow-y: auto;
    border: 1px solid var(--border-subtle);
    border-radius: 6px;
    padding: 0.6rem 0.7rem;
}

.gp-toggles[b-0roqwrbejv] {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
}
/* _content/BlazorServerPortal/Components/Pages/Admin/ManagerAccounts.razor.rz.scp.css */
.mgr-form[b-19p1vdche7] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 22rem;
}

.mgr-form-row[b-19p1vdche7] {
    display: flex;
    gap: 0.75rem;
}

.mgr-pill[b-19p1vdche7] {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
    border: 1px solid transparent;
    white-space: nowrap;
}

.mgr-pill-active[b-19p1vdche7] {
    background: var(--status-success-bg);
    color: var(--status-success);
    border-color: var(--status-success-border);
}

.mgr-pill-pending[b-19p1vdche7] {
    background: var(--status-warning-bg);
    color: var(--status-warning);
    border-color: var(--status-warning-border);
}

.mgr-pill-disabled[b-19p1vdche7] {
    background: var(--status-error-bg);
    color: var(--status-error);
    border-color: var(--status-error-border);
}
/* _content/BlazorServerPortal/Components/Pages/Admin/UserTypes.razor.rz.scp.css */
.ut-row-color[b-tr9rfzy480] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.ut-swatch[b-tr9rfzy480] {
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 4px;
    border: 1px solid var(--border);
    background: var(--ut-color);
    flex: 0 0 auto;
}

.ut-form[b-tr9rfzy480] {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
}

.ut-form-row[b-tr9rfzy480] {
    display: flex;
    gap: 0.75rem;
    align-items: flex-end;
}

.ut-color-row[b-tr9rfzy480] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.ut-color-sep[b-tr9rfzy480] {
    width: 1px;
    align-self: stretch;
    background: var(--border-subtle);
}

.ut-custom[b-tr9rfzy480] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.8rem;
    color: var(--text-muted);
    cursor: pointer;
}

.ut-custom input[type="color"][b-tr9rfzy480] {
    width: 1.9rem;
    height: 1.9rem;
    padding: 0;
    border: 1px solid var(--border);
    border-radius: 6px;
    background: none;
    cursor: pointer;
}

.ut-palette[b-tr9rfzy480] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.ut-pcell[b-tr9rfzy480] {
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 6px;
    cursor: pointer;
    padding: 0;
    border: 2px solid transparent;
    background: var(--ut-color);
    transition: transform 0.08s ease;
}

.ut-pcell:hover[b-tr9rfzy480] {
    transform: scale(1.08);
}

.ut-pcell.sel[b-tr9rfzy480] {
    border-color: var(--text-strong);
    box-shadow: inset 0 0 0 2px var(--surface);
}

.ut-preview[b-tr9rfzy480] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.ut-preview-label[b-tr9rfzy480] {
    font-size: 0.75rem;
    color: var(--text-muted);
}
/* _content/BlazorServerPortal/Components/Pages/Dashboard/Dashboard.razor.rz.scp.css */
.dashboard-action-card[b-6et8ykkdvy] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: var(--status-warning-bg);
    border: 1px solid var(--status-warning-border);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.dashboard-action-card:hover[b-6et8ykkdvy] {
    background: var(--status-warning-border);
    border-color: var(--status-warning);
}

.dashboard-action-icon[b-6et8ykkdvy] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    min-width: 36px;
    background: var(--status-warning-bg);
    border: 1px solid var(--status-warning-border);
    border-radius: 8px;
}

.dash-news[b-6et8ykkdvy] {
    margin-top: 1rem;
}

.dash-news-grid[b-6et8ykkdvy] {
    display: grid;
    gap: 0.8rem;
}
/* _content/BlazorServerPortal/Components/Pages/Facility/ParkingSpaces.razor.rz.scp.css */
.ps-tb-spacer[b-iwd4p8qbot] { flex: 1 1 auto; }

.ps-seg[b-iwd4p8qbot] {
    display: inline-flex;
    border: 1px solid var(--neutral-stroke-strong, var(--neutral-stroke-rest));
    border-radius: 6px;
    overflow: hidden;
}
.ps-seg button[b-iwd4p8qbot] {
    border: none;
    background: var(--neutral-fill-rest, transparent);
    color: var(--text-muted);
    font: inherit;
    font-size: 0.8rem;
    padding: 6px 11px;
    cursor: pointer;
    border-right: 1px solid var(--neutral-stroke-rest);
}
.ps-seg button:last-child[b-iwd4p8qbot] { border-right: none; }
.ps-seg button.on[b-iwd4p8qbot] { background: var(--neutral-layer-2); color: var(--neutral-foreground-rest); font-weight: 600; }

.ps-apt-name[b-iwd4p8qbot] { font-weight: 600; }
.ps-dot[b-iwd4p8qbot] {
    min-width: 22px; height: 20px; border-radius: 999px;
    background: var(--neutral-layer-3, var(--neutral-layer-2)); color: var(--text-muted);
    font-size: 0.72rem; font-weight: 700; display: grid; place-items: center; padding: 0 7px;
    font-variant-numeric: tabular-nums;
}
.ps-dot.has[b-iwd4p8qbot] { background: var(--accent-fill-rest); color: #fff; }

.ps-dhead[b-iwd4p8qbot] { font-size: 1.15rem; font-weight: 700; }
.ps-dsub[b-iwd4p8qbot] { color: var(--text-faint); font-size: 0.8rem; margin-top: 0.15rem; }

.ps-sec[b-iwd4p8qbot] {
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--text-muted);
    margin: 1.2rem 0 0.6rem;
}

.ps-space[b-iwd4p8qbot] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.45rem 0.1rem;
    border-bottom: 1px solid var(--neutral-stroke-rest);
}

.ps-space-no[b-iwd4p8qbot] {
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    min-width: 2.5rem;
}

.ps-space-meta[b-iwd4p8qbot] { flex: 1; min-width: 0; color: var(--text-muted); font-size: 0.82rem; }

.ps-add[b-iwd4p8qbot] { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; margin-bottom: 0.9rem; }
/* _content/BlazorServerPortal/Components/Pages/Manager/Invoices.razor.rz.scp.css */
.inv-neg[b-3aphxovffx] {
    color: var(--status-error);
}

.doc-body[b-3aphxovffx] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.doc-head[b-3aphxovffx] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.doc-number[b-3aphxovffx] {
    font-weight: 700;
    font-size: 1.1rem;
    font-family: ui-monospace, Menlo, monospace;
}

.doc-card[b-3aphxovffx] {
    display: grid;
    gap: 0.75rem;
    padding: 0.75rem;
    background: var(--sidebar-bg);
    border-radius: 8px;
    border: 1px solid var(--border);
}

.doc-plain-grid[b-3aphxovffx] {
    display: grid;
    gap: 0.75rem;
}

.doc-grid-2[b-3aphxovffx] {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.doc-grid-3[b-3aphxovffx] {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}

.doc-grid-4[b-3aphxovffx] {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
}

.doc-section-title[b-3aphxovffx] {
    font-weight: 600;
    font-size: 0.85rem;
    margin-bottom: 0.5rem;
}

.doc-refund-card[b-3aphxovffx] {
    padding: 0.75rem;
    background: var(--status-error-bg);
    border-radius: 8px;
    border: 1px solid var(--status-error-border);
}

.doc-refund-title[b-3aphxovffx] {
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--status-error);
    margin-bottom: 0.5rem;
}

.doc-amount[b-3aphxovffx] {
    font-weight: 600;
    font-size: 1.1rem;
}

.doc-paid[b-3aphxovffx] {
    font-weight: 600;
    color: var(--status-success);
}

.doc-muted[b-3aphxovffx] {
    opacity: 0.5;
    font-size: 0.85rem;
}
/* _content/BlazorServerPortal/Components/Pages/Manager/NewResident.razor.rz.scp.css */
.nr-cols[b-gc48oblki8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    align-items: start;
}

.nr-col[b-gc48oblki8] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}

.nr-plates[b-gc48oblki8] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.nr-plate-item[b-gc48oblki8] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.nr-plate-item + .nr-plate-item[b-gc48oblki8] {
    border-top: 1px solid var(--border-subtle);
    padding-top: 12px;
}

.nr-plate-head[b-gc48oblki8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nr-plate-title[b-gc48oblki8] {
    font-weight: 600;
    font-size: 0.82rem;
    color: var(--text-secondary);
}

.nr-plate-fields[b-gc48oblki8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px 12px;
}

.nr-plate-msg[b-gc48oblki8] {
    font-size: 0.76rem;
    color: var(--status-error);
}

.nr-plate-del[b-gc48oblki8] {
    width: 28px;
    height: 28px;
    flex: 0 0 auto;
    padding: 0;
    border: none;
    background: transparent;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.nr-plate-del:hover[b-gc48oblki8] {
    background: var(--status-error-bg);
}

.nr-dup-warn[b-gc48oblki8] {
    margin-top: 8px;
    font-size: 0.76rem;
    color: var(--status-error);
}

.nr-grid-2[b-gc48oblki8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 14px;
}

.nr-span2[b-gc48oblki8] {
    grid-column: span 2;
}

.nr-grid-3[b-gc48oblki8] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px 14px;
}

.nr-cap[b-gc48oblki8] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--text-faint);
    margin: 16px 0 8px;
}

.nr-seg[b-gc48oblki8] {
    display: inline-flex;
    border: 1px solid var(--border);
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 12px;
}

.nr-seg button[b-gc48oblki8] {
    border: none;
    background: var(--surface);
    padding: 7px 14px;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    color: var(--text-secondary);
}

.nr-seg button.on[b-gc48oblki8] {
    background: var(--accent-fill-rest);
    color: #fff;
}

.nr-link[b-gc48oblki8] {
    color: var(--accent-fill-rest);
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    margin-left: 4px;
}

.nr-toggle-link[b-gc48oblki8] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 8px;
    background: none;
    border: none;
    padding: 0;
    color: var(--accent-fill-rest);
    font-weight: 600;
    font-size: 0.8rem;
    cursor: pointer;
}

.nr-pwd-checklist[b-gc48oblki8] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 14px;
    margin-top: 8px;
    font-size: 0.74rem;
}

.nr-pwd-ok[b-gc48oblki8] {
    color: var(--status-success);
}

.nr-pwd-bad[b-gc48oblki8] {
    color: var(--status-error);
}

.nr-actions[b-gc48oblki8] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
    align-items: center;
    margin-top: 2px;
}

@media (max-width: 760px) {
    .nr-cols[b-gc48oblki8] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 460px) {
    .nr-grid-2[b-gc48oblki8],
    .nr-grid-3[b-gc48oblki8] {
        grid-template-columns: 1fr;
    }

    .nr-span2[b-gc48oblki8] {
        grid-column: auto;
    }
}
/* _content/BlazorServerPortal/Components/Pages/Manager/PaymentHistory.razor.rz.scp.css */
.ph-struck[b-8bfhyl075w] {
    text-decoration: line-through;
    color: var(--text-faint);
}

.ph-noresults[b-8bfhyl075w] {
    padding: 2rem;
}
/* _content/BlazorServerPortal/Components/Pages/Manager/ResidentDetails.razor.rz.scp.css */
.rd-card[b-ddnmn48yxi] {
    padding: 16px 18px;
}

.rd-hero[b-ddnmn48yxi] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.rd-avatar[b-ddnmn48yxi] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--brand-surface);
    color: var(--brand);
    display: grid;
    place-items: center;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    flex: 0 0 auto;
}

.rd-hero-info[b-ddnmn48yxi] {
    flex: 1;
    min-width: 180px;
}

.rd-hero-name[b-ddnmn48yxi] {
    font-size: 1.18rem;
    font-weight: 650;
}

.rd-hero-meta[b-ddnmn48yxi] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 4px;
    font-size: 0.83rem;
    color: var(--text-muted);
}

.rd-stats[b-ddnmn48yxi] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.rd-stat[b-ddnmn48yxi] {
    text-align: center;
}

.rd-stat-v[b-ddnmn48yxi] {
    font-size: 1.2rem;
    font-weight: 700;
}

.rd-stat-l[b-ddnmn48yxi] {
    font-size: 0.7rem;
    color: var(--text-secondary);
    font-weight: 600;
    margin-top: 1px;
}

.rd-stat-sep[b-ddnmn48yxi] {
    width: 1px;
    background: var(--border);
    align-self: stretch;
}

/* Info cards - compact 2x2 */
.rd-info[b-ddnmn48yxi] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-bottom: 18px;
    align-items: stretch;
}

@media (max-width: 760px) {
    .rd-info[b-ddnmn48yxi] {
        grid-template-columns: 1fr;
    }
}

.rd-tables[b-ddnmn48yxi] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.rd-dgrid[b-ddnmn48yxi] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 18px;
}

.rd-fgrid[b-ddnmn48yxi] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 16px;
}

.rd-span2[b-ddnmn48yxi] {
    grid-column: span 2;
}

.rd-ntable[b-ddnmn48yxi] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.rd-ntable th[b-ddnmn48yxi] {
    color: var(--text-secondary);
    font-weight: 600;
    font-size: 0.72rem;
    padding: 6px 8px;
    text-align: center;
    background: var(--surface-alt);
    border-bottom: 1px solid var(--border);
}

.rd-ntable th:first-child[b-ddnmn48yxi] {
    text-align: left;
    border-radius: 6px 0 0 6px;
}

.rd-ntable th:last-child[b-ddnmn48yxi] {
    border-radius: 0 6px 6px 0;
}

.rd-ntable td[b-ddnmn48yxi] {
    padding: 8px;
    border-bottom: 1px solid var(--border-subtle);
    color: var(--text-secondary);
}

.rd-ntable tr:last-child td[b-ddnmn48yxi] {
    border-bottom: none;
}

.rd-ntable td.c[b-ddnmn48yxi] {
    text-align: center;
    width: 66px;
}

.rd-nno[b-ddnmn48yxi] {
    color: var(--text-faint);
}

.rd-lim-inline[b-ddnmn48yxi] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px 32px;
}

.rd-lim-item[b-ddnmn48yxi] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.rd-lim-cap[b-ddnmn48yxi] {
    font-size: 0.72rem;
    color: var(--text-secondary);
    font-weight: 600;
}

.rd-lim-val[b-ddnmn48yxi] {
    font-weight: 700;
    font-size: 0.95rem;
}

.rd-lim-def[b-ddnmn48yxi] {
    color: var(--text-secondary);
    font-weight: 400;
    font-size: 0.85rem;
}

.rd-empty[b-ddnmn48yxi] {
    color: var(--text-secondary);
    font-size: 0.83rem;
    margin: 0;
}

.rd-actions[b-ddnmn48yxi] {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid var(--border-subtle);
}

.rd-tbl-head[b-ddnmn48yxi] {
    padding: 14px 16px 0;
}

.rd-tbl-empty[b-ddnmn48yxi] {
    padding: 0 16px 16px;
}

.rd-tbl-pager[b-ddnmn48yxi] {
    padding: 1rem;
}

@media (max-width: 560px) {
    .rd-dgrid[b-ddnmn48yxi],
    .rd-fgrid[b-ddnmn48yxi] {
        grid-template-columns: 1fr;
    }

    .rd-span2[b-ddnmn48yxi] {
        grid-column: auto;
    }
}
/* _content/BlazorServerPortal/Components/Pages/Manager/Residents.razor.rz.scp.css */
.privacy-wrap[b-tgue21eco9] {
    position: relative;
}

.privacy-blur[b-tgue21eco9] {
    filter: blur(7px);
    pointer-events: none;
    user-select: none;
}

.privacy-overlay[b-tgue21eco9] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.45);
    border-radius: 10px;
    cursor: pointer;
    z-index: 2;
}

[data-theme="dark"] .privacy-overlay[b-tgue21eco9] {
    background: rgba(0, 0, 0, 0.4);
}

.privacy-box[b-tgue21eco9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    text-align: center;
    padding: 24px 28px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);
    max-width: 340px;
}

.privacy-title[b-tgue21eco9] {
    font-weight: 600;
    font-size: 0.98rem;
    margin-top: 2px;
}

.privacy-msg[b-tgue21eco9] {
    font-size: 0.83rem;
    color: var(--text-secondary);
    line-height: 1.4;
    margin-bottom: 6px;
}
/* _content/BlazorServerPortal/Components/Pages/Manager/ResidentsByBuilding.razor.rz.scp.css */
.rb-building[b-5pm64adeba] {
    margin-bottom: 0.6rem;
    padding: 0;
    overflow: hidden;
}

.rb-head[b-5pm64adeba] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.75rem 1rem;
    cursor: pointer;
    user-select: none;
}

.rb-head:hover[b-5pm64adeba] {
    background: var(--surface-alt);
}

.rb-ic[b-5pm64adeba] {
    width: 36px;
    height: 36px;
    border-radius: 9px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    background: var(--primary-pale-bg);
    border: 1px solid var(--primary-pale-border);
    color: var(--brand);
}

.rb-ic[b-5pm64adeba]  svg {
    width: 18px;
    height: 18px;
}

.rb-info[b-5pm64adeba] {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
}

.rb-addr[b-5pm64adeba] {
    font-weight: 600;
    font-size: 1rem;
}

.rb-meta[b-5pm64adeba] {
    font-size: 0.8rem;
    color: var(--text-secondary);
}

.rb-body[b-5pm64adeba] {
    border-top: 1px solid var(--border-subtle);
}

.rb-pager[b-5pm64adeba] {
    padding: 0.75rem 1rem;
}

.rb-plates[b-5pm64adeba] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.rb-vline[b-5pm64adeba] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.rb-more[b-5pm64adeba] {
    font-size: 0.72rem;
    color: var(--brand);
    font-weight: 600;
    cursor: pointer;
    width: fit-content;
}

.rb-more:hover[b-5pm64adeba] {
    text-decoration: underline;
}
/* _content/BlazorServerPortal/Components/Pages/Permits/PermitDetails.razor.rz.scp.css */
.action-card[b-6lqsnlx6sb] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    margin-top: 0.75rem;
    background: var(--status-warning-bg);
    border: 1px solid var(--status-warning-border);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.action-card:hover[b-6lqsnlx6sb] {
    background: var(--status-warning-border);
    border-color: var(--status-warning);
}

.action-card-icon[b-6lqsnlx6sb] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    min-width: 40px;
    background: var(--status-warning-bg);
    border: 1px solid var(--status-warning-border);
    border-radius: 8px;
}

.action-card-content[b-6lqsnlx6sb] {
    flex: 1;
    min-width: 0;
}

.action-card-title[b-6lqsnlx6sb] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--text-strong);
    margin-bottom: 0.125rem;
}

.action-card-description[b-6lqsnlx6sb] {
    font-size: 0.8125rem;
    color: var(--text-muted);
    line-height: 1.4;
}

@media (max-width: 480px) {
    .action-card[b-6lqsnlx6sb] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* _content/BlazorServerPortal/Components/Pages/Permits/RequestPermit.razor.rz.scp.css */
.request-cols[b-gm628pxf4m] {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.req-card[b-gm628pxf4m] {
    padding: 18px 20px;
}

.req-card + .req-card[b-gm628pxf4m] {
    margin-top: 14px;
}

.request-summary[b-gm628pxf4m] {
    align-self: stretch;
}

@media (max-width: 860px) {
    .request-cols[b-gm628pxf4m] {
        grid-template-columns: 1fr;
    }
}

.req-info-grid[b-gm628pxf4m] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 18px;
}

.dur-list[b-gm628pxf4m] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.dur-opt[b-gm628pxf4m] {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--border-strong);
    border-radius: 8px;
    padding: 11px 14px;
    cursor: pointer;
    transition: border-color 0.12s ease, background 0.12s ease;
}

.dur-opt:hover[b-gm628pxf4m] {
    border-color: var(--border-strong);
}

.dur-opt.sel[b-gm628pxf4m] {
    border-color: var(--brand);
    background: var(--brand-surface);
    box-shadow: inset 0 0 0 1px var(--brand);
}

.dur-radio[b-gm628pxf4m] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid var(--text-faint);
    flex: 0 0 auto;
}

.dur-opt.sel .dur-radio[b-gm628pxf4m] {
    border-color: var(--brand);
    background: radial-gradient(circle, var(--brand) 40%, var(--surface) 46%);
}

.dur-name[b-gm628pxf4m] {
    flex: 1;
    font-weight: 500;
}

.dur-price[b-gm628pxf4m] {
    font-weight: 700;
    color: var(--text-strong);
}

.dur-start[b-gm628pxf4m] {
    margin-top: 14px;
}

.dur-validity[b-gm628pxf4m] {
    margin-top: 14px;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 4px 14px;
    align-items: baseline;
    padding: 12px 14px;
    background: var(--surface-alt);
    border-radius: 8px;
}

.dur-validity-label[b-gm628pxf4m] {
    font-size: 0.8rem;
    color: var(--text-secondary);
}

.dur-validity-value[b-gm628pxf4m] {
    font-weight: 600;
    color: var(--text-strong);
    text-align: right;
}

.dur-validity-note[b-gm628pxf4m] {
    margin: 8px 0 0;
    font-size: 0.78rem;
    color: var(--text-secondary);
    line-height: 1.35;
}
/* _content/BlazorServerPortal/Components/Pages/Profile/MyProfile.razor.rz.scp.css */
.pf-card[b-2cjpy9b9m2] {
    padding: 18px 20px;
}

.pf-hero[b-2cjpy9b9m2] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 14px;
}

.pf-avatar[b-2cjpy9b9m2] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: var(--brand-surface);
    color: var(--brand);
    display: grid;
    place-items: center;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    flex: 0 0 auto;
}

.pf-hero-name[b-2cjpy9b9m2] {
    font-size: 1.2rem;
    font-weight: 650;
}

.pf-hero-meta[b-2cjpy9b9m2] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 4px;
    font-size: 0.83rem;
    color: var(--text-muted);
}

.pf-cols[b-2cjpy9b9m2] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    align-items: start;
}

.pf-col[b-2cjpy9b9m2] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

@media (max-width: 800px) {
    .pf-cols[b-2cjpy9b9m2] {
        grid-template-columns: 1fr;
    }
}

.pf-read-grid[b-2cjpy9b9m2] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 20px;
}

.pf-form-grid[b-2cjpy9b9m2] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 18px;
}

.pf-field[b-2cjpy9b9m2] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pf-label[b-2cjpy9b9m2] {
    font-size: 0.72rem;
    color: var(--text-secondary);
    font-weight: 600;
}

.pf-hint[b-2cjpy9b9m2] {
    font-size: 0.75rem;
    color: var(--text-secondary);
    margin: 8px 0 0;
}

.pf-actions[b-2cjpy9b9m2] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid var(--border-subtle);
}

.pf-lock[b-2cjpy9b9m2] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.76rem;
    color: var(--text-faint);
    background: var(--surface-alt);
    border: 1px solid var(--border);
    padding: 3px 9px;
    border-radius: 20px;
    white-space: nowrap;
}

.pf-sec-row[b-2cjpy9b9m2] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 11px 0;
    border-bottom: 1px solid var(--border-subtle);
}

.pf-sec-row:last-child[b-2cjpy9b9m2] {
    border-bottom: none;
}

.pf-sec-ic[b-2cjpy9b9m2] {
    width: 34px;
    height: 34px;
    border-radius: 9px;
    background: var(--surface-alt);
    color: var(--text-secondary);
    display: grid;
    place-items: center;
    flex: 0 0 auto;
}

.pf-sec-main[b-2cjpy9b9m2] {
    flex: 1;
    min-width: 0;
}

.pf-sec-lbl[b-2cjpy9b9m2] {
    font-size: 0.72rem;
    color: var(--text-secondary);
    font-weight: 600;
    margin-bottom: 1px;
}

.pf-sec-value[b-2cjpy9b9m2] {
    font-size: 0.88rem;
    font-weight: 500;
}

.pf-sec-dots[b-2cjpy9b9m2] {
    font-size: 1.05rem;
    letter-spacing: 3px;
    color: var(--text-faint);
}

.pf-sec-hint[b-2cjpy9b9m2] {
    font-size: 0.78rem;
    color: var(--text-muted);
    margin-top: 0.15rem;
}

.pf-sec-empty[b-2cjpy9b9m2] {
    font-size: 0.82rem;
    color: var(--text-faint);
    font-style: italic;
    max-width: 46ch;
}

.pf-ntable[b-2cjpy9b9m2] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.pf-ntable th[b-2cjpy9b9m2] {
    color: var(--text-secondary);
    font-weight: 600;
    font-size: 0.72rem;
    padding: 7px 8px;
    text-align: center;
    background: var(--surface-alt);
    border-bottom: 1px solid var(--border);
}

.pf-ntable th:first-child[b-2cjpy9b9m2] {
    text-align: left;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.pf-ntable th:last-child[b-2cjpy9b9m2] {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.pf-ntable td[b-2cjpy9b9m2] {
    padding: 9px 8px;
    border-bottom: 1px solid var(--border-subtle);
    color: var(--text-secondary);
}

.pf-ntable tr:last-child td[b-2cjpy9b9m2] {
    border-bottom: none;
}

.pf-ntable td.c[b-2cjpy9b9m2] {
    text-align: center;
    width: 72px;
}

.pf-nno[b-2cjpy9b9m2] {
    color: var(--text-faint);
}

/* Dialogs */
.pf-pw-grid[b-2cjpy9b9m2] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 320px;
}

@media (max-width: 560px) {
    .pf-read-grid[b-2cjpy9b9m2],
    .pf-form-grid[b-2cjpy9b9m2] {
        grid-template-columns: 1fr;
    }
}
/* _content/BlazorServerPortal/Components/Shared/Dialogs/PermitDetailsContent.razor.rz.scp.css */
.pdd-head[b-ctr0a4733e] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.pdd-id[b-ctr0a4733e] {
    font-family: ui-monospace, Menlo, monospace;
    font-size: 0.75rem;
    opacity: 0.5;
}

.pdd-who[b-ctr0a4733e] {
    display: flex;
    align-items: center;
    gap: 11px;
    background: var(--sidebar-bg);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 10px;
    padding: 9px 13px;
    margin-bottom: 4px;
}

.pdd-av[b-ctr0a4733e] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--accent-fill-rest);
    color: #fff;
    font-weight: 700;
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.pdd-who-name[b-ctr0a4733e] {
    font-weight: 600;
    font-size: 0.85rem;
}

.pdd-who-meta[b-ctr0a4733e] {
    font-size: 0.75rem;
    color: var(--text-muted);
}

.pdd-footer[b-ctr0a4733e] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
}

.pdd-actions[b-ctr0a4733e] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
}

.pdd-spacer[b-ctr0a4733e] {
    flex: 1;
}
/* _content/BlazorServerPortal/Components/Shared/Dialogs/RefundContent.razor.rz.scp.css */
.rfd-col[b-8dg7vdtsqh] {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
    min-width: 360px;
}

.rfd-box[b-8dg7vdtsqh] {
    background: var(--surface-alt);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 0.75rem 0.875rem;
}

.rfd-grid2[b-8dg7vdtsqh] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.rfd-types[b-8dg7vdtsqh] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.rfd-box--total[b-8dg7vdtsqh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.rfd-total-lbl[b-8dg7vdtsqh] {
    font-size: 0.8rem;
    color: var(--text-muted);
    font-weight: 600;
}

.rfd-amount[b-8dg7vdtsqh] {
    color: var(--status-success);
    font-size: 1.05rem;
}

.rfd-amount--lg[b-8dg7vdtsqh] {
    font-size: 1.35rem;
}
/* _content/BlazorServerPortal/Components/Shared/PaymentDetailsDialog.razor.rz.scp.css */
.pd-head[b-8p5kxog920] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.pd-id[b-8p5kxog920] {
    font-family: ui-monospace, Menlo, monospace;
    font-size: 0.75rem;
    opacity: 0.5;
}

.pd-body[b-8p5kxog920] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.pd-summary[b-8p5kxog920] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    background: var(--sidebar-bg);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 10px;
    padding: 12px 14px;
}

.pd-amount[b-8p5kxog920] {
    font-weight: 700;
    font-size: 1.4rem;
}

.pd-struck[b-8p5kxog920] {
    text-decoration: line-through;
    color: var(--text-faint);
}

.pd-summary-meta[b-8p5kxog920] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.pd-date[b-8p5kxog920] {
    font-size: 0.85rem;
    color: var(--text-muted);
}

.pd-card[b-8p5kxog920] {
    background: var(--sidebar-bg);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 10px;
    padding: 12px 14px;
}

.pd-grid[b-8p5kxog920] {
    display: grid;
    gap: 0.75rem 1rem;
}

.pd-grid-3[b-8p5kxog920] {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}

.pd-grid-2[b-8p5kxog920] {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.pd-user-email[b-8p5kxog920] {
    color: var(--text-muted);
    font-size: 0.75rem;
}

.pd-note[b-8p5kxog920] {
    white-space: pre-wrap;
    word-break: break-word;
}

.pd-plates[b-8p5kxog920],
.pd-locations[b-8p5kxog920] {
    display: flex;
    gap: 0.375rem;
    flex-wrap: wrap;
    margin-top: 0.25rem;
}

.pd-location[b-8p5kxog920] {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 4px;
    color: var(--text-muted);
}

.pd-actions[b-8p5kxog920] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
}

.pd-spacer[b-8p5kxog920] {
    flex: 1;
}
/* _content/BlazorServerPortal/Components/Shared/TemporaryVehiclesSection.razor.rz.scp.css */
.tvs-card[b-74bkpc2fw9] {
    padding: 18px 20px;
}

.tvs-empty[b-74bkpc2fw9] {
    color: var(--text-faint);
    font-size: 0.8rem;
    font-style: italic;
    margin: 4px 2px 0;
}

.tvs-del[b-74bkpc2fw9] {
    border: none;
    background: transparent;
    color: var(--status-error);
    cursor: pointer;
    padding: 6px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.tvs-del:hover[b-74bkpc2fw9] {
    background: var(--neutral-fill-stealth-rest);
}
/* _content/BlazorServerPortal/Components/Shared/UI/AvailablePermitCard.razor.rz.scp.css */
.available-permit-card[b-achnt6gcj5] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
}

.apc-body[b-achnt6gcj5] {
    flex: 1;
    padding: 18px 18px 0;
    display: flex;
    flex-direction: column;
}

.apc-head[b-achnt6gcj5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}

.apc-name[b-achnt6gcj5] {
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1.2;
    color: var(--text-strong);
}

.apc-info[b-achnt6gcj5] {
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border: none;
    background: transparent;
    border-radius: 50%;
    color: var(--text-faint);
    cursor: pointer;
    transition: background 0.12s ease, color 0.12s ease;
}

.apc-info:hover[b-achnt6gcj5] {
    background: var(--brand-surface);
    color: var(--brand);
}

.apc-desc[b-achnt6gcj5] {
    font-size: 0.82rem;
    color: var(--text-muted);
    margin: 8px 0 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.apc-price[b-achnt6gcj5] {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin-top: 16px;
}

.apc-price-from[b-achnt6gcj5] {
    font-size: 0.75rem;
    color: var(--text-faint);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.apc-price-amt[b-achnt6gcj5] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--brand);
    line-height: 1;
}

.apc-price-free[b-achnt6gcj5] {
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--status-success);
    line-height: 1;
}

.apc-price-more[b-achnt6gcj5] {
    margin-top: 6px;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--brand);
    font-size: 0.78rem;
    font-weight: 500;
    cursor: pointer;
    align-self: flex-start;
}

.apc-price-more:hover[b-achnt6gcj5] {
    text-decoration: underline;
}

.apc-checklist[b-achnt6gcj5] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 16px;
}

.apc-check[b-achnt6gcj5] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.82rem;
    color: var(--text-secondary);
}

.apc-check-ico[b-achnt6gcj5] {
    color: var(--status-success);
    flex: 0 0 auto;
}

.apc-foot[b-achnt6gcj5] {
    padding: 16px 18px;
}
/* _content/BlazorServerPortal/Components/Shared/UI/CredentialsPanel.razor.rz.scp.css */
.creds-panel[b-6jtmhmk27x] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.creds-box[b-6jtmhmk27x] {
    padding: 1rem;
    background: var(--sidebar-bg);
    border: 1px solid var(--border);
    border-radius: 6px;
    text-align: center;
}

.creds-box-label[b-6jtmhmk27x] {
    font-size: 0.75rem;
    color: var(--text-faint);
    margin-bottom: 0.5rem;
}

.creds-box-value[b-6jtmhmk27x] {
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--text-strong);
}

.creds-box-pw[b-6jtmhmk27x] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}
/* _content/BlazorServerPortal/Components/Shared/UI/DocumentActions.razor.rz.scp.css */
.doc-actions[b-ie5s6hrblk] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}
/* _content/BlazorServerPortal/Components/Shared/UI/DurationInput.razor.rz.scp.css */
.duration-input[b-o29walo5g5] {
    display: flex;
    gap: 0.4rem;
    align-items: center;
}
/* _content/BlazorServerPortal/Components/Shared/UI/EmptyState.razor.rz.scp.css */
.empty-state[b-lq469tm34v] {
    border: 1px solid var(--border);
    border-radius: 4px;
    background: var(--sidebar-bg);
    padding: 46px 24px;
    text-align: center;
}

.empty-state-icon[b-lq469tm34v] {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--surface);
    border: 1px solid var(--border);
    display: grid;
    place-items: center;
    margin: 0 auto 14px;
}

.empty-state-title[b-lq469tm34v] {
    font-weight: 600;
    font-size: 15px;
    color: var(--text-strong);
}

.empty-state-message[b-lq469tm34v] {
    color: var(--text-muted);
    font-size: 13px;
    margin: 4px 0 0;
}

.empty-state-actions[b-lq469tm34v] {
    margin-top: 16px;
}

.empty-state--compact[b-lq469tm34v] {
    padding: 30px 16px;
}

.empty-state--compact .empty-state-icon[b-lq469tm34v] {
    width: 44px;
    height: 44px;
    margin-bottom: 12px;
}

.empty-state--compact .empty-state-title[b-lq469tm34v] {
    font-size: 14px;
}

.empty-state--compact .empty-state-message[b-lq469tm34v] {
    font-size: 12px;
}
/* _content/BlazorServerPortal/Components/Shared/UI/EntityListCard.razor.rz.scp.css */
.entity-view-all[b-679to9hwpf] {
    display: inline-flex;
    align-items: center;
    gap: 0.1rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--brand);
    text-decoration: none;
    white-space: nowrap;
}

.entity-view-all:hover[b-679to9hwpf] {
    text-decoration: underline;
}

.entity-view-all[b-679to9hwpf]  svg {
    width: 14px;
    height: 14px;
}
/* _content/BlazorServerPortal/Components/Shared/UI/EntryRow.razor.rz.scp.css */
.entry-row2[b-jxqchh7vva] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.75rem 0.1rem;
    border-bottom: 1px solid var(--border);
}

.entry-row2:last-child[b-jxqchh7vva] {
    border-bottom: none;
}

.entry-row2--clickable[b-jxqchh7vva] {
    cursor: pointer;
}

.entry-row2--clickable:hover[b-jxqchh7vva] {
    background: var(--surface-alt);
}

.entry-row2-icon[b-jxqchh7vva] {
    width: 36px;
    height: 36px;
    border-radius: 9px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    background: var(--surface-alt);
    color: var(--text-secondary);
}

.entry-row2-icon[b-jxqchh7vva]  svg {
    width: 18px;
    height: 18px;
}

.entry-row2-icon--ok[b-jxqchh7vva] { background: var(--status-success-bg); color: var(--status-success); }
.entry-row2-icon--warning[b-jxqchh7vva] { background: var(--status-warning-bg); color: var(--status-warning); }
.entry-row2-icon--error[b-jxqchh7vva] { background: var(--status-error-bg); color: var(--status-error); }
.entry-row2-icon--info[b-jxqchh7vva] { background: var(--status-info-bg); color: var(--status-info); }
.entry-row2-icon--neutral[b-jxqchh7vva] { background: var(--surface-alt); color: var(--text-secondary); }

.entry-row2-main[b-jxqchh7vva] { flex: 1; min-width: 0; }
.entry-row2-l1[b-jxqchh7vva] { display: flex; align-items: center; gap: 0.45rem; flex-wrap: wrap; font-size: 0.9rem; font-weight: 650; }
.entry-row2-meta[b-jxqchh7vva] { display: flex; align-items: center; flex-wrap: wrap; gap: 0.4rem; font-size: 0.75rem; color: var(--text-muted); margin-top: 4px; }
.entry-row2-seg[b-jxqchh7vva] { display: inline-flex; align-items: center; gap: 0.3rem; }
.entry-row2-sep[b-jxqchh7vva] { color: var(--border-strong); }
.entry-row2-status[b-jxqchh7vva] { flex: 0 0 auto; }
.entry-row2-actions[b-jxqchh7vva] { flex: 0 0 auto; display: flex; align-items: center; }
.entry-row2-chev[b-jxqchh7vva] { flex: 0 0 auto; display: flex; }
/* _content/BlazorServerPortal/Components/Shared/UI/FilterPanel.razor.rz.scp.css */
.filter-panel[b-0kxxf1fngl] {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.filter-panel-c[b-0kxxf1fngl] {
    margin-bottom: 1rem;
}

.fpc-header[b-0kxxf1fngl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 7px 14px;
    background: var(--neutral-fill-stealth-rest);
    border-bottom: 1px solid var(--border-subtle);
    border-radius: 10px 10px 0 0;
}

.fpc-title[b-0kxxf1fngl] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.78rem;
    font-weight: 600;
}

.fpc-count[b-0kxxf1fngl] {
    margin-left: 7px;
    background: var(--brand);
    color: #fff;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 700;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    display: inline-grid;
    place-items: center;
}

.fpc-clear[b-0kxxf1fngl] {
    font-size: 0.78rem;
    color: var(--text-muted);
    cursor: pointer;
    font-weight: 500;
}

.fpc-clear:hover[b-0kxxf1fngl] {
    color: var(--brand);
    text-decoration: underline;
}

.fpc-searchrow[b-0kxxf1fngl] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
}

.fpc-search[b-0kxxf1fngl] {
    flex: 1;
    min-width: 0;
}

.fpc-panel[b-0kxxf1fngl] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px 16px;
    padding: 12px 14px 14px;
    border-top: 1px solid var(--border-subtle);
    align-items: end;
}

.fpc-panel[b-0kxxf1fngl]  > * {
    min-width: 0;
}

.fpc-chips[b-0kxxf1fngl] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 10px 14px;
    border-top: 1px solid var(--border-subtle);
}
/* _content/BlazorServerPortal/Components/Shared/UI/FirstLoginSuccessDialog.razor.rz.scp.css */
.fls-body[b-y8ght14hbx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.5rem;
    padding: 0.5rem 0;
    min-width: 20rem;
}

.fls-sub[b-y8ght14hbx] {
    margin: 0.25rem 0 0.5rem;
    font-size: 0.9rem;
    color: var(--text-muted);
}

.fls-login-box[b-y8ght14hbx] {
    width: 100%;
    padding: 0.9rem 1rem;
    background: var(--sidebar-bg);
    border: 1px solid var(--border);
    border-radius: 8px;
}

.fls-login-label[b-y8ght14hbx] {
    font-size: 0.75rem;
    color: var(--text-faint);
    margin-bottom: 0.35rem;
}

.fls-login-value[b-y8ght14hbx] {
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: var(--text-strong);
    word-break: break-all;
}

.fls-remind[b-y8ght14hbx] {
    margin: 0.25rem 0 0;
    font-size: 0.85rem;
    color: var(--text-secondary);
    line-height: 1.5;
}
/* _content/BlazorServerPortal/Components/Shared/UI/GridSummary.razor.rz.scp.css */
.grid-summary[b-3fmii7mr9l] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8125rem;
    color: var(--neutral-foreground-hint);
    flex-wrap: wrap;
    padding: 0 0 0.625rem 0;
    margin: 0 0 0.25rem 0;
}

.grid-summary-count[b-3fmii7mr9l] {
    font-weight: 500;
}

.grid-summary-separator[b-3fmii7mr9l] {
    opacity: 0.3;
}

.grid-summary-filters[b-3fmii7mr9l] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    flex-wrap: wrap;
}
/* _content/BlazorServerPortal/Components/Shared/UI/IconBox.razor.rz.scp.css */
.icon-box[b-vpktiac2bz] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary-pale-bg, rgb(227, 242, 255));
    border: 1px solid var(--primary-pale-border, rgb(134, 191, 240));
    border-radius: 6px;
    flex-shrink: 0;
}

.icon-box-sm[b-vpktiac2bz] {
    width: 28px;
    height: 28px;
}

.icon-box-md[b-vpktiac2bz] {
    width: 36px;
    height: 36px;
}

.icon-box-lg[b-vpktiac2bz] {
    width: 44px;
    height: 44px;
}

/* _content/BlazorServerPortal/Components/Shared/UI/LoadingSpinner.razor.rz.scp.css */
.loading-spinner[b-1gr53jzgii] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 44px 20px;
}

.loading-spinner__content[b-1gr53jzgii] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.loading-spinner__icon[b-1gr53jzgii] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.spinner[b-1gr53jzgii] {
    width: 36px;
    height: 36px;
    border: 3px solid var(--border-subtle);
    border-top-color: var(--brand);
    border-radius: 50%;
    animation: spin-b-1gr53jzgii 1s linear infinite;
}

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

.loading-spinner__text[b-1gr53jzgii] {
    margin: 0;
    color: var(--text-muted);
    font-size: 14px;
    font-weight: 500;
}

/* _content/BlazorServerPortal/Components/Shared/UI/MasterDetailView.razor.rz.scp.css */
.mdv[b-ec0r5ttf4d] {
    overflow: hidden;
}

.mdv-toolbar[b-ec0r5ttf4d] {
    display: flex;
    gap: 1rem;
    align-items: flex-end;
    flex-wrap: wrap;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid var(--neutral-stroke-rest);
    background: var(--neutral-layer-1, var(--sidebar-bg));
}

.mdv-body[b-ec0r5ttf4d] {
    display: grid;
    grid-template-columns: 270px 1fr;
    min-height: 440px;
}

@media (max-width: 720px) {
    .mdv-body[b-ec0r5ttf4d] { grid-template-columns: 1fr; }
}

.mdv-list[b-ec0r5ttf4d] {
    border-right: 1px solid var(--neutral-stroke-rest);
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.mdv-lh[b-ec0r5ttf4d] {
    padding: 0.6rem 0.75rem;
    border-bottom: 1px solid var(--neutral-stroke-rest);
}

.mdv-items[b-ec0r5ttf4d] {
    overflow: auto;
    flex: 1;
    max-height: 560px;
}

.mdv-item[b-ec0r5ttf4d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.65rem 0.9rem;
    border-bottom: 1px solid var(--neutral-stroke-rest);
    cursor: pointer;
}

.mdv-item:hover[b-ec0r5ttf4d] {
    background: var(--neutral-layer-1, var(--sidebar-bg));
}

.mdv-item.sel[b-ec0r5ttf4d] {
    background: var(--neutral-layer-2);
    box-shadow: inset 3px 0 0 var(--accent-fill-rest);
}

.mdv-detail[b-ec0r5ttf4d] {
    padding: 1.25rem 1.5rem;
    overflow: auto;
    max-height: 620px;
}
/* _content/BlazorServerPortal/Components/Shared/UI/NewsRow.razor.rz.scp.css */
.news-row[b-4o5vrvl4cm] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 16px 18px;
    border-bottom: 1px solid var(--surface-alt);
    cursor: pointer;
    position: relative;
    transition: background 0.12s ease;
    text-decoration: none;
    color: inherit;
}

.news-row:last-child[b-4o5vrvl4cm] {
    border-bottom: none;
}

.news-row:hover[b-4o5vrvl4cm] {
    background: var(--surface-alt);
}

.news-row:hover .news-row-title[b-4o5vrvl4cm] {
    text-decoration: underline;
}

.news-row-body[b-4o5vrvl4cm] {
    flex: 1;
    min-width: 0;
}

.news-row-top[b-4o5vrvl4cm] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin-bottom: 4px;
}

.news-row-date[b-4o5vrvl4cm] {
    font-size: 0.72rem;
    color: var(--text-faint);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.news-row-draft[b-4o5vrvl4cm] {
    font-size: 11px;
    font-weight: 600;
    color: var(--status-warning);
    background: var(--status-warning-bg);
    border: 1px solid var(--status-warning-border);
    border-radius: 999px;
    padding: 1px 8px;
}

.news-row-title[b-4o5vrvl4cm] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-strong);
    line-height: 1.25;
}

.news-row-excerpt[b-4o5vrvl4cm] {
    font-size: 0.85rem;
    color: var(--text-muted);
    margin: 3px 0 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-row-chev[b-4o5vrvl4cm] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    color: var(--border-strong);
}

.news-card[b-4o5vrvl4cm] {
    display: block;
    border: 1px solid var(--border);
    border-radius: 6px;
    padding: 10px 12px;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    transition: background 0.12s ease, border-color 0.12s ease;
}

.news-card:hover[b-4o5vrvl4cm] {
    background: var(--surface-alt);
    border-color: var(--border-strong);
}

.news-card .news-row-top[b-4o5vrvl4cm] {
    margin-bottom: 2px;
}

.news-card .news-row-date[b-4o5vrvl4cm] {
    font-size: 0.68rem;
}

.news-card-title[b-4o5vrvl4cm] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--text-strong);
    line-height: 1.25;
    margin-top: 2px;
}

.news-card .news-row-excerpt[b-4o5vrvl4cm] {
    font-size: 0.775rem;
    margin-top: 2px;
    -webkit-line-clamp: 2;
}

.news-card:hover .news-card-title[b-4o5vrvl4cm] {
    text-decoration: underline;
}

.news-row--tight[b-4o5vrvl4cm] {
    padding: 10px 12px;
}

.news-row--tight .news-row-top[b-4o5vrvl4cm] {
    margin-bottom: 2px;
}

.news-row--tight .news-row-title[b-4o5vrvl4cm] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* _content/BlazorServerPortal/Components/Shared/UI/NoticeBar.razor.rz.scp.css */
.notice-bar[b-ulj3ubovbd] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.6rem 0.75rem;
    border-radius: 6px;
    border: 1px solid;
    width: 100%;
    box-sizing: border-box;
}

.notice-bar--info[b-ulj3ubovbd] {
    background: var(--status-info-bg);
    border-color: var(--status-info-border);
}

.notice-bar--warning[b-ulj3ubovbd] {
    background: var(--status-warning-bg);
    border-color: var(--status-warning-border);
}

.notice-bar--success[b-ulj3ubovbd] {
    background: var(--status-success-bg);
    border-color: var(--status-success-border);
}

.notice-bar--error[b-ulj3ubovbd] {
    background: var(--status-error-bg);
    border-color: var(--status-error-border);
}

[b-ulj3ubovbd] .notice-bar-icon {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}

.notice-bar-content[b-ulj3ubovbd] {
    flex: 1;
    min-width: 0;
}

.notice-bar-title[b-ulj3ubovbd] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--text-strong);
    margin-bottom: 0.0625rem;
}

.notice-bar-message[b-ulj3ubovbd] {
    font-size: 0.8125rem;
    color: var(--text-strong);
    line-height: 1.4;
}

.notice-bar-dismiss[b-ulj3ubovbd] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 2px;
    border-radius: 4px;
}

.notice-bar-dismiss:hover[b-ulj3ubovbd] {
    background: var(--surface-alt);
}
/* _content/BlazorServerPortal/Components/Shared/UI/PageHeader.razor.rz.scp.css */
.page-header[b-ftegjr9z36] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0 0 1rem 0;
    border-bottom: 1px solid var(--border);
    margin-bottom: 1rem;
    width: 100%;
    flex-wrap: wrap;
}

.page-header-content[b-ftegjr9z36] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1 1 auto;
    min-width: 260px;
}

.page-header-back[b-ftegjr9z36] {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    margin-right: 0.25rem;
    display: grid;
    place-items: center;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--surface);
    color: var(--text-secondary);
    cursor: pointer;
    transition: background 0.12s ease, border-color 0.12s ease, color 0.12s ease;
}

.page-header-back:hover[b-ftegjr9z36] {
    background: var(--surface-alt);
    border-color: var(--border-strong);
    color: var(--text-strong);
}

.page-header-back[b-ftegjr9z36]  svg {
    width: 18px;
    height: 18px;
}

.page-header-icon[b-ftegjr9z36] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
}

.page-header-text[b-ftegjr9z36] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.page-header-title[b-ftegjr9z36] {
    display: block;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-strong);
    line-height: 1.3;
}

.page-header-description[b-ftegjr9z36] {
    font-size: 0.875rem;
    color: var(--text-muted);
    line-height: 1.4;
}

.page-header-actions[b-ftegjr9z36] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
    flex-wrap: wrap;
}
/* _content/BlazorServerPortal/Components/Shared/UI/PasswordRequirements.razor.rz.scp.css */
.pwd-req[b-gmwpradzwx] {
    margin-top: 0.5rem;
}

.pwd-req-bar[b-gmwpradzwx] {
    height: 5px;
    border-radius: 999px;
    background: var(--border-subtle);
    overflow: hidden;
    margin-bottom: 0.45rem;
}

.pwd-req-fill[b-gmwpradzwx] {
    display: block;
    height: 100%;
    width: var(--pwd-fill, 0%);
    border-radius: 999px;
    background: var(--status-success);
    transition: width 0.25s ease;
}

.pwd-req-cap[b-gmwpradzwx] {
    font-size: 0.73rem;
    color: var(--text-muted);
    line-height: 1.4;
}

.pwd-req-cap--ok[b-gmwpradzwx] {
    color: var(--status-success);
    font-weight: 500;
}

.pwd-req-cap--err[b-gmwpradzwx] {
    color: var(--status-error);
    font-weight: 500;
}
/* _content/BlazorServerPortal/Components/Shared/UI/PermitTypeDetailsDialog.razor.rz.scp.css */
[b-4866x4hywf] .ptd-body {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

[b-4866x4hywf] .ptd-desc {
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--text-muted);
    margin: 0;
}

[b-4866x4hywf] .ptd-price-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 0;
}

[b-4866x4hywf] .ptd-price-row + .ptd-price-row {
    border-top: 1px solid var(--border-subtle);
}

[b-4866x4hywf] .ptd-price-dur {
    font-size: 0.87rem;
    color: var(--text-strong);
}

[b-4866x4hywf] .ptd-price-amt {
    font-size: 1rem;
    font-weight: 700;
    color: var(--brand);
}

[b-4866x4hywf] .ptd-kv {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 7px 0;
}

[b-4866x4hywf] .ptd-kv + .ptd-kv {
    border-top: 1px solid var(--border-subtle);
}

[b-4866x4hywf] .ptd-kv-k {
    font-size: 0.83rem;
    color: var(--text-secondary);
}

[b-4866x4hywf] .ptd-kv-v {
    font-size: 0.87rem;
    font-weight: 600;
    color: var(--text-strong);
}

[b-4866x4hywf] .ptd-badge {
    padding: 2px 9px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
}

[b-4866x4hywf] .ptd-badge--ok {
    background: var(--status-success-bg);
    color: var(--status-success);
}

[b-4866x4hywf] .ptd-badge--warn {
    background: var(--status-warning-bg);
    color: var(--status-warning);
}

[b-4866x4hywf] .ptd-locs {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 18px;
}

[b-4866x4hywf] .ptd-loc {
    font-size: 0.82rem;
    color: var(--text-secondary);
}
/* _content/BlazorServerPortal/Components/Shared/UI/PlateCell.razor.rz.scp.css */
.plate-cell[b-qbaao3r2hl] {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
}

.plate-cell-ic[b-qbaao3r2hl] {
    width: 36px;
    height: 36px;
    border-radius: 9px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
}

.plate-cell-ic[b-qbaao3r2hl]  svg {
    width: 18px;
    height: 18px;
}

.plate-cell-ic--ok[b-qbaao3r2hl] {
    background: var(--status-success-bg);
    color: var(--status-success);
}

.plate-cell-ic--warning[b-qbaao3r2hl] {
    background: var(--status-warning-bg);
    color: var(--status-warning);
}

.plate-cell-ic--error[b-qbaao3r2hl] {
    background: var(--status-error-bg);
    color: var(--status-error);
}

.plate-cell-ic--info[b-qbaao3r2hl] {
    background: var(--status-info-bg);
    color: var(--status-info);
}

.plate-cell-ic--neutral[b-qbaao3r2hl] {
    background: var(--surface-alt);
    color: var(--text-secondary);
}

.plate-cell-plates[b-qbaao3r2hl] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.plate-cell-extra[b-qbaao3r2hl] {
    font-size: 0.75rem;
    color: var(--text-faint);
    font-weight: 500;
}
/* _content/BlazorServerPortal/Components/Shared/UI/PlateChip.razor.rz.scp.css */
.plate-chip[b-o4fqqts7m3] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--text-strong);
    letter-spacing: 1.5px;
    padding: 0.375rem 0.75rem;
    background: var(--surface);
    border: 1.5px solid var(--border-strong);
    border-radius: 5px;
}

.plate-chip--stacked[b-o4fqqts7m3] {
    display: inline-block;
    margin-top: 0.25rem;
}
/* _content/BlazorServerPortal/Components/Shared/UI/ResultCheck.razor.rz.scp.css */
.result-check[b-8q0iqx4w3r] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--rc-size);
    height: var(--rc-size);
    padding: 6px;
    border-radius: 50%;
    box-sizing: border-box;
}

.result-check--ok[b-8q0iqx4w3r] {
    --rc-color: var(--status-success);
    background: var(--status-success-bg);
}

.result-check--err[b-8q0iqx4w3r] {
    --rc-color: var(--status-error);
    background: var(--status-error-bg);
}

.result-check-svg[b-8q0iqx4w3r] {
    width: 100%;
    height: 100%;
    overflow: visible;
}

.rc-line[b-8q0iqx4w3r] {
    fill: none;
    stroke: var(--rc-color);
    stroke-linecap: round;
    stroke-linejoin: round;
}

.rc-circle[b-8q0iqx4w3r] {
    stroke-width: 2.5;
    stroke-dasharray: 151;
    stroke-dashoffset: 151;
    animation: rc-draw-b-8q0iqx4w3r 0.5s ease forwards;
}

.result-check--ok .rc-mark[b-8q0iqx4w3r] {
    stroke-width: 3;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: rc-draw-b-8q0iqx4w3r 0.35s 0.45s ease forwards;
}

.result-check--err .rc-mark[b-8q0iqx4w3r] {
    stroke-width: 3;
    stroke-dasharray: 24;
    stroke-dashoffset: 24;
}

.result-check--err .rc-mark-1[b-8q0iqx4w3r] {
    animation: rc-draw-b-8q0iqx4w3r 0.22s 0.45s ease forwards;
}

.result-check--err .rc-mark-2[b-8q0iqx4w3r] {
    animation: rc-draw-b-8q0iqx4w3r 0.22s 0.62s ease forwards;
}

.rc-echo[b-8q0iqx4w3r] {
    stroke-width: 3;
    opacity: 0;
    transform-box: fill-box;
    transform-origin: center;
    animation: rc-echo-b-8q0iqx4w3r 0.45s 0.82s ease-out;
}

@keyframes rc-draw-b-8q0iqx4w3r {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes rc-echo-b-8q0iqx4w3r {
    0% {
        opacity: 0.55;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(1.3);
    }
}
/* _content/BlazorServerPortal/Components/Shared/UI/SectionHeader.razor.rz.scp.css */
.section-header[b-6d64ht55s6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.section-header-left[b-6d64ht55s6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.section-header-title[b-6d64ht55s6] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-strong);
    line-height: 1.2;
}

.section-header-left[b-6d64ht55s6]  svg {
    width: 18px;
    height: 18px;
}

.section-header-action[b-6d64ht55s6] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.section-header--divider[b-6d64ht55s6] {
    margin-bottom: 0.9rem;
    padding-bottom: 0.7rem;
    border-bottom: 1px solid var(--border);
}

.section-header--compact[b-6d64ht55s6] {
    margin-bottom: 0.7rem;
}

.section-header--compact.section-header--divider[b-6d64ht55s6] {
    padding-bottom: 0.6rem;
}

.section-header--compact .section-header-title[b-6d64ht55s6] {
    font-size: 0.85rem;
}

.section-header--compact .section-header-left[b-6d64ht55s6]  svg {
    width: 16px;
    height: 16px;
}
/* _content/BlazorServerPortal/Components/Shared/UI/UsageBar.razor.rz.scp.css */
.usage-bar[b-cfopmhghh3] {
    height: 6px;
    border-radius: 999px;
    background: var(--border-subtle);
    margin-top: 8px;
    overflow: hidden;
}

.usage-bar-fill[b-cfopmhghh3] {
    height: 100%;
    background: var(--brand);
    border-radius: 999px;
    transition: width 0.2s ease;
}

.usage-bar-fill--full[b-cfopmhghh3] {
    background: var(--status-error);
}
/* _content/BlazorServerPortal/Features/GuestParking/Components/GuestParkingDetailsDialog.razor.rz.scp.css */
.gpd-body[b-bnaumd4bl6] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 340px;
}

.gpd-head[b-bnaumd4bl6] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.gpd-ic[b-bnaumd4bl6] {
    width: 44px;
    height: 44px;
    border-radius: 11px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
}

.gpd-ic[b-bnaumd4bl6]  svg {
    width: 22px;
    height: 22px;
}

.gpd-ic--ok[b-bnaumd4bl6] {
    background: var(--status-success-bg);
    color: var(--status-success);
}

.gpd-ic--warning[b-bnaumd4bl6] {
    background: var(--status-warning-bg);
    color: var(--status-warning);
}

.gpd-ic--error[b-bnaumd4bl6] {
    background: var(--status-error-bg);
    color: var(--status-error);
}

.gpd-ic--info[b-bnaumd4bl6] {
    background: var(--status-info-bg);
    color: var(--status-info);
}

.gpd-ic--neutral[b-bnaumd4bl6] {
    background: var(--surface-alt);
    color: var(--text-secondary);
}

.gpd-head .plate-name[b-bnaumd4bl6] {
    flex: 1;
    min-width: 0;
    font-size: 1rem;
}

.gpd-grid[b-bnaumd4bl6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 14px;
    padding: 14px 16px;
    background: var(--surface-alt);
    border: 1px solid var(--border);
    border-radius: 10px;
}

.gpd-loc[b-bnaumd4bl6] {
    grid-column: 1 / -1;
}
/* _content/BlazorServerPortal/Features/Permits/Components/PermitDetailsView.razor.rz.scp.css */
.pd-cols[b-4y7946q0ls] {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
    gap: 18px;
    align-items: start;
    margin-top: 1rem;
}

@media (max-width: 880px) {
    .pd-cols[b-4y7946q0ls] {
        grid-template-columns: 1fr;
    }
}

.pd-permit-id[b-4y7946q0ls] {
    font-family: ui-monospace, Menlo, monospace;
    font-size: 0.72rem;
    letter-spacing: 0.5px;
    color: var(--text-faint);
}

.pd-hero[b-4y7946q0ls] {
    padding: 18px 20px;
    margin-top: 1rem;
}

.pd-hero-main[b-4y7946q0ls] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.pd-hero-ic[b-4y7946q0ls] {
    width: 52px;
    height: 52px;
    border-radius: 13px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
}

.pd-hero-ic[b-4y7946q0ls]  svg {
    width: 26px;
    height: 26px;
}

.pd-hero-ic--ok[b-4y7946q0ls] {
    background: var(--status-success-bg);
    color: var(--status-success);
}

.pd-hero-ic--warning[b-4y7946q0ls] {
    background: var(--status-warning-bg);
    color: var(--status-warning);
}

.pd-hero-ic--error[b-4y7946q0ls] {
    background: var(--status-error-bg);
    color: var(--status-error);
}

.pd-hero-ic--info[b-4y7946q0ls] {
    background: var(--status-info-bg);
    color: var(--status-info);
}

.pd-hero-ic--neutral[b-4y7946q0ls] {
    background: var(--surface-alt);
    color: var(--text-secondary);
}

.pd-hero-info[b-4y7946q0ls] {
    flex: 1;
    min-width: 0;
}

.pd-hero-name[b-4y7946q0ls] {
    font-size: 1.1rem;
    font-weight: 650;
}

.pd-hero-meta[b-4y7946q0ls] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 5px;
}

.pd-hero-dur[b-4y7946q0ls] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

.pd-hero-price[b-4y7946q0ls] {
    text-align: right;
    flex: 0 0 auto;
}

.pd-hero-price-lbl[b-4y7946q0ls] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--text-faint);
}

.pd-hero-price-val[b-4y7946q0ls] {
    font-size: 1.4rem;
    font-weight: 700;
}

.pd-hero-valid[b-4y7946q0ls] {
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid var(--border-subtle);
}

.pd-hero-vline[b-4y7946q0ls] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.82rem;
    color: var(--text-secondary);
}

.pd-hero-vline + .pd-hero-vline[b-4y7946q0ls] {
    margin-top: 6px;
}

.pd-validity-ends + .pd-hero-repl[b-4y7946q0ls] {
    margin-top: 10px;
}

@media (max-width: 560px) {
    .pd-hero-main[b-4y7946q0ls] {
        flex-wrap: wrap;
    }

    .pd-hero-price[b-4y7946q0ls] {
        text-align: left;
    }
}

.pd-validity-top[b-4y7946q0ls] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 8px;
}

.pd-validity-lbl[b-4y7946q0ls] {
    font-size: 0.8rem;
    color: var(--text-secondary);
}

.pd-validity-val[b-4y7946q0ls] {
    font-size: 0.85rem;
    font-weight: 700;
}

.pd-track[b-4y7946q0ls] {
    height: 8px;
    background: var(--border);
    border-radius: 5px;
    overflow: hidden;
}

.pd-fill[b-4y7946q0ls] {
    height: 100%;
    background: var(--accent-fill-rest);
    border-radius: 5px;
    transition: width 0.3s ease;
}

.pd-validity-ends[b-4y7946q0ls] {
    display: flex;
    justify-content: space-between;
    margin-top: 6px;
    font-size: 0.74rem;
    color: var(--text-faint);
}

.pd-dgrid[b-4y7946q0ls] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 14px 18px;
}

@media (max-width: 560px) {
    .pd-dgrid[b-4y7946q0ls] {
        grid-template-columns: 1fr 1fr;
    }
}

.pd-df-lbl[b-4y7946q0ls] {
    font-size: 0.72rem;
    color: var(--text-secondary);
    margin-bottom: 2px;
}

.pd-df-val[b-4y7946q0ls] {
    font-size: 0.9rem;
    font-weight: 500;
}

.pd-sub[b-4y7946q0ls] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    font-size: 0.82rem;
    color: var(--text-secondary);
    margin: 0 0 8px;
}

.pd-col[b-4y7946q0ls] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.pd-card[b-4y7946q0ls] {
    padding: 18px 20px;
}

.pd-vl[b-4y7946q0ls] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

@media (max-width: 560px) {
    .pd-vl[b-4y7946q0ls] {
        grid-template-columns: 1fr;
        gap: 14px;
    }
}

.pd-veh-list[b-4y7946q0ls] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.pd-veh[b-4y7946q0ls] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pd-veh .plate-name[b-4y7946q0ls] {
    font-size: 0.9rem;
}

.pd-loc-list[b-4y7946q0ls] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pd-loc[b-4y7946q0ls] {
    font-size: 0.85rem;
    color: var(--text-secondary);
}

.pd-empty[b-4y7946q0ls] {
    color: var(--text-secondary);
    font-size: 0.83rem;
    margin: 4px 0 0;
}

.pd-doc-row[b-4y7946q0ls] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.pd-doc-name[b-4y7946q0ls] {
    font-weight: 600;
    font-size: 0.85rem;
}

.pd-doc-date[b-4y7946q0ls] {
    font-size: 0.75rem;
    color: var(--text-secondary);
    margin-top: 2px;
}

.pd-timeline[b-4y7946q0ls] {
    position: relative;
    padding-left: 22px;
}

.pd-timeline[b-4y7946q0ls]:before {
    content: "";
    position: absolute;
    left: 5px;
    top: 4px;
    bottom: 4px;
    width: 2px;
    background: var(--border);
}

.pd-tl-item[b-4y7946q0ls] {
    position: relative;
    padding-bottom: 16px;
}

.pd-tl-item:last-child[b-4y7946q0ls] {
    padding-bottom: 0;
}

.pd-tl-dot[b-4y7946q0ls] {
    position: absolute;
    left: -22px;
    top: 3px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--accent-fill-rest);
    border: 2px solid var(--surface);
    box-shadow: 0 0 0 1px var(--border-strong);
}

.pd-tl-head[b-4y7946q0ls] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 2px;
}

.pd-tl-time[b-4y7946q0ls] {
    font-size: 0.73rem;
    color: var(--text-secondary);
    flex: 0 0 auto;
}

.pd-tl-note[b-4y7946q0ls] {
    font-size: 0.82rem;
    color: var(--text-secondary);
    margin-top: 2px;
}