/* /Components/Pages/Error.razor.rz.scp.css */
.page[b-wyupmi1dir] {
    align-items: center;
    justify-content: center;
    padding: 24px;
    text-align: center;
    gap: 10px;
}

.glyph[b-wyupmi1dir] {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--warn-soft);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: var(--warn-ink);
}

.headline[b-wyupmi1dir] {
    font-size: 19px;
    font-weight: 800;
    margin: 6px 0 0;
}

.lead[b-wyupmi1dir] {
    font-size: 13px;
    font-weight: 600;
    color: var(--ink3);
    max-width: 260px;
}

.home[b-wyupmi1dir] {
    margin-top: 8px;
    border: none;
    background: var(--accent);
    color: #fff;
    border-radius: 12px;
    padding: 11px 20px;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}
/* /Components/Pages/Login.razor.rz.scp.css */
.page[b-xe50zvi44p] {
    position: absolute;
    inset: 0;
    background: var(--bg);
    overflow-y: auto;
    overscroll-behavior: contain;
}

.glow[b-xe50zvi44p] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 360px;
    background: radial-gradient(120% 76% at 50% 0%, color-mix(in srgb, var(--accent) 15%, transparent), transparent 62%);
    pointer-events: none;
}

.content[b-xe50zvi44p] {
    position: relative;
    min-height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 76px 26px calc(env(safe-area-inset-bottom, 0px) + 40px);
}

.hero[b-xe50zvi44p] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-top: 22px;
}

.mark[b-xe50zvi44p] {
    width: 88px;
    height: 88px;
    border-radius: 24px;
    background: var(--card);
    border: 1px solid var(--line);
    box-shadow: 0 12px 30px rgba(18, 20, 28, .12);
    display: flex;
    align-items: center;
    justify-content: center;
}

.mark-img[b-xe50zvi44p] {
    display: block;
    height: 52px;
    width: auto;
}

.wordmark[b-xe50zvi44p] {
    font-size: 27px;
    font-weight: 800;
    letter-spacing: -0.02em;
    margin-top: 18px;
}

.wordmark-accent[b-xe50zvi44p] {
    color: var(--accent);
}

.tagline[b-xe50zvi44p] {
    font-size: 14px;
    font-weight: 600;
    color: var(--ink3);
    margin-top: 5px;
}

/* EditForm renders the <form> itself, so it only gets the class, not the scope attribute. */
.content[b-xe50zvi44p]  .login-form {
    margin-top: 34px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.field-label[b-xe50zvi44p] {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--ink3);
    margin-bottom: 6px;
}

.pw[b-xe50zvi44p] {
    position: relative;
}

.pw-toggle[b-xe50zvi44p] {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    width: 38px;
    height: 38px;
    border: none;
    background: none;
    color: var(--ink3);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
}

/* Swapped with the "on" eye by corTogglePw. */
.eye-off[b-xe50zvi44p] {
    display: none;
}

.remember[b-xe50zvi44p] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 2px;
    cursor: pointer;
}

.remember[b-xe50zvi44p]  input {
    width: 18px;
    height: 18px;
    accent-color: var(--accent);
    cursor: pointer;
}

.remember-text[b-xe50zvi44p] {
    font-size: 13.5px;
    font-weight: 700;
    color: var(--ink2);
}

.fail[b-xe50zvi44p] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--warn-soft);
    border: 1px solid var(--warn-bd);
    border-radius: 11px;
    padding: 9px 12px;
}

.fail-dot[b-xe50zvi44p] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--warn);
    flex: none;
}

.fail-text[b-xe50zvi44p] {
    font-size: 13px;
    font-weight: 700;
    color: var(--warn-ink);
}

.submit[b-xe50zvi44p] {
    width: 100%;
    box-sizing: border-box;
    border: none;
    background: var(--accent);
    color: #fff;
    border-radius: 14px;
    padding: 14px 0;
    font-size: 15.5px;
    font-weight: 800;
    font-family: inherit;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 50px;
    margin-top: 4px;
}

/* Shown as flex by passkey.js when the platform supports WebAuthn. */
.passkey[b-xe50zvi44p] {
    display: none;
    flex-direction: column;
}

.divider[b-xe50zvi44p] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 22px 0 0;
}

.divider-line[b-xe50zvi44p] {
    flex: 1;
    height: 1px;
    background: var(--line);
}

.divider-text[b-xe50zvi44p] {
    font-size: 12px;
    font-weight: 700;
    color: var(--ink3);
}

.face-btn[b-xe50zvi44p] {
    width: 100%;
    box-sizing: border-box;
    background: var(--card);
    border: 1px solid var(--line);
    color: var(--ink);
    border-radius: 14px;
    padding: 13px 0;
    font-size: 15px;
    font-weight: 800;
    font-family: inherit;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 50px;
    margin-top: 16px;
    box-shadow: var(--shadow);
}

.spacer[b-xe50zvi44p] {
    flex: 1;
    min-height: 26px;
}

.footer[b-xe50zvi44p] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
}

.secure[b-xe50zvi44p] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--ink3);
}

.secure-text[b-xe50zvi44p] {
    font-size: 12px;
    font-weight: 700;
}

.footnote[b-xe50zvi44p] {
    font-size: 11px;
    font-weight: 600;
    color: var(--ink3);
    text-align: center;
}
/* /Components/Pages/More.razor.rz.scp.css */
.body[b-hgoraqkvo4] {
    padding: 8px 16px calc(env(safe-area-inset-bottom, 0px) + 24px);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.card[b-hgoraqkvo4] {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: var(--shadow);
}

.profile[b-hgoraqkvo4] {
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 13px;
}

.avatar[b-hgoraqkvo4] {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: var(--accent);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 800;
    flex: none;
}

.profile-main[b-hgoraqkvo4] {
    flex: 1;
    min-width: 0;
}

.profile-name[b-hgoraqkvo4] {
    font-size: 15px;
    font-weight: 800;
}

.profile-sub[b-hgoraqkvo4] {
    font-size: 11.5px;
    color: var(--ink3);
    font-weight: 600;
    margin-top: 2px;
}

.role[b-hgoraqkvo4] {
    font-size: 10.5px;
    font-weight: 800;
    padding: 4px 9px;
    border-radius: 999px;
    background: var(--accent-soft);
    color: var(--accent);
    flex: none;
}

.visible[b-hgoraqkvo4] {
    padding: 4px 16px;
}

.visible-head[b-hgoraqkvo4] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 13px 0;
    cursor: pointer;
}

.visible-title[b-hgoraqkvo4] {
    font-size: 13.5px;
    font-weight: 800;
    flex: 1;
}

.visible-count[b-hgoraqkvo4] {
    font-size: 12px;
    color: var(--ink3);
    font-weight: 700;
}

.visible-chev[b-hgoraqkvo4] {
    font-size: 11px;
    color: var(--ink3);
}

/* Expanded to block by coreon.js corToggle. */
.visible-list[b-hgoraqkvo4] {
    display: none;
    padding-bottom: 8px;
}

.visible-row[b-hgoraqkvo4] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 0;
    border-top: 1px solid var(--line);
    cursor: pointer;
}

.checkbox[b-hgoraqkvo4] {
    width: 20px;
    height: 20px;
    border-radius: 6px;
    border: 1.5px solid var(--line);
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    flex: none;
    box-sizing: border-box;
}

.checkbox.on[b-hgoraqkvo4] {
    border-color: var(--accent);
    background: var(--accent);
}

.visible-name[b-hgoraqkvo4] {
    font-size: 13px;
    font-weight: 700;
    flex: 1;
}

.visible-city[b-hgoraqkvo4] {
    font-size: 11px;
    color: var(--ink3);
    font-weight: 600;
}

.theme[b-hgoraqkvo4] {
    padding: 14px 16px;
}

.theme-title[b-hgoraqkvo4] {
    font-size: 13.5px;
    font-weight: 800;
    margin-bottom: 10px;
}

.theme-segs[b-hgoraqkvo4] {
    display: flex;
    background: var(--chip);
    border-radius: 12px;
    padding: 3px;
    gap: 3px;
}

.theme-btn[b-hgoraqkvo4] {
    flex: 1;
    border: none;
    border-radius: 9px;
    padding: 8px 0;
    font-size: 12.5px;
    font-weight: 700;
    cursor: pointer;
    background: transparent;
    color: var(--ink3);
}

.theme-btn.active[b-hgoraqkvo4] {
    background: var(--card);
    color: var(--ink);
}

/* Shown by passkey.js when the platform supports WebAuthn. */
.passkey[b-hgoraqkvo4] {
    display: none;
    padding: 16px;
}

.passkey-head[b-hgoraqkvo4] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.passkey-icon[b-hgoraqkvo4] {
    flex: none;
}

.passkey-main[b-hgoraqkvo4] {
    flex: 1;
    min-width: 0;
}

.passkey-title[b-hgoraqkvo4] {
    font-size: 13.5px;
    font-weight: 800;
}

.passkey-sub[b-hgoraqkvo4] {
    font-size: 11.5px;
    color: var(--ink3);
    font-weight: 600;
    margin-top: 2px;
}

.passkey-btn[b-hgoraqkvo4] {
    width: 100%;
    box-sizing: border-box;
    margin-top: 13px;
    border: 1px solid var(--accent);
    background: var(--accent-soft);
    color: var(--accent);
    border-radius: 12px;
    padding: 11px 0;
    font-size: 13px;
    font-weight: 800;
    font-family: inherit;
    cursor: pointer;
}

.nav[b-hgoraqkvo4] {
    padding: 15px 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: inherit;
}

.nav-main[b-hgoraqkvo4] {
    flex: 1;
    min-width: 0;
}

.nav-head[b-hgoraqkvo4] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.nav-title[b-hgoraqkvo4] {
    font-size: 13.5px;
    font-weight: 800;
}

.soon[b-hgoraqkvo4] {
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: .05em;
    padding: 2.5px 7px;
    border-radius: 999px;
    background: var(--accent-soft);
    color: var(--accent);
}

.nav-sub[b-hgoraqkvo4] {
    font-size: 11.5px;
    color: var(--ink3);
    font-weight: 600;
    margin-top: 3px;
}

.chevron[b-hgoraqkvo4] {
    font-size: 17px;
    color: var(--ink3);
    flex: none;
}

.logout[b-hgoraqkvo4] {
    padding: 15px 16px;
    text-align: center;
    text-decoration: none;
}

.logout-text[b-hgoraqkvo4] {
    font-size: 13.5px;
    font-weight: 800;
    color: var(--danger);
}

.version[b-hgoraqkvo4] {
    text-align: center;
    font-size: 10.5px;
    color: var(--ink3);
    font-weight: 600;
    margin-top: 4px;
}
/* /Components/Pages/NotFound.razor.rz.scp.css */
.page[b-qzakz9giwa] {
    align-items: center;
    justify-content: center;
    padding: 24px;
    text-align: center;
    gap: 10px;
}

.glyph[b-qzakz9giwa] {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--chip);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: var(--ink3);
}

.headline[b-qzakz9giwa] {
    font-size: 19px;
    font-weight: 800;
    margin: 6px 0 0;
}

.lead[b-qzakz9giwa] {
    font-size: 13px;
    font-weight: 600;
    color: var(--ink3);
    max-width: 260px;
}

.home[b-qzakz9giwa] {
    margin-top: 8px;
    border: none;
    background: var(--accent);
    color: #fff;
    border-radius: 12px;
    padding: 11px 20px;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}
/* /Components/Pages/Overview.razor.rz.scp.css */
.body[b-8aq2ay1lvs] {
    padding: 8px 16px calc(env(safe-area-inset-bottom, 0px) + 24px);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.card[b-8aq2ay1lvs] {
    background: var(--card);
    border: 1px solid var(--line);
    box-shadow: var(--shadow);
}

.hero[b-8aq2ay1lvs] {
    border-radius: 20px;
    padding: 18px 18px 16px;
}

.hero-head[b-8aq2ay1lvs] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hero-cap[b-8aq2ay1lvs] {
    font-size: 12px;
    font-weight: 700;
    color: var(--ink2);
}

.hero-period[b-8aq2ay1lvs] {
    font-size: 11.5px;
    font-weight: 600;
    color: var(--ink3);
}

.hero-value[b-8aq2ay1lvs] {
    font-size: 37px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.1;
    margin-top: 8px;
}

.hero-delta[b-8aq2ay1lvs] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
}

.hero-prev[b-8aq2ay1lvs] {
    font-size: 11.5px;
    color: var(--ink3);
    font-weight: 600;
}

.kpis[b-8aq2ay1lvs] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.kpi[b-8aq2ay1lvs] {
    border-radius: 16px;
    padding: 13px 14px;
}

.kpi-cap[b-8aq2ay1lvs] {
    font-size: 11.5px;
    font-weight: 700;
    color: var(--ink2);
}

.kpi-value[b-8aq2ay1lvs] {
    font-size: 22px;
    font-weight: 700;
    margin-top: 5px;
}

.kpi-delta[b-8aq2ay1lvs] {
    margin-top: 6px;
}

.returns[b-8aq2ay1lvs] {
    border-radius: 16px;
    padding: 13px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.returns-value[b-8aq2ay1lvs] {
    font-size: 19px;
    font-weight: 700;
    margin-top: 4px;
    color: var(--warn-ink);
}

.returns-cap[b-8aq2ay1lvs] {
    font-size: 11px;
    font-weight: 700;
    color: var(--ink3);
    text-align: right;
}

.chart-card[b-8aq2ay1lvs] {
    border-radius: 20px;
    padding: 16px;
}

.card-head[b-8aq2ay1lvs] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section-cap[b-8aq2ay1lvs] {
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: var(--ink3);
}

.card-note[b-8aq2ay1lvs] {
    font-size: 11px;
    font-weight: 700;
    color: var(--ink3);
}

.section-head[b-8aq2ay1lvs] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-top: 4px;
}

.see-all[b-8aq2ay1lvs] {
    color: var(--accent);
    font-size: 12.5px;
    font-weight: 800;
    text-decoration: none;
}

.stores[b-8aq2ay1lvs] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.store[b-8aq2ay1lvs] {
    border-radius: 16px;
    padding: 13px 14px;
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: inherit;
}

.store-main[b-8aq2ay1lvs] {
    flex: 1;
    min-width: 0;
}

.store-head[b-8aq2ay1lvs] {
    display: flex;
    align-items: baseline;
    gap: 6px;
}

.store-name[b-8aq2ay1lvs] {
    font-size: 14px;
    font-weight: 800;
}

.store-city[b-8aq2ay1lvs] {
    font-size: 11px;
    color: var(--ink3);
    font-weight: 600;
}

.store-sub[b-8aq2ay1lvs] {
    font-size: 11.5px;
    color: var(--ink2);
    font-weight: 600;
    margin-top: 3px;
}

.store-warn[b-8aq2ay1lvs] {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 4px;
}

.warn-dot[b-8aq2ay1lvs] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--warn);
    flex: none;
}

.warn-text[b-8aq2ay1lvs] {
    font-size: 10.5px;
    font-weight: 700;
    color: var(--warn-ink);
}

.spark[b-8aq2ay1lvs] {
    flex: none;
}

.store-side[b-8aq2ay1lvs] {
    text-align: right;
    flex: none;
}

.store-rev[b-8aq2ay1lvs] {
    font-size: 14.5px;
    font-weight: 700;
}

.store-delta[b-8aq2ay1lvs] {
    font-size: 10.5px;
    font-weight: 800;
    margin-top: 2px;
}

.store-delta--up[b-8aq2ay1lvs] { color: var(--pos-ink); }
.store-delta--down[b-8aq2ay1lvs] { color: var(--warn-ink); }
.store-delta--none[b-8aq2ay1lvs] { color: var(--ink3); }
/* /Components/Pages/ProductDetail.razor.rz.scp.css */
.card[b-qy1z037i41] {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 20px;
    padding: 16px;
    box-shadow: var(--shadow);
}

.name[b-qy1z037i41] {
    font-size: 17px;
    font-weight: 800;
    line-height: 1.25;
}

.tags[b-qy1z037i41] {
    display: flex;
    gap: 6px;
    margin-top: 9px;
    flex-wrap: wrap;
    align-items: center;
}

.tag[b-qy1z037i41] {
    font-size: 10.5px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 7px;
    background: var(--chip);
    color: var(--ink2);
}

.tag--mono[b-qy1z037i41] {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}

.category[b-qy1z037i41] {
    font-size: 11.5px;
    color: var(--ink3);
    font-weight: 600;
    margin-top: 9px;
}

.section-cap[b-qy1z037i41] {
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: var(--ink3);
}

.variants[b-qy1z037i41] {
    padding: 8px 16px;
}

.variants-cap[b-qy1z037i41] {
    padding: 8px 0 4px;
}

.variant[b-qy1z037i41] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
    border-top: 1px solid var(--line);
}

.variant-main[b-qy1z037i41] {
    flex: 1;
    min-width: 0;
}

.variant-label[b-qy1z037i41] {
    font-size: 13px;
    font-weight: 700;
}

.variant-sub[b-qy1z037i41] {
    font-size: 10px;
    color: var(--ink3);
    font-weight: 600;
    margin-top: 2px;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}

.variant-side[b-qy1z037i41] {
    text-align: right;
    flex: none;
}

.variant-price[b-qy1z037i41] {
    font-size: 13px;
    font-weight: 800;
}

.variant-promo[b-qy1z037i41] {
    font-size: 10.5px;
    font-weight: 800;
    color: var(--warn-ink);
    margin-top: 2px;
}

.card-head[b-qy1z037i41] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-note[b-qy1z037i41] {
    font-size: 11px;
    font-weight: 700;
    color: var(--ink3);
}

.sales-card[b-qy1z037i41]  .empty {
    height: 90px;
}

.stats[b-qy1z037i41] {
    display: flex;
    gap: 12px;
    margin-top: 12px;
}

.stat[b-qy1z037i41] {
    flex: 1;
}

.stat-cap[b-qy1z037i41] {
    font-size: 11px;
    font-weight: 700;
    color: var(--ink2);
}

.stat-value[b-qy1z037i41] {
    font-size: 19px;
    font-weight: 700;
    margin-top: 3px;
}

.no-sales[b-qy1z037i41] {
    height: 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-align: center;
}

.no-sales-title[b-qy1z037i41] {
    font-size: 13px;
    font-weight: 800;
}

.no-sales-sub[b-qy1z037i41] {
    font-size: 11.5px;
    font-weight: 600;
    color: var(--ink3);
}

.best-rows[b-qy1z037i41] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
}

.best-head[b-qy1z037i41] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 8px;
}

.best-name[b-qy1z037i41] {
    font-size: 12.5px;
    font-weight: 700;
}

.best-rev[b-qy1z037i41] {
    font-size: 12.5px;
    font-weight: 800;
    flex: none;
}

.bar-row[b-qy1z037i41] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
}

.bar[b-qy1z037i41] {
    flex: 1;
    height: 5px;
    border-radius: 3px;
    background: var(--chip);
    overflow: hidden;
}

.bar-fill[b-qy1z037i41] {
    height: 100%;
    border-radius: 3px;
    background: var(--accent);
    width: var(--w);
}

.bar-note[b-qy1z037i41] {
    font-size: 10.5px;
    color: var(--ink3);
    font-weight: 700;
    flex: none;
    min-width: 48px;
    text-align: right;
}
/* /Components/Pages/Products.razor.rz.scp.css */
.filters[b-br5ih8rx1l] {
    padding: 6px 16px 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.segs[b-br5ih8rx1l] {
    display: flex;
    background: var(--chip);
    border-radius: 12px;
    padding: 3px;
    gap: 3px;
}

.chips[b-br5ih8rx1l] {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    margin: 0 -16px;
    padding: 0 16px;
}

.search[b-br5ih8rx1l] {
    width: 100%;
    box-sizing: border-box;
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 10px 12px;
    font-size: 13px;
    font-weight: 600;
    color: var(--ink);
    font-family: inherit;
    outline: none;
}

.crumb[b-br5ih8rx1l] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.crumb-back[b-br5ih8rx1l] {
    border: 1px solid var(--line);
    background: var(--card);
    color: var(--ink);
    border-radius: 999px;
    padding: 5px 11px;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
}

.crumb-title[b-br5ih8rx1l] {
    font-size: 12px;
    font-weight: 700;
    color: var(--ink2);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list[b-br5ih8rx1l] {
    padding: 0 16px calc(env(safe-area-inset-bottom, 0px) + 24px);
}

.rows[b-br5ih8rx1l] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.top-row[b-br5ih8rx1l] {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 11px;
    text-decoration: none;
    color: inherit;
    box-shadow: var(--shadow);
}

.rank[b-br5ih8rx1l] {
    width: 26px;
    height: 26px;
    border-radius: 8px;
    background: var(--chip);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 800;
    color: var(--ink2);
    flex: none;
}

.top-main[b-br5ih8rx1l] {
    flex: 1;
    min-width: 0;
}

.top-name[b-br5ih8rx1l] {
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.top-cat[b-br5ih8rx1l] {
    font-size: 10.5px;
    color: var(--ink3);
    font-weight: 600;
    margin-top: 2px;
}

.bar[b-br5ih8rx1l] {
    height: 4px;
    border-radius: 2px;
    background: var(--chip);
    margin-top: 7px;
    overflow: hidden;
}

.bar-fill[b-br5ih8rx1l] {
    height: 100%;
    border-radius: 2px;
    background: var(--accent);
    width: var(--w);
}

.top-side[b-br5ih8rx1l] {
    text-align: right;
    flex: none;
}

.top-main-val[b-br5ih8rx1l] {
    font-size: 13.5px;
    font-weight: 700;
}

.top-sub-val[b-br5ih8rx1l] {
    font-size: 10.5px;
    color: var(--ink3);
    font-weight: 600;
    margin-top: 2px;
}

.empty[b-br5ih8rx1l] {
    padding: 48px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    text-align: center;
}

.empty-glyph[b-br5ih8rx1l] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--chip);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: var(--ink3);
}

.empty-title[b-br5ih8rx1l] {
    font-size: 14px;
    font-weight: 800;
}

.empty-sub[b-br5ih8rx1l] {
    font-size: 12px;
    font-weight: 600;
    color: var(--ink3);
}

.cat-row[b-br5ih8rx1l],
.prod-row[b-br5ih8rx1l] {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: inherit;
    box-shadow: var(--shadow);
}

.cat-row[b-br5ih8rx1l] {
    padding: 13px 14px;
}

.prod-row[b-br5ih8rx1l] {
    padding: 12px 14px;
}

.cat-main[b-br5ih8rx1l],
.prod-main[b-br5ih8rx1l] {
    flex: 1;
    min-width: 0;
}

.cat-title[b-br5ih8rx1l] {
    font-size: 13.5px;
    font-weight: 800;
}

.cat-sub[b-br5ih8rx1l] {
    font-size: 11px;
    color: var(--ink3);
    font-weight: 600;
    margin-top: 2px;
}

.prod-name[b-br5ih8rx1l] {
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.prod-code[b-br5ih8rx1l] {
    font-size: 10.5px;
    color: var(--ink3);
    font-weight: 600;
    margin-top: 2px;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}

.prod-price[b-br5ih8rx1l] {
    font-size: 12.5px;
    font-weight: 800;
    flex: none;
}

.chevron[b-br5ih8rx1l] {
    font-size: 17px;
    color: var(--ink3);
    flex: none;
}
/* /Components/Pages/ReceiptDetail.razor.rz.scp.css */
.return-banner[b-vy7gxdz0al] {
    background: var(--warn-soft);
    border: 1px solid var(--warn-bd);
    border-radius: 14px;
    padding: 11px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.return-glyph[b-vy7gxdz0al] {
    font-size: 16px;
    font-weight: 800;
    color: var(--warn-ink);
}

.return-text[b-vy7gxdz0al] {
    font-size: 12.5px;
    font-weight: 700;
    color: var(--warn-ink);
}

.orig[b-vy7gxdz0al] {
    border: 1.5px dashed var(--line);
    background: var(--card);
    border-radius: 14px;
    padding: 12px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: inherit;
}

.orig-main[b-vy7gxdz0al] {
    flex: 1;
    min-width: 0;
}

.orig-cap[b-vy7gxdz0al] {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--ink3);
}

.orig-title[b-vy7gxdz0al] {
    font-size: 13px;
    font-weight: 800;
    margin-top: 3px;
}

.orig-fn[b-vy7gxdz0al] {
    font-size: 10.5px;
    color: var(--ink3);
    font-weight: 600;
    margin-top: 2px;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}

.chevron[b-vy7gxdz0al] {
    font-size: 17px;
    color: var(--ink3);
    flex: none;
}

.paper[b-vy7gxdz0al] {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 18px;
    padding: 18px 16px;
    box-shadow: var(--shadow);
}

.store[b-vy7gxdz0al] {
    text-align: center;
}

.store-name[b-vy7gxdz0al] {
    font-size: 15px;
    font-weight: 800;
}

.store-addr[b-vy7gxdz0al] {
    font-size: 11px;
    color: var(--ink3);
    font-weight: 600;
    margin-top: 2px;
}

.rule[b-vy7gxdz0al] {
    border-top: 1.5px dashed var(--line);
    margin: 14px 0;
}

.meta[b-vy7gxdz0al] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 5px 14px;
    font-size: 12px;
}

.meta-cap[b-vy7gxdz0al] {
    color: var(--ink3);
    font-weight: 600;
}

.meta-val[b-vy7gxdz0al] {
    font-weight: 700;
    text-align: right;
}

.meta-val--mono[b-vy7gxdz0al] {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 11.5px;
}

.lines[b-vy7gxdz0al] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.line-head[b-vy7gxdz0al] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.line-name[b-vy7gxdz0al] {
    font-size: 13px;
    font-weight: 700;
    flex: 1;
    min-width: 0;
}

.line-sum[b-vy7gxdz0al] {
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
    flex: none;
}

.line-sub[b-vy7gxdz0al] {
    display: flex;
    gap: 8px;
    margin-top: 3px;
    align-items: center;
}

.line-var[b-vy7gxdz0al] {
    font-size: 11px;
    color: var(--ink3);
    font-weight: 600;
}

.line-qty[b-vy7gxdz0al] {
    font-size: 11.5px;
    color: var(--ink2);
    font-weight: 600;
    margin-left: auto;
}

.line-disc[b-vy7gxdz0al] {
    font-size: 10px;
    font-weight: 800;
    color: var(--warn-ink);
    background: var(--warn-soft);
    border-radius: 6px;
    padding: 1.5px 6px;
    flex: none;
}

.discount-card[b-vy7gxdz0al] {
    margin-top: 13px;
    background: var(--accent-soft);
    border-radius: 10px;
    padding: 8px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.discount-text[b-vy7gxdz0al] {
    font-size: 11.5px;
    font-weight: 700;
    color: var(--accent);
}

.taxes[b-vy7gxdz0al] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.tax[b-vy7gxdz0al] {
    display: flex;
    justify-content: space-between;
}

.tax-label[b-vy7gxdz0al] {
    font-size: 11.5px;
    color: var(--ink3);
    font-weight: 600;
}

.tax-sum[b-vy7gxdz0al] {
    font-size: 11.5px;
    color: var(--ink2);
    font-weight: 700;
}

.total[b-vy7gxdz0al] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-top: 10px;
}

.total-label[b-vy7gxdz0al] {
    font-size: 13px;
    font-weight: 800;
}

.total-value[b-vy7gxdz0al] {
    font-size: 22px;
    font-weight: 700;
    color: var(--ink);
    letter-spacing: -0.01em;
}

.total-value--return[b-vy7gxdz0al] {
    color: var(--warn-ink);
}

.pays[b-vy7gxdz0al] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pay[b-vy7gxdz0al] {
    display: flex;
    justify-content: space-between;
}

.pay-label[b-vy7gxdz0al] {
    font-size: 12.5px;
    font-weight: 700;
    color: var(--ink2);
}

.pay-sum[b-vy7gxdz0al] {
    font-size: 12.5px;
    font-weight: 800;
}

.pay-sub[b-vy7gxdz0al] {
    font-size: 11px;
    color: var(--ink3);
    font-weight: 600;
    margin-top: 2px;
}

.foot[b-vy7gxdz0al] {
    text-align: center;
    font-size: 10.5px;
    color: var(--ink3);
    font-weight: 600;
    margin-top: 16px;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}
/* /Components/Pages/Receipts.razor.rz.scp.css */
.filters[b-7vszldre5n] {
    padding: 6px 16px 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.search[b-7vszldre5n] {
    width: 100%;
    box-sizing: border-box;
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 10px 12px;
    font-size: 13px;
    font-weight: 600;
    color: var(--ink);
    font-family: inherit;
    outline: none;
}

.segs[b-7vszldre5n] {
    display: flex;
    background: var(--chip);
    border-radius: 12px;
    padding: 3px;
    gap: 3px;
}

.chips[b-7vszldre5n] {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    margin: 0 -16px;
    padding: 0 16px;
}

.filters-btn[b-7vszldre5n] {
    flex: none;
    border: 1px solid var(--chip);
    background: var(--chip);
    color: var(--ink2);
    border-radius: 999px;
    padding: 6px 11px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
}

.filters-btn.active[b-7vszldre5n] {
    border-color: var(--accent-soft);
    background: var(--accent-soft);
    color: var(--accent);
}

.caption[b-7vszldre5n] {
    font-size: 11px;
    color: var(--ink3);
    font-weight: 600;
}

.list[b-7vszldre5n] {
    padding: 0 16px calc(env(safe-area-inset-bottom, 0px) + 24px);
}

.group-label[b-7vszldre5n] {
    font-size: 11px;
    font-weight: 800;
    color: var(--ink3);
    text-transform: uppercase;
    letter-spacing: .06em;
    margin: 14px 2px 8px;
}

.group-rows[b-7vszldre5n] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.more[b-7vszldre5n] {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--line);
    background: var(--card);
    color: var(--accent);
    border-radius: 14px;
    padding: 12px 0;
    font-size: 13px;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
    margin-top: 12px;
}

.empty[b-7vszldre5n] {
    padding: 48px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    text-align: center;
}

.empty-glyph[b-7vszldre5n] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--chip);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: var(--ink3);
}

.empty-title[b-7vszldre5n] {
    font-size: 14px;
    font-weight: 800;
}

.empty-sub[b-7vszldre5n] {
    font-size: 12px;
    font-weight: 600;
    color: var(--ink3);
}

.empty-reset[b-7vszldre5n] {
    margin-top: 6px;
    border: none;
    background: var(--accent-soft);
    color: var(--accent);
    border-radius: 999px;
    padding: 8px 16px;
    font-size: 12.5px;
    font-weight: 800;
    text-decoration: none;
}

.sheet[b-7vszldre5n] {
    display: none;
}

.backdrop[b-7vszldre5n] {
    position: absolute;
    inset: 0;
    z-index: 80;
    background: rgba(10, 12, 20, 0.45);
    animation: corFade .2s;
}

.panel[b-7vszldre5n] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 81;
    background: var(--card);
    border-radius: 22px 22px 0 0;
    padding: 12px 16px calc(env(safe-area-inset-bottom, 0px) + 24px);
    animation: corUp .28s cubic-bezier(.2, .8, .2, 1);
    max-height: 80vh;
    overflow-y: auto;
}

.grip[b-7vszldre5n] {
    width: 36px;
    height: 4px;
    border-radius: 2px;
    background: var(--chip);
    margin: 0 auto 12px;
}

.panel-head[b-7vszldre5n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
}

.panel-title[b-7vszldre5n] {
    font-size: 16px;
    font-weight: 800;
}

.panel-reset[b-7vszldre5n] {
    color: var(--accent);
    font-size: 12.5px;
    font-weight: 800;
    text-decoration: none;
}

.filter-cap[b-7vszldre5n] {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--ink3);
    margin-bottom: 8px;
}

.filter-chips[b-7vszldre5n] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.fisc-row[b-7vszldre5n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 0 16px;
    text-decoration: none;
    color: inherit;
}

.fisc-label[b-7vszldre5n] {
    font-size: 13.5px;
    font-weight: 700;
}

.toggle[b-7vszldre5n] {
    width: 44px;
    height: 26px;
    border-radius: 13px;
    background: var(--chip);
    position: relative;
    flex: none;
}

.toggle.on[b-7vszldre5n] {
    background: var(--accent);
}

.knob[b-7vszldre5n] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 2px;
    left: 2px;
    transform: translateX(0);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
}

.toggle.on .knob[b-7vszldre5n] {
    transform: translateX(18px);
}

.apply[b-7vszldre5n] {
    width: 100%;
    border: none;
    background: var(--accent);
    color: #fff;
    border-radius: 14px;
    padding: 13px 0;
    font-size: 13.5px;
    font-weight: 800;
    cursor: pointer;
}
/* /Components/Pages/ShiftDetail.razor.rz.scp.css */
.card[b-nekjds5zd8] {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 20px;
    padding: 16px;
    box-shadow: var(--shadow);
}

.section-cap[b-nekjds5zd8] {
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: var(--ink3);
}

.cashier[b-nekjds5zd8] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.avatar[b-nekjds5zd8] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--accent-soft);
    color: var(--accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 800;
    flex: none;
}

.cashier-main[b-nekjds5zd8] {
    flex: 1;
    min-width: 0;
}

.cashier-name[b-nekjds5zd8] {
    font-size: 15px;
    font-weight: 800;
}

.cashier-sub[b-nekjds5zd8] {
    font-size: 11.5px;
    color: var(--ink3);
    font-weight: 600;
    margin-top: 2px;
}

.window[b-nekjds5zd8] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
    margin-top: 14px;
}

.window-cap[b-nekjds5zd8] {
    font-size: 10.5px;
    font-weight: 700;
    color: var(--ink3);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.window-val[b-nekjds5zd8] {
    font-size: 12.5px;
    font-weight: 800;
    margin-top: 3px;
}

.metrics[b-nekjds5zd8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.metric[b-nekjds5zd8] {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 12px 13px;
    box-shadow: var(--shadow);
}

.metric-cap[b-nekjds5zd8] {
    font-size: 11px;
    font-weight: 700;
    color: var(--ink2);
}

.metric-val[b-nekjds5zd8] {
    font-size: 18px;
    font-weight: 700;
    margin-top: 4px;
}

.metric-val--warn[b-nekjds5zd8] {
    color: var(--warn-ink);
}

.metric-note[b-nekjds5zd8] {
    font-size: 10.5px;
    color: var(--ink3);
    font-weight: 600;
    margin-top: 4px;
}

.cash-rows[b-nekjds5zd8] {
    display: flex;
    flex-direction: column;
    gap: 9px;
    margin-top: 12px;
}

.cash-row[b-nekjds5zd8] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 10px;
}

.cash-row--z[b-nekjds5zd8] {
    margin-top: 8px;
}

.cash-label[b-nekjds5zd8] {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ink2);
}

.cash-val[b-nekjds5zd8] {
    font-size: 12.5px;
    font-weight: 700;
    white-space: nowrap;
}

.cash-val--strong[b-nekjds5zd8] {
    font-weight: 800;
}

.cash-rule[b-nekjds5zd8] {
    border-top: 1.5px dashed var(--line);
    margin: 12px 0;
}

.cash-total[b-nekjds5zd8] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 10px;
}

.cash-total-label[b-nekjds5zd8] {
    font-size: 13px;
    font-weight: 800;
}

.cash-total-val[b-nekjds5zd8] {
    font-size: 18px;
    font-weight: 700;
}

.disc[b-nekjds5zd8] {
    margin-top: 10px;
    background: var(--warn-soft);
    border: 1px solid var(--warn-bd);
    border-radius: 10px;
    padding: 9px 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.disc-label[b-nekjds5zd8] {
    font-size: 12px;
    font-weight: 800;
    color: var(--warn-ink);
}

.disc-val[b-nekjds5zd8] {
    font-size: 12.5px;
    font-weight: 800;
    color: var(--warn-ink);
    white-space: nowrap;
}

.events[b-nekjds5zd8] {
    margin-top: 14px;
}

.event[b-nekjds5zd8] {
    display: flex;
    gap: 12px;
}

.event-rail[b-nekjds5zd8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 24px;
    flex: none;
}

.event-dot[b-nekjds5zd8] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 800;
    flex: none;
}

.event-dot--accent[b-nekjds5zd8] { background: var(--accent); }
.event-dot--pos[b-nekjds5zd8] { background: var(--pos); }
.event-dot--warn[b-nekjds5zd8] { background: var(--warn); }
.event-dot--danger[b-nekjds5zd8] { background: var(--danger); }

.event-line[b-nekjds5zd8] {
    flex: 1;
    width: 2px;
    background: var(--line);
    margin: 3px 0;
    min-height: 12px;
}

.event-main[b-nekjds5zd8] {
    flex: 1;
    min-width: 0;
    padding-bottom: 16px;
}

.event-main--last[b-nekjds5zd8] {
    padding-bottom: 2px;
}

.event-head[b-nekjds5zd8] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    align-items: baseline;
}

.event-title[b-nekjds5zd8] {
    font-size: 13px;
    font-weight: 800;
}

.event-amt[b-nekjds5zd8] {
    font-size: 12.5px;
    font-weight: 800;
    white-space: nowrap;
}

.event-amt--pos[b-nekjds5zd8] {
    color: var(--pos-ink);
}

.event-amt--neg[b-nekjds5zd8] {
    color: var(--warn-ink);
}

.event-time[b-nekjds5zd8] {
    font-size: 11px;
    color: var(--ink3);
    font-weight: 700;
    margin-top: 2px;
}

.event-detail[b-nekjds5zd8] {
    font-size: 11.5px;
    color: var(--ink2);
    font-weight: 600;
    margin-top: 3px;
}

.event-sub[b-nekjds5zd8] {
    font-size: 11.5px;
    color: var(--ink3);
    font-weight: 600;
    margin-top: 2px;
    overflow-wrap: anywhere;
}

.events-empty[b-nekjds5zd8] {
    font-size: 12px;
    font-weight: 600;
    color: var(--ink3);
    padding: 10px 0 2px;
}

.link-btn[b-nekjds5zd8] {
    display: block;
    border: 1px solid var(--line);
    background: var(--card);
    color: var(--accent);
    border-radius: 14px;
    padding: 12px 0;
    font-size: 13px;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
}
/* /Components/Pages/Shifts.razor.rz.scp.css */
.segs[b-ws658q55sk] {
    display: flex;
    background: var(--chip);
    border-radius: 12px;
    padding: 3px;
    gap: 3px;
}

.chips[b-ws658q55sk] {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    margin: 0 -16px;
    padding: 0 16px;
}

.group-label[b-ws658q55sk] {
    font-size: 11px;
    font-weight: 800;
    color: var(--ink3);
    text-transform: uppercase;
    letter-spacing: .06em;
    margin: 2px 2px 8px;
}

.group-rows[b-ws658q55sk] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.row[b-ws658q55sk] {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: 11px 12px;
    display: flex;
    align-items: center;
    gap: 11px;
    text-decoration: none;
    color: inherit;
    box-shadow: var(--shadow);
}

.avatar[b-ws658q55sk] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--accent-soft);
    color: var(--accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12.5px;
    font-weight: 800;
    flex: none;
}

.main[b-ws658q55sk] {
    flex: 1;
    min-width: 0;
}

.name[b-ws658q55sk] {
    font-size: 13.5px;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.meta[b-ws658q55sk] {
    font-size: 11.5px;
    color: var(--ink2);
    font-weight: 600;
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.when[b-ws658q55sk] {
    font-size: 11px;
    color: var(--ink3);
    font-weight: 600;
    margin-top: 3px;
}

.side[b-ws658q55sk] {
    text-align: right;
    flex: none;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 5px;
}

.rev[b-ws658q55sk] {
    font-size: 14px;
    font-weight: 700;
}

.status[b-ws658q55sk] {
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: .03em;
    padding: 2.5px 7px;
    border-radius: 999px;
    background: var(--chip);
    color: var(--ink3);
}

.status--open[b-ws658q55sk] {
    background: var(--pos-soft);
    color: var(--pos-ink);
}

.more[b-ws658q55sk] {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--line);
    background: var(--card);
    color: var(--accent);
    border-radius: 14px;
    padding: 12px 0;
    font-size: 13px;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
}

.empty[b-ws658q55sk] {
    padding: 48px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    text-align: center;
}

.empty-glyph[b-ws658q55sk] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--chip);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: var(--ink3);
}

.empty-title[b-ws658q55sk] {
    font-size: 14px;
    font-weight: 800;
}

.empty-sub[b-ws658q55sk] {
    font-size: 12px;
    font-weight: 600;
    color: var(--ink3);
}
/* /Components/Pages/StoreDetail.razor.rz.scp.css */
.empty-banner[b-s7jus7ozyz] {
    background: var(--warn-soft);
    border: 1px solid var(--warn-bd);
    border-radius: 14px;
    padding: 12px 14px;
    display: flex;
    gap: 9px;
    align-items: center;
}

.empty-dot[b-s7jus7ozyz] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--warn);
    flex: none;
}

.empty-text[b-s7jus7ozyz] {
    font-size: 12.5px;
    font-weight: 700;
    color: var(--warn-ink);
}

.kpis[b-s7jus7ozyz] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.kpi[b-s7jus7ozyz] {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 12px 13px;
    box-shadow: var(--shadow);
}

.kpi-cap[b-s7jus7ozyz] {
    font-size: 11px;
    font-weight: 700;
    color: var(--ink2);
}

.kpi-value[b-s7jus7ozyz] {
    font-size: 18px;
    font-weight: 700;
    margin-top: 4px;
}

.kpi-value--warn[b-s7jus7ozyz] {
    color: var(--warn-ink);
}

.kpi-delta[b-s7jus7ozyz] {
    margin-top: 5px;
}

.kpi-note[b-s7jus7ozyz] {
    font-size: 10.5px;
    color: var(--ink3);
    font-weight: 600;
    margin-top: 5px;
}

.card[b-s7jus7ozyz] {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 20px;
    padding: 16px;
    box-shadow: var(--shadow);
}

.card-head[b-s7jus7ozyz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section-cap[b-s7jus7ozyz] {
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: var(--ink3);
}

.card-note[b-s7jus7ozyz] {
    font-size: 11px;
    font-weight: 700;
    color: var(--ink3);
}

.chart-card[b-s7jus7ozyz]  .empty {
    height: 110px;
}

.register-rows[b-s7jus7ozyz] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
}

.register-head[b-s7jus7ozyz] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 8px;
}

.register-name[b-s7jus7ozyz] {
    font-size: 12.5px;
    font-weight: 700;
}

.register-desc[b-s7jus7ozyz] {
    color: var(--ink3);
    font-weight: 600;
    font-size: 11px;
}

.register-rev[b-s7jus7ozyz] {
    font-size: 12.5px;
    font-weight: 800;
    flex: none;
}

.bar-row[b-s7jus7ozyz] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
}

.bar[b-s7jus7ozyz] {
    flex: 1;
    height: 5px;
    border-radius: 3px;
    background: var(--chip);
    overflow: hidden;
}

.bar-fill[b-s7jus7ozyz] {
    height: 100%;
    border-radius: 3px;
    background: var(--accent);
    width: var(--w);
}

.bar-note[b-s7jus7ozyz] {
    font-size: 10.5px;
    color: var(--ink3);
    font-weight: 700;
    flex: none;
    min-width: 56px;
    text-align: right;
}

.top[b-s7jus7ozyz] {
    padding: 6px 16px 8px;
}

.top-cap[b-s7jus7ozyz] {
    padding: 10px 0 4px;
}

.top-row[b-s7jus7ozyz] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
    border-top: 1px solid var(--line);
    text-decoration: none;
    color: inherit;
}

.top-rank[b-s7jus7ozyz] {
    width: 18px;
    font-size: 11px;
    font-weight: 800;
    color: var(--ink3);
    flex: none;
}

.top-main[b-s7jus7ozyz] {
    flex: 1;
    min-width: 0;
}

.top-name[b-s7jus7ozyz] {
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.top-sub[b-s7jus7ozyz] {
    font-size: 10.5px;
    color: var(--ink3);
    font-weight: 600;
    margin-top: 1px;
}

.top-rev[b-s7jus7ozyz] {
    font-size: 13px;
    font-weight: 800;
    flex: none;
}

.top-empty[b-s7jus7ozyz] {
    padding: 14px 0;
    font-size: 12px;
    font-weight: 600;
    color: var(--ink3);
}

.section-head[b-s7jus7ozyz] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-top: 2px;
}

.receipts[b-s7jus7ozyz] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.links[b-s7jus7ozyz] {
    display: flex;
    gap: 8px;
}

.link-btn[b-s7jus7ozyz] {
    flex: 1;
    border: 1px solid var(--line);
    background: var(--card);
    color: var(--accent);
    border-radius: 14px;
    padding: 12px 0;
    font-size: 13px;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
}
/* /Components/Pages/Stores.razor.rz.scp.css */
.body[b-f96z8y30vg] {
    padding: 8px 16px calc(env(safe-area-inset-bottom, 0px) + 24px);
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.caption[b-f96z8y30vg] {
    font-size: 11px;
    color: var(--ink3);
    font-weight: 600;
    margin-bottom: 2px;
}

.store[b-f96z8y30vg] {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 14px;
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: inherit;
    box-shadow: var(--shadow);
}

.store-main[b-f96z8y30vg] {
    flex: 1;
    min-width: 0;
}

.store-head[b-f96z8y30vg] {
    display: flex;
    align-items: baseline;
    gap: 6px;
}

.store-name[b-f96z8y30vg] {
    font-size: 14.5px;
    font-weight: 800;
}

.store-city[b-f96z8y30vg] {
    font-size: 11px;
    color: var(--ink3);
    font-weight: 600;
}

.store-sub[b-f96z8y30vg] {
    font-size: 11.5px;
    color: var(--ink2);
    font-weight: 600;
    margin-top: 3px;
}

.store-warn[b-f96z8y30vg] {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 5px;
}

.warn-dot[b-f96z8y30vg] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--warn);
    flex: none;
}

.warn-text[b-f96z8y30vg] {
    font-size: 10.5px;
    font-weight: 700;
    color: var(--warn-ink);
}

.store-side[b-f96z8y30vg] {
    text-align: right;
    flex: none;
}

.store-rev[b-f96z8y30vg] {
    font-size: 15px;
    font-weight: 700;
}

.store-cnt[b-f96z8y30vg] {
    font-size: 11px;
    color: var(--ink3);
    font-weight: 600;
    margin-top: 2px;
}

.chevron[b-f96z8y30vg] {
    font-size: 17px;
    color: var(--ink3);
    flex: none;
}
/* /Components/Shared/ChipLink.razor.rz.scp.css */
.chip[b-sija9veoag] {
    flex: none;
    border: 1px solid var(--chip);
    background: var(--chip);
    color: var(--ink2);
    border-radius: 999px;
    padding: 6px 11px;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    text-decoration: none;
}

.chip.active[b-sija9veoag] {
    border-color: var(--ink);
    background: var(--ink);
    color: var(--bg);
}
/* /Components/Shared/ComingSoon.razor.rz.scp.css */
.body[b-dup3q22432] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    text-align: center;
    padding-top: 16px;
}

.illu[b-dup3q22432] {
    width: 200px;
    height: 124px;
    border-radius: 16px;
    border: 1.5px dashed var(--line);
    background: repeating-linear-gradient(45deg, var(--chip) 0 10px, transparent 10px 20px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.illu-tag[b-dup3q22432] {
    font-size: 10px;
    color: var(--ink3);
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    background: var(--card);
    padding: 3px 8px;
    border-radius: 6px;
}

.status[b-dup3q22432] {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .06em;
    padding: 4px 10px;
    border-radius: 999px;
    background: var(--accent-soft);
    color: var(--accent);
}

.headline[b-dup3q22432] {
    font-size: 19px;
    font-weight: 800;
    letter-spacing: -0.01em;
}

.lead[b-dup3q22432] {
    font-size: 13px;
    font-weight: 600;
    color: var(--ink2);
    line-height: 1.55;
    max-width: 280px;
}

.features[b-dup3q22432] {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 6px 16px;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    box-shadow: var(--shadow);
}

.feature[b-dup3q22432] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 11px 0;
}

.feature + .feature[b-dup3q22432] {
    border-top: 1px solid var(--line);
}

.feature-dot[b-dup3q22432] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--accent);
    flex: none;
}

.feature-text[b-dup3q22432] {
    font-size: 12.5px;
    font-weight: 700;
}

.notify[b-dup3q22432] {
    width: 100%;
    border: none;
    background: var(--accent);
    color: #fff;
    border-radius: 14px;
    padding: 13px 0;
    font-size: 13.5px;
    font-weight: 800;
    cursor: pointer;
}
/* /Components/Shared/CoreonTab.razor.rz.scp.css */
.tab[b-z74ws3kk4f] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    text-decoration: none;
    color: var(--ink3);
    padding: 4px 0;
}

.tab.active[b-z74ws3kk4f] {
    color: var(--accent);
}

.tab-label[b-z74ws3kk4f] {
    font-size: 10px;
    font-weight: 700;
}
/* /Components/Shared/DeltaBadge.razor.rz.scp.css */
.delta[b-w2disfjtvi] {
    display: inline-block;
    font-size: 11.5px;
    font-weight: 800;
    padding: 3px 9px;
    border-radius: 999px;
}

.delta--none[b-w2disfjtvi] {
    background: var(--chip);
    color: var(--ink3);
}

.delta--up[b-w2disfjtvi] {
    background: var(--pos-soft);
    color: var(--pos-ink);
}

.delta--down[b-w2disfjtvi] {
    background: var(--warn-soft);
    color: var(--warn-ink);
}

.delta--sm[b-w2disfjtvi] {
    font-size: 10.5px;
    padding: 2px 7px;
}

.delta--xs[b-w2disfjtvi] {
    font-size: 10px;
    padding: 2px 7px;
}
/* /Components/Shared/DetailShell.razor.rz.scp.css */
.shell[b-3mqqa0vd8i] {
    animation: corSlide .28s cubic-bezier(.2, .8, .2, 1);
}

.head[b-3mqqa0vd8i] {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid var(--line);
    flex: none;
}

.back[b-3mqqa0vd8i] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--card);
    border: 1px solid var(--line);
    color: var(--ink);
    font-size: 19px;
    line-height: 1;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0 2px;
    flex: none;
}

.titles[b-3mqqa0vd8i] {
    flex: 1;
    min-width: 0;
}

.title[b-3mqqa0vd8i] {
    font-size: 16.5px;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sub[b-3mqqa0vd8i] {
    font-size: 11px;
    color: var(--ink3);
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 1px;
}

.badge[b-3mqqa0vd8i] {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .03em;
    padding: 4px 9px;
    border-radius: 999px;
    background: var(--chip);
    color: var(--ink3);
    flex: none;
}

.badge--pos[b-3mqqa0vd8i] {
    background: var(--pos-soft);
    color: var(--pos-ink);
}

.body[b-3mqqa0vd8i] {
    flex: 1;
    overflow-y: auto;
    padding: 12px 16px calc(env(safe-area-inset-bottom, 0px) + 20px);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.body--dense[b-3mqqa0vd8i] {
    gap: 10px;
}
/* /Components/Shared/PaymentSplit.razor.rz.scp.css */
.card[b-bbulqache4] {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 20px;
    padding: 16px;
    box-shadow: var(--shadow);
}

.title[b-bbulqache4] {
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: var(--ink3);
}

.bar[b-bbulqache4] {
    display: flex;
    height: 10px;
    border-radius: 6px;
    overflow: hidden;
    margin-top: 12px;
    background: var(--chip);
}

.fill[b-bbulqache4] { width: var(--w); }
.fill--card[b-bbulqache4] { background: var(--accent); }
.fill--cash[b-bbulqache4] { background: var(--pos); }
.fill--other[b-bbulqache4] { background: var(--ink3); }

.rows[b-bbulqache4] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 12px;
}
/* /Components/Shared/PayRow.razor.rz.scp.css */
.row[b-j98l511cxk] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.dot[b-j98l511cxk] {
    width: 8px;
    height: 8px;
    border-radius: 3px;
    flex: none;
}

.dot--card[b-j98l511cxk] { background: var(--accent); }
.dot--cash[b-j98l511cxk] { background: var(--pos); }
.dot--other[b-j98l511cxk] { background: var(--ink3); }

.label[b-j98l511cxk] {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ink2);
    flex: 1;
}

.pct[b-j98l511cxk] {
    font-size: 11.5px;
    font-weight: 700;
    color: var(--ink3);
    min-width: 42px;
    text-align: right;
}

.sum[b-j98l511cxk] {
    font-size: 12.5px;
    font-weight: 800;
    min-width: 88px;
    text-align: right;
}
/* /Components/Shared/PeriodChips.razor.rz.scp.css */
.chips[b-8u4ea0upgp] {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    margin: 0 -16px;
    padding: 0 16px 2px;
}

.pill[b-8u4ea0upgp] {
    flex: none;
    border: 1px solid var(--line);
    background: var(--card);
    color: var(--ink2);
    border-radius: 999px;
    padding: 7px 13px;
    font-size: 12.5px;
    font-weight: 700;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
}

.pill.active[b-8u4ea0upgp] {
    border-color: var(--ink);
    background: var(--ink);
    color: var(--bg);
}
/* /Components/Shared/PeriodSheet.razor.rz.scp.css */
.sheet[b-7hkch4jj34] {
    display: none;
}

.backdrop[b-7hkch4jj34] {
    position: absolute;
    inset: 0;
    z-index: 80;
    background: rgba(10, 12, 20, 0.45);
    animation: corFade .2s;
}

.panel[b-7hkch4jj34] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 81;
    background: var(--card);
    border-radius: 22px 22px 0 0;
    padding: 12px 16px calc(env(safe-area-inset-bottom, 0px) + 24px);
    animation: corUp .28s cubic-bezier(.2, .8, .2, 1);
}

.grip[b-7hkch4jj34] {
    width: 36px;
    height: 4px;
    border-radius: 2px;
    background: var(--chip);
    margin: 0 auto 12px;
}

.title[b-7hkch4jj34] {
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 14px;
}

.presets[b-7hkch4jj34] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.preset[b-7hkch4jj34] {
    flex: none;
    border: 1px solid var(--line);
    background: var(--bg);
    color: var(--ink2);
    border-radius: 999px;
    padding: 6px 11px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
}

.range[b-7hkch4jj34] {
    display: flex;
    gap: 10px;
    margin-bottom: 18px;
}

.range-field[b-7hkch4jj34] {
    flex: 1;
}

.range-label[b-7hkch4jj34] {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--ink3);
    margin-bottom: 6px;
}

.date-input[b-7hkch4jj34] {
    width: 100%;
    box-sizing: border-box;
    background: var(--bg);
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 10px 12px;
    font-size: 13px;
    font-weight: 600;
    color: var(--ink);
    font-family: inherit;
    outline: none;
}

.apply[b-7hkch4jj34] {
    width: 100%;
    border: none;
    background: var(--accent);
    color: #fff;
    border-radius: 14px;
    padding: 13px 0;
    font-size: 13.5px;
    font-weight: 800;
    cursor: pointer;
}
/* /Components/Shared/ReceiptRow.razor.rz.scp.css */
.row[b-q52o4d3ro5] {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: 11px 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: inherit;
    box-shadow: var(--shadow);
}

.icon[b-q52o4d3ro5] {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: var(--accent-soft);
    color: var(--accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 800;
    flex: none;
}

.row--return .icon[b-q52o4d3ro5] {
    background: var(--warn-soft);
    color: var(--warn-ink);
}

.main[b-q52o4d3ro5] {
    flex: 1;
    min-width: 0;
}

.head[b-q52o4d3ro5] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.number[b-q52o4d3ro5] {
    font-size: 13.5px;
    font-weight: 800;
    white-space: nowrap;
}

.badge[b-q52o4d3ro5] {
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: .04em;
    padding: 2.5px 6px;
    border-radius: 6px;
    background: var(--chip);
    color: var(--ink3);
    flex: none;
}

.badge--fiscal[b-q52o4d3ro5] {
    background: var(--pos-soft);
    color: var(--pos-ink);
}

.meta[b-q52o4d3ro5] {
    font-size: 11.5px;
    color: var(--ink2);
    font-weight: 600;
    margin-top: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.side[b-q52o4d3ro5] {
    text-align: right;
    flex: none;
}

.sum[b-q52o4d3ro5] {
    font-size: 14px;
    font-weight: 700;
    color: var(--ink);
}

.row--return .sum[b-q52o4d3ro5] {
    color: var(--warn-ink);
}

.time[b-q52o4d3ro5] {
    font-size: 11px;
    color: var(--ink3);
    font-weight: 600;
    margin-top: 2px;
}
/* /Components/Shared/RevenueChart.razor.rz.scp.css */
.chart[b-ssy2q1sqm4] {
    position: relative;
    margin-top: 10px;
}

.plot[b-ssy2q1sqm4] {
    display: block;
    max-width: 100%;
}

.x-axis[b-ssy2q1sqm4] {
    position: relative;
    height: 15px;
    margin-top: 2px;
}

.x-label[b-ssy2q1sqm4] {
    position: absolute;
    left: var(--x);
    top: 0;
    transform: translateX(-50%);
    font-size: 10px;
    font-weight: 600;
    color: var(--ink3);
    white-space: nowrap;
}

/* Hosts shrink this with `::deep .empty { height: … }` when the card is lower. */
.empty[b-ssy2q1sqm4] {
    height: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-align: center;
}

.empty-icon[b-ssy2q1sqm4] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--chip);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    color: var(--ink3);
}

.empty-title[b-ssy2q1sqm4] {
    font-size: 13px;
    font-weight: 800;
}

.empty-sub[b-ssy2q1sqm4] {
    font-size: 11.5px;
    font-weight: 600;
    color: var(--ink3);
}
/* /Components/Shared/SegLink.razor.rz.scp.css */
.seg[b-jvnk1y0m6b] {
    flex: 1;
    border-radius: 9px;
    padding: 7px 0;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    background: transparent;
    color: var(--ink3);
}

.seg.active[b-jvnk1y0m6b] {
    background: var(--card);
    color: var(--ink);
}
/* /Components/Shared/TabShell.razor.rz.scp.css */
.head[b-ogzh8k02qs] {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: none;
}

.head-row[b-ogzh8k02qs] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.head-titles[b-ogzh8k02qs] {
    min-width: 0;
}

.cap[b-ogzh8k02qs] {
    font-size: 11.5px;
    font-weight: 600;
    color: var(--ink3);
    letter-spacing: .01em;
}

.title[b-ogzh8k02qs] {
    font-size: 25px;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.15;
    margin: 2px 0 0;
}

.head-side[b-ogzh8k02qs] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-top: 3px;
    flex: none;
}

.sync[b-ogzh8k02qs] {
    display: flex;
    align-items: center;
    gap: 5px;
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 999px;
    padding: 5px 9px;
}

.sync-dot[b-ogzh8k02qs] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--pos);
}

.sync-label[b-ogzh8k02qs] {
    font-size: 11px;
    font-weight: 700;
    color: var(--ink2);
}

.avatar[b-ogzh8k02qs] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--accent);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11.5px;
    font-weight: 800;
    flex: none;
    text-decoration: none;
}

/* Shown as flex by coreon.js when the browser goes offline. */
.offline[b-ogzh8k02qs] {
    display: none;
    background: var(--warn-soft);
    border: 1px solid var(--warn-bd);
    border-radius: 12px;
    padding: 9px 12px;
    font-size: 11.5px;
    font-weight: 700;
    color: var(--warn-ink);
    align-items: center;
    gap: 8px;
}

.offline-dot[b-ogzh8k02qs] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--warn);
    flex: none;
}

.chips[b-ogzh8k02qs] {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    margin: 0 -16px;
    padding: 0 16px 2px;
}

.pill[b-ogzh8k02qs] {
    flex: none;
    border: 1px solid var(--line);
    background: var(--card);
    color: var(--ink2);
    border-radius: 999px;
    padding: 7px 13px;
    font-size: 12.5px;
    font-weight: 700;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
}

.pill.active[b-ogzh8k02qs] {
    border-color: var(--ink);
    background: var(--ink);
    color: var(--bg);
}

.content[b-ogzh8k02qs] {
    flex: 1;
    position: relative;
    overflow: hidden;
}

.scroll[b-ogzh8k02qs] {
    position: absolute;
    inset: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.refresh[b-ogzh8k02qs] {
    position: absolute;
    top: -38px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    opacity: 0;
}

.refresh-ring[b-ogzh8k02qs] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 2.5px solid var(--line);
    border-top-color: var(--accent);
}

.tabs[b-ogzh8k02qs] {
    flex: none;
    background: var(--card);
    border-top: 1px solid var(--line);
    display: flex;
    padding: 7px 6px calc(env(safe-area-inset-bottom, 0px) + 12px);
    position: relative;
    z-index: 30;
}