/* /Components/SocialTicketPicker.razor.rz.scp.css */
.ticket-picker[b-feqqrmgzwn] { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)); gap:12px; margin:12px 0; }
.ticket-option[b-feqqrmgzwn] { position:relative; display:flex; flex-direction:column; gap:8px; padding:18px 40px 18px 18px; text-align:left; font:inherit; background:#fff; border:1px solid #cbd5e1; color:#0f172a; border-radius:16px; cursor:pointer; min-width:0; overflow-wrap:anywhere; transition:border-color .15s,box-shadow .15s; }
.ticket-option:hover:enabled[b-feqqrmgzwn] { border-color:#0d9488; box-shadow:0 5px 18px #0f766e12; }
.ticket-option.chosen[b-feqqrmgzwn] { border:2px solid #0f766e; padding:17px 39px 17px 17px; background:#f0fdfa; box-shadow:0 0 0 3px #ccfbf1; }
.ticket-option:focus-visible[b-feqqrmgzwn] { outline:3px solid #38bdf8; outline-offset:3px; }
.ticket-kind[b-feqqrmgzwn] { color:#0f766e; font-size:10px; font-weight:800; letter-spacing:.1em; }
.ticket-option strong[b-feqqrmgzwn] { font-size:16px; line-height:1.4; }
.ticket-price[b-feqqrmgzwn] { font-size:23px; font-weight:800; letter-spacing:-.04em; }
.ticket-price small[b-feqqrmgzwn] { font-size:12px; font-weight:500; }
.ticket-option small[b-feqqrmgzwn] { color:#526174; font-size:12px; line-height:1.6; }
.ticket-gifts[b-feqqrmgzwn] { font-size:13px; line-height:1.5; }
.ticket-check[b-feqqrmgzwn] { position:absolute; right:12px; top:16px; width:23px; height:23px; display:grid; place-items:center; border-radius:50%; background:#f1f5f9; color:#64748b; }
.chosen .ticket-check[b-feqqrmgzwn] { color:white; background:#0f766e; }
.ticket-option.unavailable[b-feqqrmgzwn] { background:#f8fafc; color:#64748b; cursor:not-allowed; }
.ticket-warning[b-feqqrmgzwn] { font-size:12px; color:#9a3412; background:#fff7ed; padding:7px 9px; border-radius:8px; }
.ticket-empty[b-feqqrmgzwn] { font-size:13px; color:#64748b; padding:12px; border:1px dashed #cbd5e1; border-radius:12px; }
@media (max-width:480px) { .ticket-picker[b-feqqrmgzwn] { grid-template-columns:1fr; } }
/* /Pages/CourtMap.razor.rz.scp.css */
.courts-page[b-emp4dnrrih] { display: grid; gap: 18px; }
.courts-heading[b-emp4dnrrih] { display: flex; flex-direction: column; gap: 14px; padding: 2px 0 4px; }
.courts-heading p[b-emp4dnrrih] { margin: 0; color: var(--muted); }
.heading-actions[b-emp4dnrrih] { display: flex; flex-wrap: wrap; gap: 9px; }
.heading-actions .button[b-emp4dnrrih] { min-width: 118px; }
.court-form-card[b-emp4dnrrih], .map-section[b-emp4dnrrih], .court-list-section[b-emp4dnrrih], .empty-courts[b-emp4dnrrih] { background: #fff; border: 1px solid var(--border); border-radius: 18px; box-shadow: var(--shadow); padding: 16px; }
.form-heading[b-emp4dnrrih], .section-heading[b-emp4dnrrih] { display: flex; flex-direction: column; gap: 9px; margin-bottom: 14px; }
.form-heading[b-emp4dnrrih] { padding-bottom: 13px; border-bottom: 1px solid #edf2f6; }
.form-heading h2[b-emp4dnrrih], .section-heading h2[b-emp4dnrrih] { margin: 2px 0 0; }
.form-heading small[b-emp4dnrrih] { color: var(--muted); }
.close-button[b-emp4dnrrih] { width: 38px; height: 38px; flex: 0 0 38px; border: 0; border-radius: 10px; background: #eef3f8; color: #304a64; font-size: 1.45rem; }
.close-button:hover[b-emp4dnrrih] { background: #e1ebf4; color: #173b61; }
.court-form-grid[b-emp4dnrrih] { display: grid; grid-template-columns: 1fr; gap: 12px; }
.active-toggle[b-emp4dnrrih] { display: flex; align-items: flex-start; gap: 10px; border: 1px solid #dce6ee; background: #f8fbfd; border-radius: 13px; padding: 12px; cursor: pointer; }
.active-toggle input[b-emp4dnrrih] { width: 18px; height: 18px; margin-top: 2px; }
.active-toggle strong[b-emp4dnrrih], .active-toggle small[b-emp4dnrrih] { display: block; }
.active-toggle small[b-emp4dnrrih] { margin-top: 3px; color: var(--muted); }
.form-actions[b-emp4dnrrih] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 9px; margin-top: 15px; padding-top: 14px; border-top: 1px solid #edf2f6; }
.form-actions .button[b-emp4dnrrih] { min-width: 108px; }
.count-pill[b-emp4dnrrih] { align-self: flex-start; border-radius: 999px; background: #edf5fb; color: #365c7d; padding: 6px 10px; font-size: .72rem; font-weight: 800; }
.court-map-grid[b-emp4dnrrih] { display: grid; grid-template-columns: 1fr; gap: 10px; }
.map-court[b-emp4dnrrih] { min-height: 126px; border-radius: 15px; padding: 14px; display: grid; align-content: center; justify-items: center; gap: 5px; border: 1px solid #d8e4ed; background: #f8fbfd; text-align: center; transition: transform .15s ease, box-shadow .15s ease; }
.map-court:hover[b-emp4dnrrih] { transform: translateY(-1px); box-shadow: 0 8px 24px rgba(26,55,84,.07); }
.map-court.football[b-emp4dnrrih] { background: linear-gradient(145deg,#eefaf3,#f9fdfb); border-color: #b9dfca; }
.map-court.pickleball[b-emp4dnrrih] { background: linear-gradient(145deg,#eef7ff,#fbfdff); border-color: #bdd8ef; }
.court-symbol[b-emp4dnrrih] { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 13px; background: rgba(255,255,255,.9); font-size: 1.25rem; box-shadow: 0 3px 10px rgba(24,49,73,.08); }
.map-court strong[b-emp4dnrrih] { color: #102f4b; font-size: 1rem; }
.map-court span[b-emp4dnrrih], .map-court small[b-emp4dnrrih] { color: #667b90; }
.court-list[b-emp4dnrrih] { display: grid; gap: 11px; }
.court-card[b-emp4dnrrih] { border: 1px solid #dfe7ee; border-radius: 15px; padding: 13px; display: grid; gap: 12px; background: #fff; transition: border-color .15s ease, box-shadow .15s ease; }
.court-card:hover[b-emp4dnrrih] { border-color: #c7d8e7; box-shadow: 0 7px 22px rgba(26,55,84,.05); }
.court-card.inactive[b-emp4dnrrih] { background: #f7f8fa; opacity: .88; }
.court-card-main[b-emp4dnrrih] { display: flex; align-items: flex-start; gap: 12px; min-width: 0; }
.court-icon[b-emp4dnrrih] { width: 46px; height: 46px; flex: 0 0 46px; border-radius: 13px; display: grid; place-items: center; font-size: 1.2rem; }
.court-icon.football[b-emp4dnrrih] { background: #e6f7ed; }
.court-icon.pickleball[b-emp4dnrrih] { background: #e8f3fd; }
.court-info[b-emp4dnrrih] { min-width: 0; flex: 1; }
.court-title-line[b-emp4dnrrih] { display: flex; flex-direction: column; align-items: flex-start; gap: 7px; }
.court-title-line h3[b-emp4dnrrih] { margin: 0; color: #102f4b; overflow-wrap: anywhere; }
.status-badge[b-emp4dnrrih] { border-radius: 999px; padding: 5px 9px; font-size: .68rem; font-weight: 800; }
.status-badge.active[b-emp4dnrrih] { background: #e1f7eb; color: #08784d; }
.status-badge.inactive[b-emp4dnrrih] { background: #eceff2; color: #63707d; }
.court-meta[b-emp4dnrrih] { display: flex; flex-wrap: wrap; gap: 6px 12px; margin-top: 8px; color: #677b8e; font-size: .75rem; }
.court-actions[b-emp4dnrrih] { display: flex; flex-wrap: wrap; gap: 8px; }
.court-actions .button[b-emp4dnrrih] { min-width: 104px; }
.empty-courts[b-emp4dnrrih] { text-align: center; padding: 42px 20px; }
.empty-icon[b-emp4dnrrih] { width: 58px; height: 58px; border-radius: 17px; display: grid; place-items: center; margin: 0 auto 13px; background: #eaf4fd; color: #276b9f; font-size: 1.55rem; }
.empty-courts p[b-emp4dnrrih] { max-width: 520px; margin: 0 auto 17px; color: var(--muted); }

@media (min-width: 720px) {
    .courts-heading[b-emp4dnrrih], .form-heading[b-emp4dnrrih], .section-heading[b-emp4dnrrih] { flex-direction: row; align-items: flex-start; justify-content: space-between; }
    .court-form-grid[b-emp4dnrrih] { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .active-toggle[b-emp4dnrrih] { grid-column: 1 / -1; }
    .court-map-grid[b-emp4dnrrih] { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .court-title-line[b-emp4dnrrih] { flex-direction: row; align-items: center; justify-content: space-between; }
    .court-card[b-emp4dnrrih] { grid-template-columns: minmax(0,1fr) auto; align-items: center; }
    .court-actions[b-emp4dnrrih] { justify-content: flex-end; }
}

@media (min-width: 1100px) {
    .court-form-grid[b-emp4dnrrih] { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .court-map-grid[b-emp4dnrrih] { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (max-width: 520px) {
    .heading-actions[b-emp4dnrrih], .heading-actions .button[b-emp4dnrrih] { width: 100%; }
    .court-card-main[b-emp4dnrrih] { align-items: flex-start; }
    .court-actions .button[b-emp4dnrrih] { flex: 1 1 130px; }
}
/* /Pages/CustomerPrograms.razor.rz.scp.css */
.programs-page[b-jo8e94t3ar]{display:grid;gap:18px}.programs-heading[b-jo8e94t3ar]{display:flex;flex-direction:column;gap:14px;padding:2px 0 4px}.programs-heading p[b-jo8e94t3ar]{margin:0;color:var(--muted)}.program-tabs[b-jo8e94t3ar]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.program-tab[b-jo8e94t3ar]{min-width:0;border:1px solid #dce6ee;background:#fff;border-radius:14px;padding:11px 8px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;color:#405a72;box-shadow:0 6px 18px rgba(26,55,84,.04);text-align:left}.program-tab:hover[b-jo8e94t3ar]{border-color:#acd0c0;background:#f7fcf9;color:#0b704c}.program-tab.active[b-jo8e94t3ar]{border-color:#17a66e;background:#edf9f3;color:#08784f;box-shadow:0 0 0 2px rgba(23,166,110,.09)}.program-tab>span[b-jo8e94t3ar]{font-size:1.1rem}.program-tab strong[b-jo8e94t3ar]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.program-tab small[b-jo8e94t3ar]{min-width:25px;height:25px;padding:0 7px;border-radius:999px;display:grid;place-items:center;background:#edf2f6;font-weight:800}.program-section[b-jo8e94t3ar]{background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:16px}.section-title-row[b-jo8e94t3ar],.editor-heading[b-jo8e94t3ar]{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.section-title-row h2[b-jo8e94t3ar],.editor-heading h3[b-jo8e94t3ar]{margin-bottom:3px}.section-title-row small[b-jo8e94t3ar]{color:var(--muted)}.section-title-row .button[b-jo8e94t3ar]{align-self:flex-start;min-width:130px}.editor-card[b-jo8e94t3ar]{border:1px solid #bcdccd;background:#fbfefc;border-radius:15px;padding:14px;margin-bottom:16px;box-shadow:0 8px 24px rgba(15,112,74,.06)}.close-button[b-jo8e94t3ar]{width:38px;height:38px;flex:0 0 38px;align-self:flex-start;border:0;border-radius:10px;background:#eef3f8;color:#304a64;font-size:1.45rem}.close-button:hover[b-jo8e94t3ar]{background:#e1ebf4;color:#173b61}.editor-grid[b-jo8e94t3ar]{display:grid;grid-template-columns:1fr;gap:11px}.field-wide[b-jo8e94t3ar]{grid-column:1/-1}.time-fields>div[b-jo8e94t3ar]{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:7px}.choice-block[b-jo8e94t3ar]{margin-top:13px;padding:12px;border:1px solid #e0e8ee;border-radius:12px;background:#fff}.choice-block>strong[b-jo8e94t3ar]{display:block;margin-bottom:9px;color:#23415a}.choice-grid[b-jo8e94t3ar]{display:flex;flex-wrap:wrap;gap:7px}.choice-chip[b-jo8e94t3ar]{cursor:pointer}.choice-chip input[b-jo8e94t3ar]{position:absolute;opacity:0;pointer-events:none}.choice-chip span[b-jo8e94t3ar]{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 11px;border:1px solid #dbe5ec;border-radius:999px;background:#f8fafc;color:#536b80;font-size:.78rem;font-weight:800;transition:.15s}.choice-chip:hover span[b-jo8e94t3ar]{border-color:#9fcab7;color:#08764f}.choice-chip.selected span[b-jo8e94t3ar]{border-color:#38ae7b;background:#e8f8f0;color:#08764f}.days-grid .choice-chip span[b-jo8e94t3ar]{min-width:43px}.preserved-gifts[b-jo8e94t3ar]{margin-top:13px;padding:11px 12px;border-radius:12px;background:#fff8e9;border:1px solid #f1dfb7;color:#705520}.preserved-gifts strong[b-jo8e94t3ar],.preserved-gifts span[b-jo8e94t3ar],.preserved-gifts small[b-jo8e94t3ar]{display:block}.preserved-gifts span[b-jo8e94t3ar]{margin:4px 0}.preserved-gifts small[b-jo8e94t3ar]{color:#8a7449}.toggle-row[b-jo8e94t3ar]{display:grid;grid-template-columns:1fr;gap:8px;margin-top:13px}.toggle-row label[b-jo8e94t3ar],.single-toggle[b-jo8e94t3ar]{display:flex;gap:9px;align-items:flex-start;padding:10px 11px;border:1px solid #dce7e2;border-radius:11px;background:#f7fbf9;cursor:pointer}.toggle-row input[b-jo8e94t3ar],.single-toggle input[b-jo8e94t3ar]{width:17px;height:17px;margin-top:2px;accent-color:#0aa66d}.toggle-row span[b-jo8e94t3ar],.toggle-row strong[b-jo8e94t3ar],.toggle-row small[b-jo8e94t3ar],.single-toggle span[b-jo8e94t3ar],.single-toggle strong[b-jo8e94t3ar],.single-toggle small[b-jo8e94t3ar]{display:block}.toggle-row small[b-jo8e94t3ar],.single-toggle small[b-jo8e94t3ar]{margin-top:2px;color:var(--muted);font-size:.72rem}.single-toggle[b-jo8e94t3ar]{margin-top:13px}.form-actions[b-jo8e94t3ar]{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:14px;padding-top:13px;border-top:1px solid #e9efec}.form-actions .button[b-jo8e94t3ar]{min-width:110px}.program-card-grid[b-jo8e94t3ar]{display:grid;grid-template-columns:1fr;gap:11px}.program-card[b-jo8e94t3ar]{border:1px solid #dce6ee;border-radius:15px;padding:14px;background:#fff;min-width:0;transition:.15s}.program-card:hover[b-jo8e94t3ar]{border-color:#abc9dc;box-shadow:0 8px 24px rgba(26,55,84,.07);transform:translateY(-1px)}.program-card.inactive[b-jo8e94t3ar]{background:#fafbfc;opacity:.78}.program-card-head[b-jo8e94t3ar]{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}.program-card-head h3[b-jo8e94t3ar]{margin:3px 0 0;color:#102d47;overflow-wrap:anywhere}.type-label[b-jo8e94t3ar]{font-size:.69rem;font-weight:900;color:#0a8055;text-transform:uppercase;letter-spacing:.05em}.program-price[b-jo8e94t3ar]{display:block;margin:12px 0 9px;font-size:1.2rem;color:#0d2d48}.program-info[b-jo8e94t3ar]{display:grid;gap:5px;color:#60768b;font-size:.78rem}.program-info span[b-jo8e94t3ar]{overflow-wrap:anywhere}.priority-pill[b-jo8e94t3ar]{display:inline-flex;margin-top:10px;padding:4px 8px;border-radius:999px;background:#eee5ff;color:#6b43a1;font-size:.7rem;font-weight:900}.warning-note[b-jo8e94t3ar]{margin-top:9px;padding:8px 9px;border-radius:9px;background:#fff0ef;color:#a43139;font-size:.75rem}.note-line[b-jo8e94t3ar]{margin-top:9px;padding:8px 9px;border-left:3px solid #c9d8e4;border-radius:7px;background:#f8fafc;color:#687b8d;font-size:.76rem;white-space:pre-wrap}.card-actions[b-jo8e94t3ar]{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:12px;padding-top:11px;border-top:1px solid #edf1f4}.card-actions .button[b-jo8e94t3ar]{min-width:92px}.program-empty[b-jo8e94t3ar]{text-align:center;padding:38px 16px;color:#6d8092}.program-empty>div[b-jo8e94t3ar]{width:58px;height:58px;margin:0 auto 12px;display:grid;place-items:center;border-radius:18px;background:#e8f8f0;color:#0a8257;font-size:1.55rem}.program-empty h3[b-jo8e94t3ar]{color:#18334d}.program-empty p[b-jo8e94t3ar]{margin-bottom:0}.sale-editor[b-jo8e94t3ar]{margin-bottom:16px}.sale-hint[b-jo8e94t3ar]{margin-top:12px;padding:10px;border-radius:10px;background:#eef6fd;color:#46667f;font-size:.76rem}.sales-list[b-jo8e94t3ar]{display:grid;gap:9px}.sale-row[b-jo8e94t3ar]{border:1px solid #dce6ee;border-radius:14px;padding:13px;background:#fff;display:grid;gap:12px}.sale-main span[b-jo8e94t3ar],.sale-main strong[b-jo8e94t3ar],.sale-main small[b-jo8e94t3ar]{display:block}.sale-plan[b-jo8e94t3ar]{color:#0a8055;font-size:.69rem;font-weight:900;text-transform:uppercase}.sale-main strong[b-jo8e94t3ar]{margin:3px 0;color:#15334d}.sale-main small[b-jo8e94t3ar]{color:#6b7f91}.sale-metrics[b-jo8e94t3ar]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.sale-metrics>span[b-jo8e94t3ar]{min-width:0;padding:8px;border-radius:9px;background:#f5f8fa;text-align:center}.sale-metrics b[b-jo8e94t3ar],.sale-metrics small[b-jo8e94t3ar]{display:block;overflow-wrap:anywhere}.sale-metrics b[b-jo8e94t3ar]{color:#18344e}.sale-metrics small[b-jo8e94t3ar]{margin-top:2px;color:#7a8c9c;font-size:.64rem}.sale-metrics .has-conflict[b-jo8e94t3ar]{background:#fff4e6}.sale-metrics .has-conflict b[b-jo8e94t3ar]{color:#a35b0a}
@media(min-width:720px){.programs-heading[b-jo8e94t3ar],.section-title-row[b-jo8e94t3ar],.editor-heading[b-jo8e94t3ar]{flex-direction:row;align-items:flex-start;justify-content:space-between}.editor-grid[b-jo8e94t3ar]{grid-template-columns:repeat(2,minmax(0,1fr))}.toggle-row[b-jo8e94t3ar]{grid-template-columns:repeat(2,minmax(0,1fr))}.program-card-grid[b-jo8e94t3ar]{grid-template-columns:repeat(2,minmax(0,1fr))}.sale-row[b-jo8e94t3ar]{grid-template-columns:minmax(0,1fr) minmax(310px,.7fr);align-items:center}}
@media(min-width:1150px){.program-card-grid[b-jo8e94t3ar]{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.program-tabs[b-jo8e94t3ar]{grid-template-columns:1fr}.program-tab[b-jo8e94t3ar]{grid-template-columns:auto 1fr auto}.section-title-row .button[b-jo8e94t3ar]{width:100%}.card-actions .button[b-jo8e94t3ar]{flex:1 1 130px}.sale-metrics[b-jo8e94t3ar]{grid-template-columns:1fr}.time-fields>div[b-jo8e94t3ar]{grid-template-columns:1fr}.time-fields>div>span[b-jo8e94t3ar]{display:none}}
/* /Pages/Customers.razor.rz.scp.css */
.customers-page[b-7i9t4vnl3i] { display: grid; gap: 18px; }
.customers-heading[b-7i9t4vnl3i] { display: flex; flex-direction: column; gap: 14px; padding: 2px 0 4px; }
.customers-heading p[b-7i9t4vnl3i] { margin: 0; color: var(--muted); }
.heading-actions[b-7i9t4vnl3i] { display: flex; flex-wrap: wrap; gap: 9px; }
.heading-actions .button[b-7i9t4vnl3i] { min-width: 118px; }
.customer-toolbar[b-7i9t4vnl3i], .customer-form-card[b-7i9t4vnl3i], .customer-list-card[b-7i9t4vnl3i], .tier-panel[b-7i9t4vnl3i] { background: #fff; border: 1px solid var(--border); border-radius: 18px; box-shadow: var(--shadow); }
.customer-toolbar[b-7i9t4vnl3i] { padding: 12px; display: grid; grid-template-columns: 1fr; gap: 9px; }
.search-box[b-7i9t4vnl3i] { position: relative; min-width: 0; }
.search-box > span[b-7i9t4vnl3i] { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #7b8d9e; pointer-events: none; }
.search-box .input-control[b-7i9t4vnl3i] { padding-left: 35px; }
.status-filter[b-7i9t4vnl3i] { min-width: 0; }
.search-button[b-7i9t4vnl3i] { width: 100%; }
.customer-form-card[b-7i9t4vnl3i], .tier-panel[b-7i9t4vnl3i] { padding: 16px; border-color: #badbcd; box-shadow: 0 12px 30px rgba(19,115,76,.08); }
.section-title-row[b-7i9t4vnl3i] { display: flex; flex-direction: column; gap: 9px; margin-bottom: 14px; }
.section-title-row h2[b-7i9t4vnl3i] { margin-bottom: 3px; }
.section-title-row small[b-7i9t4vnl3i] { color: var(--muted); }
.section-title-row.compact[b-7i9t4vnl3i] { margin-bottom: 12px; }
.close-button[b-7i9t4vnl3i] { width: 38px; height: 38px; flex: 0 0 38px; align-self: flex-start; border: 0; border-radius: 10px; background: #eef3f8; color: #304a64; font-size: 1.45rem; }
.close-button:hover[b-7i9t4vnl3i] { background: #e1ebf4; color: #173b61; }
.customer-form-grid[b-7i9t4vnl3i] { display: grid; grid-template-columns: 1fr; gap: 12px; }
.field-note[b-7i9t4vnl3i] { grid-column: 1 / -1; }
.note-input[b-7i9t4vnl3i] { resize: vertical; min-height: 84px; font-family: inherit; }
.active-toggle[b-7i9t4vnl3i] { margin-top: 14px; padding: 12px; display: flex; gap: 10px; align-items: flex-start; border: 1px solid #dce8e2; background: #f5fbf8; border-radius: 12px; cursor: pointer; }
.active-toggle input[b-7i9t4vnl3i] { margin-top: 3px; width: 17px; height: 17px; accent-color: #0aa66d; }
.active-toggle span[b-7i9t4vnl3i], .active-toggle strong[b-7i9t4vnl3i], .active-toggle small[b-7i9t4vnl3i] { display: block; }
.active-toggle small[b-7i9t4vnl3i] { margin-top: 3px; color: var(--muted); }
.form-actions[b-7i9t4vnl3i] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 9px; margin-top: 15px; padding-top: 14px; border-top: 1px solid #edf2f6; }
.form-actions .button[b-7i9t4vnl3i] { min-width: 112px; }
.tier-layout[b-7i9t4vnl3i] { display: grid; grid-template-columns: 1fr; gap: 14px; }
.tier-list[b-7i9t4vnl3i] { display: grid; gap: 9px; }
.tier-row[b-7i9t4vnl3i] { display: flex; flex-direction: column; gap: 10px; padding: 12px; border: 1px solid #dfe8ef; background: #fbfdfe; border-radius: 13px; }
.tier-row.selected[b-7i9t4vnl3i] { border-color: #4fb58a; box-shadow: 0 0 0 2px rgba(15,163,105,.08); background: #f7fcf9; }
.tier-title-line[b-7i9t4vnl3i] { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
.tier-title-line strong[b-7i9t4vnl3i] { color: #15344f; }
.tier-row small[b-7i9t4vnl3i] { display: block; margin-top: 4px; color: #718496; }
.default-pill[b-7i9t4vnl3i] { display: inline-flex; align-items: center; min-height: 23px; padding: 3px 8px; border-radius: 999px; background: #e7f7ef; color: #08784f; font-size: .68rem; font-weight: 800; }
.tier-actions[b-7i9t4vnl3i] { display: flex; flex-wrap: wrap; gap: 7px; }
.tier-actions .button[b-7i9t4vnl3i] { min-width: 72px; }
.tier-editor[b-7i9t4vnl3i] { border: 1px solid #dce7ee; background: #f8fbfd; border-radius: 14px; padding: 14px; display: grid; gap: 11px; align-content: start; }
.tier-editor h3[b-7i9t4vnl3i] { margin: 0; color: #17324c; }
.tier-editor-actions[b-7i9t4vnl3i] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; padding-top: 4px; }
.mini-empty[b-7i9t4vnl3i] { padding: 18px; border-radius: 12px; background: #f6f8fa; color: #738597; text-align: center; }
.customer-summary-grid[b-7i9t4vnl3i] { display: grid; grid-template-columns: 1fr; gap: 10px; }
.summary-card[b-7i9t4vnl3i] { background: #fff; border: 1px solid var(--border); border-radius: 15px; padding: 14px; box-shadow: 0 7px 22px rgba(26,55,84,.05); }
.summary-card span[b-7i9t4vnl3i], .summary-card strong[b-7i9t4vnl3i], .summary-card small[b-7i9t4vnl3i] { display: block; }
.summary-card span[b-7i9t4vnl3i] { color: #60778e; font-size: .76rem; font-weight: 800; }
.summary-card strong[b-7i9t4vnl3i] { margin: 4px 0 2px; font-size: 1.42rem; color: #0d2b45; }
.summary-card small[b-7i9t4vnl3i] { color: #7b8c9d; }
.customer-list-card[b-7i9t4vnl3i] { padding: 16px; }
.count-pill[b-7i9t4vnl3i] { align-self: flex-start; padding: 5px 9px; border-radius: 999px; background: #eef4f8; color: #35546f; font-size: .72rem; font-weight: 800; }
.customer-grid[b-7i9t4vnl3i] { display: grid; grid-template-columns: 1fr; gap: 11px; }
.customer-card[b-7i9t4vnl3i] { border: 1px solid #dce6ee; border-radius: 15px; padding: 14px; background: #fff; transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease; }
.customer-card:hover[b-7i9t4vnl3i] { border-color: #b4cfdf; box-shadow: 0 9px 26px rgba(26,55,84,.07); transform: translateY(-1px); }
.customer-card.inactive[b-7i9t4vnl3i] { background: #fafbfc; opacity: .83; }
.customer-card-top[b-7i9t4vnl3i] { display: flex; align-items: flex-start; gap: 11px; }
.customer-avatar[b-7i9t4vnl3i] { width: 45px; height: 45px; flex: 0 0 45px; border-radius: 14px; display: grid; place-items: center; background: #e5f7ef; color: #08794f; font-weight: 900; letter-spacing: .02em; }
.customer-main[b-7i9t4vnl3i] { min-width: 0; flex: 1; }
.customer-name-row[b-7i9t4vnl3i] { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 7px; }
.customer-name-row > strong[b-7i9t4vnl3i] { color: #102b45; font-size: 1.02rem; overflow-wrap: anywhere; }
.tier-line[b-7i9t4vnl3i] { display: block; margin: 3px 0 7px; color: #81601e; font-size: .75rem; font-weight: 800; }
.contact-line[b-7i9t4vnl3i] { display: block; margin-top: 3px; color: #45647f; text-decoration: none; font-size: .78rem; overflow-wrap: anywhere; }
.contact-line:hover[b-7i9t4vnl3i] { color: #0b7650; text-decoration: underline; }
.customer-stats[b-7i9t4vnl3i] { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 8px; margin-top: 13px; }
.customer-stats > div[b-7i9t4vnl3i] { min-width: 0; padding: 9px; border: 1px solid #ebf0f4; border-radius: 10px; background: #f7fafc; }
.customer-stats span[b-7i9t4vnl3i], .customer-stats strong[b-7i9t4vnl3i] { display: block; }
.customer-stats span[b-7i9t4vnl3i] { color: #738597; font-size: .65rem; font-weight: 700; }
.customer-stats strong[b-7i9t4vnl3i] { margin-top: 3px; color: #17334e; font-size: .84rem; overflow-wrap: anywhere; }
.customer-note[b-7i9t4vnl3i] { margin-top: 11px; padding: 9px 10px; border-left: 3px solid #c8d9e5; border-radius: 8px; background: #f8fafc; color: #657789; font-size: .78rem; white-space: pre-wrap; overflow-wrap: anywhere; }
.customer-actions[b-7i9t4vnl3i] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; margin-top: 12px; padding-top: 11px; border-top: 1px solid #edf1f4; }
.customer-actions .button[b-7i9t4vnl3i] { min-width: 90px; }
.customers-empty[b-7i9t4vnl3i] { text-align: center; padding: 42px 18px; color: #64778b; }
.customers-empty .empty-icon[b-7i9t4vnl3i] { width: 58px; height: 58px; display: grid; place-items: center; margin: 0 auto 12px; border-radius: 18px; background: #e7f7ef; color: #0b8458; font-size: 1.55rem; }
.customers-empty h3[b-7i9t4vnl3i] { color: #17324c; }
.customers-empty p[b-7i9t4vnl3i] { margin-bottom: 0; }

@media (min-width: 720px) {
    .customers-heading[b-7i9t4vnl3i], .section-title-row[b-7i9t4vnl3i] { flex-direction: row; align-items: flex-start; justify-content: space-between; }
    .customer-toolbar[b-7i9t4vnl3i] { grid-template-columns: minmax(0,1fr) 190px auto; align-items: center; }
    .search-button[b-7i9t4vnl3i] { width: auto; }
    .customer-form-grid[b-7i9t4vnl3i] { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .customer-summary-grid[b-7i9t4vnl3i] { grid-template-columns: repeat(3, minmax(0,1fr)); }
    .customer-grid[b-7i9t4vnl3i] { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .tier-row[b-7i9t4vnl3i] { flex-direction: row; align-items: center; justify-content: space-between; }
}

@media (min-width: 1000px) {
    .tier-layout[b-7i9t4vnl3i] { grid-template-columns: minmax(0,1.4fr) minmax(280px,.6fr); align-items: start; }
}

@media (min-width: 1200px) {
    .customer-grid[b-7i9t4vnl3i] { grid-template-columns: repeat(3, minmax(0,1fr)); }
}

@media (max-width: 520px) {
    .heading-actions[b-7i9t4vnl3i], .heading-actions .button[b-7i9t4vnl3i] { width: 100%; }
    .customer-stats[b-7i9t4vnl3i] { grid-template-columns: 1fr; }
    .customer-actions .button[b-7i9t4vnl3i] { flex: 1 1 130px; }
    .tier-actions .button[b-7i9t4vnl3i], .tier-editor-actions .button[b-7i9t4vnl3i] { flex: 1 1 120px; }
}
/* /Pages/Employees.razor.rz.scp.css */
.employees-page[b-qfutlsxbxm] {
    display: grid;
    gap: 18px;
}

.employees-heading[b-qfutlsxbxm],
.section-title-row[b-qfutlsxbxm],
.permissions-header[b-qfutlsxbxm],
.employee-card-top[b-qfutlsxbxm],
.role-card-head[b-qfutlsxbxm],
.employee-name-row[b-qfutlsxbxm],
.role-name-row[b-qfutlsxbxm],
.card-actions[b-qfutlsxbxm],
.heading-actions[b-qfutlsxbxm],
.permission-actions[b-qfutlsxbxm] {
    display: flex;
    align-items: center;
}

.employees-heading[b-qfutlsxbxm],
.section-title-row[b-qfutlsxbxm],
.permissions-header[b-qfutlsxbxm],
.role-card-head[b-qfutlsxbxm] {
    justify-content: space-between;
    gap: 16px;
}

.employees-heading h1[b-qfutlsxbxm],
.section-title-row h2[b-qfutlsxbxm],
.permissions-header h3[b-qfutlsxbxm],
.role-card-head p[b-qfutlsxbxm] {
    margin: 0;
}

.employees-heading p[b-qfutlsxbxm] {
    margin: 6px 0 0;
    color: var(--muted);
}

.heading-actions[b-qfutlsxbxm],
.card-actions[b-qfutlsxbxm],
.permission-actions[b-qfutlsxbxm] {
    gap: 8px;
    flex-wrap: wrap;
}

.security-tabs[b-qfutlsxbxm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 6px;
    border: 1px solid var(--border);
    border-radius: 16px;
    background: var(--card);
    box-shadow: var(--shadow);
}

.security-tab[b-qfutlsxbxm] {
    border: 0;
    border-radius: 12px;
    padding: 13px 16px;
    background: transparent;
    color: var(--muted);
    cursor: pointer;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 10px;
    align-items: center;
    text-align: left;
}

.security-tab.active[b-qfutlsxbxm] {
    background: #eef4fa;
    color: var(--text);
    box-shadow: inset 0 0 0 1px var(--border);
}

.security-tab > span[b-qfutlsxbxm] {
    font-size: 20px;
}

.security-tab small[b-qfutlsxbxm],
.count-pill[b-qfutlsxbxm] {
    border-radius: 999px;
    padding: 4px 8px;
    background: #eef3f8;
    color: var(--muted);
    font-size: 12px;
}

.editor-card[b-qfutlsxbxm],
.toolbar-card[b-qfutlsxbxm],
.list-card[b-qfutlsxbxm] {
    border: 1px solid var(--border);
    border-radius: 18px;
    background: var(--card);
    box-shadow: var(--shadow);
}

.editor-card[b-qfutlsxbxm],
.list-card[b-qfutlsxbxm] {
    padding: 20px;
}

.toolbar-card[b-qfutlsxbxm] {
    padding: 12px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 220px;
    gap: 10px;
}

.employee-form-grid[b-qfutlsxbxm],
.role-form-grid[b-qfutlsxbxm],
.password-grid[b-qfutlsxbxm] {
    display: grid;
    gap: 14px;
    margin-top: 18px;
}

.employee-form-grid[b-qfutlsxbxm] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.role-form-grid[b-qfutlsxbxm] {
    grid-template-columns: minmax(220px, .8fr) minmax(300px, 1.4fr);
}

.password-grid[b-qfutlsxbxm] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.field-group[b-qfutlsxbxm] {
    display: grid;
    gap: 7px;
}

.field-group label[b-qfutlsxbxm] {
    font-size: 13px;
    font-weight: 700;
    color: var(--text);
}

.active-toggle[b-qfutlsxbxm] {
    margin-top: 16px;
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 14px;
    border-radius: 14px;
    border: 1px solid var(--border);
    background: #f4f7fb;
}

.active-toggle.locked[b-qfutlsxbxm] {
    opacity: .72;
}

.active-toggle span[b-qfutlsxbxm] {
    display: grid;
    gap: 3px;
}

.active-toggle small[b-qfutlsxbxm],
.section-title-row small[b-qfutlsxbxm],
.permissions-header small[b-qfutlsxbxm] {
    color: var(--muted);
}

.form-actions[b-qfutlsxbxm] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 18px;
}

.summary-grid[b-qfutlsxbxm] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.summary-card[b-qfutlsxbxm] {
    min-height: 118px;
    padding: 16px;
    border: 1px solid var(--border);
    border-radius: 16px;
    background: var(--card);
    display: grid;
    align-content: center;
    gap: 5px;
    box-shadow: var(--shadow);
}

.summary-card span[b-qfutlsxbxm],
.summary-card small[b-qfutlsxbxm] {
    color: var(--muted);
}

.summary-card strong[b-qfutlsxbxm] {
    font-size: 26px;
    line-height: 1;
}

.protected-card[b-qfutlsxbxm] {
    background: linear-gradient(135deg, var(--card), #f4f7fb);
}

.search-box[b-qfutlsxbxm] {
    position: relative;
}

.search-box > span[b-qfutlsxbxm] {
    position: absolute;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--muted);
    pointer-events: none;
}

.search-box .input-control[b-qfutlsxbxm] {
    padding-left: 38px;
}

.employee-grid[b-qfutlsxbxm],
.role-grid[b-qfutlsxbxm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 16px;
}

.employee-card[b-qfutlsxbxm],
.role-card[b-qfutlsxbxm] {
    border: 1px solid var(--border);
    border-radius: 16px;
    background: var(--card);
    padding: 16px;
    display: grid;
    gap: 14px;
}

.employee-card.inactive[b-qfutlsxbxm],
.role-card.inactive[b-qfutlsxbxm] {
    opacity: .72;
}

.employee-card-top[b-qfutlsxbxm] {
    align-items: flex-start;
    gap: 12px;
}

.employee-avatar[b-qfutlsxbxm] {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: #eef3f8;
    border: 1px solid var(--border);
    font-weight: 800;
}

.employee-main[b-qfutlsxbxm] {
    min-width: 0;
    flex: 1;
    display: grid;
    gap: 3px;
}

.employee-name-row[b-qfutlsxbxm],
.role-name-row[b-qfutlsxbxm] {
    gap: 7px;
    flex-wrap: wrap;
}

.employee-name-row strong[b-qfutlsxbxm],
.role-name-row strong[b-qfutlsxbxm] {
    font-size: 16px;
}

.username[b-qfutlsxbxm],
.role-name[b-qfutlsxbxm] {
    color: var(--muted);
    font-size: 13px;
}

.owner-pill[b-qfutlsxbxm],
.current-pill[b-qfutlsxbxm],
.system-pill[b-qfutlsxbxm] {
    border-radius: 999px;
    padding: 3px 7px;
    font-size: 11px;
    font-weight: 800;
}

.owner-pill[b-qfutlsxbxm] {
    background: rgba(245, 158, 11, .13);
    color: #a16207;
}

.current-pill[b-qfutlsxbxm] {
    background: rgba(37, 99, 235, .11);
    color: #1d4ed8;
}

.system-pill[b-qfutlsxbxm] {
    background: #eef3f8;
    color: var(--muted);
}

.employee-meta[b-qfutlsxbxm],
.role-stats[b-qfutlsxbxm] {
    display: grid;
    gap: 8px;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    padding: 12px 0;
}

.employee-meta[b-qfutlsxbxm] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.role-stats[b-qfutlsxbxm] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.employee-meta span[b-qfutlsxbxm],
.role-stats div[b-qfutlsxbxm] {
    display: grid;
    gap: 3px;
}

.employee-meta small[b-qfutlsxbxm],
.role-stats span[b-qfutlsxbxm] {
    color: var(--muted);
    font-size: 12px;
}

.employee-meta strong[b-qfutlsxbxm],
.role-stats strong[b-qfutlsxbxm] {
    font-size: 13px;
}

.role-card-head[b-qfutlsxbxm] {
    align-items: flex-start;
}

.role-card-head > div[b-qfutlsxbxm] {
    min-width: 0;
}

.role-card-head p[b-qfutlsxbxm] {
    margin-top: 6px;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.45;
}

.permission-preview[b-qfutlsxbxm] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.permission-preview span[b-qfutlsxbxm] {
    border-radius: 999px;
    padding: 5px 8px;
    background: #eef3f8;
    border: 1px solid var(--border);
    color: var(--muted);
    font-size: 11px;
}

.permissions-area[b-qfutlsxbxm] {
    margin-top: 18px;
    border-top: 1px solid var(--border);
    padding-top: 18px;
    display: grid;
    gap: 16px;
}

.permission-group[b-qfutlsxbxm] {
    display: grid;
    gap: 9px;
}

.permission-group-title[b-qfutlsxbxm] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    color: var(--text);
}

.permission-group-title small[b-qfutlsxbxm] {
    color: var(--muted);
}

.permission-grid[b-qfutlsxbxm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.permission-item[b-qfutlsxbxm] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    border: 1px solid var(--border);
    border-radius: 13px;
    padding: 12px;
    background: var(--card);
    cursor: pointer;
}

.permission-item.selected[b-qfutlsxbxm] {
    background: #f4f7fb;
}

.permission-item span[b-qfutlsxbxm] {
    display: grid;
    gap: 3px;
}

.permission-item strong[b-qfutlsxbxm] {
    font-size: 13px;
}

.permission-item small[b-qfutlsxbxm] {
    color: var(--muted);
    font-size: 12px;
    line-height: 1.4;
}

.empty-state[b-qfutlsxbxm] {
    padding: 40px 18px;
    text-align: center;
    color: var(--muted);
}

.empty-state h3[b-qfutlsxbxm],
.empty-state p[b-qfutlsxbxm] {
    margin: 6px 0 0;
}

.empty-icon[b-qfutlsxbxm] {
    font-size: 34px;
}

@media (max-width: 980px) {
    .employees-heading[b-qfutlsxbxm] {
        align-items: flex-start;
        flex-direction: column;
    }

    .summary-grid[b-qfutlsxbxm] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .employee-grid[b-qfutlsxbxm],
    .role-grid[b-qfutlsxbxm],
    .permission-grid[b-qfutlsxbxm],
    .password-grid[b-qfutlsxbxm] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .employees-page[b-qfutlsxbxm] {
        gap: 14px;
    }

    .employees-heading h1[b-qfutlsxbxm] {
        font-size: 26px;
    }

    .heading-actions[b-qfutlsxbxm] {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .heading-actions .button:last-child:nth-child(3)[b-qfutlsxbxm] {
        grid-column: 1 / -1;
    }

    .security-tabs[b-qfutlsxbxm],
    .toolbar-card[b-qfutlsxbxm],
    .employee-form-grid[b-qfutlsxbxm],
    .role-form-grid[b-qfutlsxbxm],
    .summary-grid[b-qfutlsxbxm],
    .employee-meta[b-qfutlsxbxm] {
        grid-template-columns: 1fr;
    }

    .employee-card-top[b-qfutlsxbxm],
    .role-card-head[b-qfutlsxbxm],
    .section-title-row[b-qfutlsxbxm],
    .permissions-header[b-qfutlsxbxm] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .status-pill[b-qfutlsxbxm] {
        margin-left: 0;
    }

    .form-actions[b-qfutlsxbxm] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .editor-card[b-qfutlsxbxm],
    .list-card[b-qfutlsxbxm] {
        padding: 15px;
    }
}
/* /Pages/Expenses.razor.rz.scp.css */
.expenses-page[b-kpc0i4v198] {
    display: grid;
    gap: 18px;
}

.expenses-heading[b-kpc0i4v198],
.section-title-row[b-kpc0i4v198],
.expense-title-row[b-kpc0i4v198],
.list-heading[b-kpc0i4v198] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.expenses-heading h1[b-kpc0i4v198],
.section-title-row h2[b-kpc0i4v198] {
    margin: 4px 0 0;
}

.expenses-heading p[b-kpc0i4v198],
.section-title-row p[b-kpc0i4v198] {
    margin: 6px 0 0;
    color: var(--muted, #64748b);
}

.heading-actions[b-kpc0i4v198],
.form-actions[b-kpc0i4v198],
.row-actions[b-kpc0i4v198],
.preset-row[b-kpc0i4v198] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.filter-panel[b-kpc0i4v198],
.panel[b-kpc0i4v198],
.summary-card[b-kpc0i4v198] {
    background: #fff;
    border: 1px solid #dbe5f0;
    border-radius: 18px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04);
}

.filter-panel[b-kpc0i4v198],
.panel[b-kpc0i4v198] {
    padding: 16px;
}

.filter-grid[b-kpc0i4v198] {
    display: grid;
    grid-template-columns: 160px 160px minmax(180px, 230px) minmax(240px, 1fr) auto;
    gap: 10px;
    align-items: end;
}

.field-group[b-kpc0i4v198] {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.field-group label[b-kpc0i4v198] {
    font-weight: 700;
    color: #243b53;
    font-size: 0.9rem;
}

.input-control[b-kpc0i4v198] {
    width: 100%;
    min-height: 44px;
    border: 1px solid #cbd9e8;
    border-radius: 12px;
    padding: 10px 12px;
    background: #fff;
    color: #102a43;
    box-sizing: border-box;
    font: inherit;
}

.input-control:focus[b-kpc0i4v198] {
    outline: 2px solid rgba(16, 185, 129, 0.18);
    border-color: #10b981;
}

textarea.input-control[b-kpc0i4v198] {
    resize: vertical;
}

.filter-button[b-kpc0i4v198] {
    min-height: 44px;
    min-width: 104px;
}

.preset-row[b-kpc0i4v198] {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #edf2f7;
}

.preset-button[b-kpc0i4v198] {
    border: 0;
    border-radius: 10px;
    padding: 8px 12px;
    background: #eef4f9;
    color: #334e68;
    font-weight: 700;
    cursor: pointer;
}

.preset-button:hover[b-kpc0i4v198] {
    background: #dfeaf4;
}

.summary-grid[b-kpc0i4v198] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.summary-card[b-kpc0i4v198] {
    padding: 15px 16px;
    display: grid;
    gap: 5px;
}

.summary-card span[b-kpc0i4v198],
.summary-card small[b-kpc0i4v198] {
    color: #627d98;
}

.summary-card strong[b-kpc0i4v198] {
    font-size: 1.38rem;
    color: #102a43;
}

.total-card[b-kpc0i4v198] {
    border-color: #9fe6c6;
    background: linear-gradient(180deg, #f5fffa 0%, #ffffff 100%);
}

.total-card strong[b-kpc0i4v198] {
    color: #078f5b;
}

.group-layout[b-kpc0i4v198] {
    display: grid;
    grid-template-columns: minmax(260px, 340px) minmax(0, 1fr);
    gap: 16px;
    margin-top: 16px;
}

.group-editor[b-kpc0i4v198] {
    display: grid;
    gap: 12px;
    padding: 14px;
    border-radius: 14px;
    background: #f7fafc;
    border: 1px solid #e2e8f0;
    align-self: start;
}

.group-editor h3[b-kpc0i4v198] {
    margin: 0;
}

.group-list[b-kpc0i4v198] {
    display: grid;
    gap: 9px;
}

.group-row[b-kpc0i4v198],
.expense-row[b-kpc0i4v198] {
    border: 1px solid #dbe5f0;
    border-radius: 14px;
    background: #fff;
}

.group-row[b-kpc0i4v198] {
    padding: 12px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.group-row > div:first-child[b-kpc0i4v198] {
    display: grid;
    gap: 3px;
}

.group-row small[b-kpc0i4v198],
.expense-row small[b-kpc0i4v198] {
    color: #718096;
}

.group-row.inactive[b-kpc0i4v198] {
    background: #f8fafc;
    opacity: 0.74;
}

.check-row[b-kpc0i4v198] {
    display: flex;
    align-items: center;
    gap: 9px;
    font-weight: 700;
    color: #334e68;
}

.expense-editor-panel[b-kpc0i4v198] {
    border-color: #9fe6c6;
}

.expense-form-grid[b-kpc0i4v198] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 16px;
}

.expense-form-grid .full[b-kpc0i4v198] {
    grid-column: 1 / -1;
}

.form-actions[b-kpc0i4v198] {
    justify-content: flex-end;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid #edf2f7;
}

.expenses-list-panel[b-kpc0i4v198] {
    padding-bottom: 10px;
}

.count-pill[b-kpc0i4v198],
.group-pill[b-kpc0i4v198] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    white-space: nowrap;
    font-weight: 800;
}

.count-pill[b-kpc0i4v198] {
    padding: 7px 10px;
    background: #eef4f9;
    color: #334e68;
    font-size: 0.82rem;
}

.group-pill[b-kpc0i4v198] {
    padding: 5px 9px;
    background: #ecfdf5;
    color: #087a4f;
    font-size: 0.76rem;
}

.expense-list[b-kpc0i4v198] {
    display: grid;
    gap: 9px;
    margin-top: 14px;
}

.expense-row[b-kpc0i4v198] {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr) 150px auto;
    align-items: center;
    gap: 14px;
    padding: 12px;
}

.expense-date[b-kpc0i4v198] {
    min-height: 56px;
    border-radius: 12px;
    background: #f1f5f9;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 2px;
}

.expense-date strong[b-kpc0i4v198] {
    color: #102a43;
}

.expense-main[b-kpc0i4v198] {
    min-width: 0;
    display: grid;
    gap: 5px;
}

.expense-main p[b-kpc0i4v198] {
    margin: 0;
    color: #52667a;
    overflow-wrap: anywhere;
}

.expense-title-row[b-kpc0i4v198] {
    justify-content: flex-start;
}

.expense-amount[b-kpc0i4v198] {
    font-size: 1.06rem;
    font-weight: 900;
    color: #c2410c;
    text-align: right;
    white-space: nowrap;
}

.expense-actions[b-kpc0i4v198] {
    justify-content: flex-end;
}

.icon-close[b-kpc0i4v198] {
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 11px;
    background: #edf2f7;
    color: #334e68;
    font-size: 1.25rem;
    cursor: pointer;
}

.empty-inline[b-kpc0i4v198],
.empty-card[b-kpc0i4v198],
.compact-loading[b-kpc0i4v198] {
    text-align: center;
    color: #718096;
}

.empty-inline[b-kpc0i4v198] {
    padding: 22px;
    border: 1px dashed #cbd9e8;
    border-radius: 14px;
}

.empty-card[b-kpc0i4v198] {
    display: grid;
    justify-items: center;
    gap: 7px;
    padding: 34px 16px;
}

.empty-card h3[b-kpc0i4v198],
.empty-card p[b-kpc0i4v198] {
    margin: 0;
}

.alert[b-kpc0i4v198] {
    border-radius: 13px;
    padding: 11px 13px;
    border: 1px solid;
}

.alert.error[b-kpc0i4v198] {
    color: #b42318;
    background: #fff1f1;
    border-color: #ffc9c9;
}

.alert.success[b-kpc0i4v198] {
    color: #087a4f;
    background: #ecfdf5;
    border-color: #a7e8c8;
}

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

    .search-field[b-kpc0i4v198] {
        grid-column: 1 / -1;
    }

    .filter-button[b-kpc0i4v198] {
        width: 100%;
    }

    .summary-grid[b-kpc0i4v198] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .expense-row[b-kpc0i4v198] {
        grid-template-columns: 64px minmax(0, 1fr) 130px;
    }

    .expense-actions[b-kpc0i4v198] {
        grid-column: 2 / -1;
        justify-content: flex-end;
    }
}

@media (max-width: 760px) {
    .expenses-page[b-kpc0i4v198] {
        gap: 13px;
    }

    .expenses-heading[b-kpc0i4v198],
    .section-title-row[b-kpc0i4v198] {
        align-items: flex-start;
        flex-direction: column;
    }

    .heading-actions[b-kpc0i4v198] {
        width: 100%;
    }

    .heading-actions .button[b-kpc0i4v198] {
        flex: 1 1 140px;
    }

    .filter-grid[b-kpc0i4v198],
    .summary-grid[b-kpc0i4v198],
    .group-layout[b-kpc0i4v198],
    .expense-form-grid[b-kpc0i4v198] {
        grid-template-columns: 1fr;
    }

    .search-field[b-kpc0i4v198],
    .expense-form-grid .full[b-kpc0i4v198] {
        grid-column: auto;
    }

    .filter-panel[b-kpc0i4v198],
    .panel[b-kpc0i4v198] {
        padding: 13px;
        border-radius: 15px;
    }

    .expense-row[b-kpc0i4v198] {
        grid-template-columns: 58px minmax(0, 1fr);
        gap: 10px;
    }

    .expense-amount[b-kpc0i4v198] {
        grid-column: 2;
        text-align: left;
    }

    .expense-actions[b-kpc0i4v198] {
        grid-column: 1 / -1;
        justify-content: stretch;
    }

    .expense-actions .button[b-kpc0i4v198] {
        flex: 1;
    }

    .group-row[b-kpc0i4v198] {
        align-items: flex-start;
        flex-direction: column;
    }

    .group-row .row-actions[b-kpc0i4v198] {
        width: 100%;
    }

    .group-row .row-actions .button[b-kpc0i4v198] {
        flex: 1;
    }
}
/* /Pages/Inventory.razor.rz.scp.css */
.inventory-page[b-bnm60uhyza]{display:flex;flex-direction:column;gap:18px}.inventory-heading[b-bnm60uhyza]{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.inventory-heading h1[b-bnm60uhyza]{margin:4px 0 4px;font-size:36px;line-height:1.05}.inventory-heading p[b-bnm60uhyza]{margin:0;color:#66788f}.heading-actions[b-bnm60uhyza]{display:flex;gap:10px;flex-wrap:wrap}.inventory-summary[b-bnm60uhyza]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.summary-card[b-bnm60uhyza]{background:#fff;border:1px solid #dce6f0;border-radius:16px;padding:15px 16px;display:flex;flex-direction:column;gap:4px;box-shadow:0 8px 24px rgba(15,31,51,.035)}.summary-card span[b-bnm60uhyza],.summary-card small[b-bnm60uhyza]{color:#64748b}.summary-card strong[b-bnm60uhyza]{font-size:24px;color:#0f2138}.warning-card[b-bnm60uhyza]{border-color:#fed7aa;background:#fffaf5}.warning-card strong[b-bnm60uhyza]{color:#c2410c}.inventory-tabs[b-bnm60uhyza]{display:flex;gap:8px;padding:6px;background:#e9f0f6;border-radius:14px;overflow:auto}.inventory-tabs button[b-bnm60uhyza]{border:0;background:transparent;padding:10px 16px;border-radius:10px;font-weight:700;color:#42556d;white-space:nowrap;cursor:pointer}.inventory-tabs button.active[b-bnm60uhyza]{background:#fff;color:#087f5b;box-shadow:0 2px 8px rgba(15,31,51,.08)}.panel[b-bnm60uhyza]{background:#fff;border:1px solid #dce6f0;border-radius:16px;padding:16px}.toolbar-grid[b-bnm60uhyza]{display:grid;grid-template-columns:minmax(260px,1fr) 180px 190px auto;gap:12px;align-items:end;margin-bottom:16px}.toolbar-search[b-bnm60uhyza]{min-width:0}.toolbar-button[b-bnm60uhyza]{height:44px}.field-group[b-bnm60uhyza]{display:flex;flex-direction:column;gap:6px;min-width:0}.field-group label[b-bnm60uhyza]{font-weight:700;color:#24364c;font-size:13px}.input-control[b-bnm60uhyza]{width:100%;box-sizing:border-box;border:1px solid #cbd8e6;border-radius:11px;padding:10px 12px;background:#fff;color:#10243d;min-height:42px;outline:none}.input-control:focus[b-bnm60uhyza]{border-color:#14a873;box-shadow:0 0 0 3px rgba(20,168,115,.10)}textarea.input-control[b-bnm60uhyza]{resize:vertical}.field-help[b-bnm60uhyza]{color:#718096;line-height:1.35}.checkbox-toolbar[b-bnm60uhyza]{justify-content:flex-end}.check-row[b-bnm60uhyza]{display:flex!important;align-items:center;gap:8px;font-weight:600!important;color:#3c4e63!important;min-height:42px}.check-row input[b-bnm60uhyza]{width:17px;height:17px;accent-color:#0ca678}.compact-check[b-bnm60uhyza]{padding:0 4px}.editor-card[b-bnm60uhyza]{border:1px solid #b8e4d1;background:#fbfffd;border-radius:15px;padding:16px;margin-bottom:18px}.section-title-row[b-bnm60uhyza]{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.section-title-row h2[b-bnm60uhyza]{margin:3px 0 0;font-size:20px}.eyebrow[b-bnm60uhyza]{font-size:12px;font-weight:800;color:#087f5b;letter-spacing:.07em}.icon-close[b-bnm60uhyza]{width:38px;height:38px;border:0;border-radius:11px;background:#eef4f8;color:#263d57;font-size:21px;cursor:pointer}.form-grid[b-bnm60uhyza]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:16px}.form-grid .wide[b-bnm60uhyza]{grid-column:span 2}.check-field[b-bnm60uhyza]{justify-content:flex-end}.form-actions[b-bnm60uhyza]{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #e3ebf2;margin-top:16px;padding-top:14px}.product-grid[b-bnm60uhyza]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.product-card[b-bnm60uhyza]{border:1px solid #d9e4ee;border-radius:15px;padding:14px;background:#fff;display:flex;flex-direction:column;gap:12px;min-width:0}.product-card.low-stock[b-bnm60uhyza]{border-color:#fdba74;background:#fffdfa}.product-card.inactive[b-bnm60uhyza]{opacity:.72}.product-card-top[b-bnm60uhyza]{display:flex;gap:11px;min-width:0}.product-icon[b-bnm60uhyza]{width:42px;height:42px;border-radius:12px;background:#e8f8f0;color:#087f5b;display:grid;place-items:center;font-size:20px;flex:0 0 auto}.product-main[b-bnm60uhyza]{min-width:0;flex:1}.product-title-row[b-bnm60uhyza]{display:flex;gap:8px;justify-content:space-between;align-items:flex-start}.product-title-row strong[b-bnm60uhyza]{font-size:16px;overflow-wrap:anywhere}.product-main small[b-bnm60uhyza]{display:block;color:#6b7d91;margin-top:3px;line-height:1.35}.status-pill[b-bnm60uhyza]{font-size:11px;font-weight:800;border-radius:999px;padding:4px 8px;white-space:nowrap}.status-pill.active[b-bnm60uhyza]{color:#087f5b;background:#dff8ea}.status-pill.inactive[b-bnm60uhyza]{color:#64748b;background:#edf1f5}.product-metrics[b-bnm60uhyza]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.product-metrics div[b-bnm60uhyza]{background:#f6f9fc;border-radius:11px;padding:9px 10px}.product-metrics span[b-bnm60uhyza]{display:block;color:#708197;font-size:11px}.product-metrics strong[b-bnm60uhyza]{display:block;margin-top:3px;color:#14263c}.danger-text[b-bnm60uhyza]{color:#c2410c!important}.product-subline[b-bnm60uhyza]{font-size:12px;color:#5f7289;background:#f8fafc;border-radius:9px;padding:7px 9px}.product-actions[b-bnm60uhyza]{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}.stock-layout[b-bnm60uhyza],.catalog-layout[b-bnm60uhyza]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.stock-card[b-bnm60uhyza],.catalog-panel[b-bnm60uhyza]{display:flex;flex-direction:column;gap:14px}.conversion-card[b-bnm60uhyza]{padding:12px;border-radius:12px;background:#eefbf5;border:1px solid #bce7d2;display:flex;flex-direction:column;gap:4px;color:#176547}.full-button[b-bnm60uhyza]{width:100%;justify-content:center}.catalog-list[b-bnm60uhyza],.history-list[b-bnm60uhyza],.recipe-list[b-bnm60uhyza]{display:flex;flex-direction:column;gap:8px}.catalog-row[b-bnm60uhyza],.recipe-row[b-bnm60uhyza]{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #e1e9f0;border-radius:12px;padding:11px 12px}.catalog-row>div:first-child[b-bnm60uhyza],.recipe-row>div:first-child[b-bnm60uhyza]{min-width:0}.catalog-row strong[b-bnm60uhyza],.recipe-row strong[b-bnm60uhyza]{display:block}.catalog-row small[b-bnm60uhyza],.recipe-row small[b-bnm60uhyza]{display:block;color:#718096;margin-top:3px}.row-actions[b-bnm60uhyza]{display:flex;gap:7px;flex-wrap:wrap}.mini-editor[b-bnm60uhyza]{display:grid;gap:9px;padding:12px;border:1px solid #b8e4d1;background:#f8fffb;border-radius:12px}.mini-actions[b-bnm60uhyza]{display:flex;justify-content:flex-end;gap:8px}.history-row[b-bnm60uhyza]{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #e1e9f0;border-radius:12px;padding:11px 12px}.history-type[b-bnm60uhyza]{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-weight:900;background:#eef4f8}.history-type.type-1[b-bnm60uhyza]{background:#dcfce7;color:#087f5b}.history-type.type-2[b-bnm60uhyza]{background:#e0f2fe;color:#0369a1}.history-type.type-3[b-bnm60uhyza]{background:#fee2e2;color:#b91c1c}.history-main strong[b-bnm60uhyza],.history-main small[b-bnm60uhyza]{display:block}.history-main small[b-bnm60uhyza]{color:#718096;margin-top:2px}.history-values[b-bnm60uhyza]{text-align:right}.history-values strong[b-bnm60uhyza],.history-values small[b-bnm60uhyza]{display:block}.history-values small[b-bnm60uhyza]{color:#718096;margin-top:3px}.history-values .positive[b-bnm60uhyza]{color:#087f5b}.history-values .negative[b-bnm60uhyza]{color:#b42318}.empty-card[b-bnm60uhyza]{padding:34px 20px;text-align:center;border:1px dashed #c9d6e2;border-radius:14px;color:#66788f}.empty-card>div[b-bnm60uhyza]{font-size:32px}.empty-card h3[b-bnm60uhyza]{color:#1b2d43;margin:7px 0}.small-empty[b-bnm60uhyza]{padding:20px}.modal-backdrop[b-bnm60uhyza]{position:fixed;inset:0;background:rgba(10,26,44,.46);display:grid;place-items:center;padding:18px;z-index:50}.modal-card[b-bnm60uhyza]{width:min(760px,100%);max-height:88vh;overflow:auto;background:#fff;border-radius:18px;padding:18px;box-shadow:0 24px 70px rgba(3,18,34,.28)}.muted-copy[b-bnm60uhyza]{color:#6b7d91}.recipe-add-row[b-bnm60uhyza]{display:grid;grid-template-columns:minmax(220px,1fr) 150px auto;gap:8px;margin:14px 0}.alert.success[b-bnm60uhyza]{background:#eafbf2;border:1px solid #bde8d2;color:#126443}.button[b-bnm60uhyza]{min-height:40px;border-radius:11px;border:1px solid transparent;padding:9px 14px;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.button.primary[b-bnm60uhyza]{background:#0ca678;color:#fff}.button.secondary[b-bnm60uhyza]{background:#fff;border-color:#ccd9e5;color:#1c334c}.button.subtle[b-bnm60uhyza]{background:#f4f8fb;border-color:#dbe5ee;color:#24405c}.button.danger-soft[b-bnm60uhyza]{background:#fff3f3;border-color:#fecaca;color:#b42318}.button.compact[b-bnm60uhyza]{min-height:34px;padding:6px 10px;font-size:12px}.button:disabled[b-bnm60uhyza]{opacity:.55;cursor:not-allowed}@media(max-width:1180px){.product-grid[b-bnm60uhyza]{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-summary[b-bnm60uhyza]{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar-grid[b-bnm60uhyza]{grid-template-columns:minmax(220px,1fr) 160px 180px}.toolbar-button[b-bnm60uhyza]{grid-column:span 3}.form-grid[b-bnm60uhyza]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:780px){.inventory-page[b-bnm60uhyza]{gap:14px}.inventory-heading[b-bnm60uhyza]{flex-direction:column}.inventory-heading h1[b-bnm60uhyza]{font-size:30px}.heading-actions[b-bnm60uhyza]{width:100%}.heading-actions .button[b-bnm60uhyza]{flex:1}.inventory-summary[b-bnm60uhyza]{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.summary-card[b-bnm60uhyza]{padding:12px}.summary-card strong[b-bnm60uhyza]{font-size:20px}.toolbar-grid[b-bnm60uhyza]{grid-template-columns:1fr}.toolbar-button[b-bnm60uhyza]{grid-column:auto}.form-grid[b-bnm60uhyza],.stock-layout[b-bnm60uhyza],.catalog-layout[b-bnm60uhyza],.product-grid[b-bnm60uhyza]{grid-template-columns:1fr}.form-grid .wide[b-bnm60uhyza]{grid-column:auto}.product-actions .button[b-bnm60uhyza]{flex:1 1 calc(50% - 6px)}.history-row[b-bnm60uhyza]{grid-template-columns:36px minmax(0,1fr)}.history-values[b-bnm60uhyza]{grid-column:2;text-align:left;display:flex;gap:10px;align-items:center}.recipe-add-row[b-bnm60uhyza]{grid-template-columns:1fr}.inventory-tabs button[b-bnm60uhyza]{padding:9px 12px}.panel[b-bnm60uhyza]{padding:13px}}@media(max-width:430px){.inventory-summary[b-bnm60uhyza]{grid-template-columns:1fr 1fr}.summary-card small[b-bnm60uhyza]{font-size:11px}.product-metrics[b-bnm60uhyza]{grid-template-columns:1fr}.catalog-row[b-bnm60uhyza],.recipe-row[b-bnm60uhyza]{align-items:flex-start;flex-direction:column}.row-actions[b-bnm60uhyza]{width:100%}.row-actions .button[b-bnm60uhyza]{flex:1}.form-actions .button[b-bnm60uhyza]{flex:1}.modal-card[b-bnm60uhyza]{padding:14px}}
/* /Pages/Invoices.razor.rz.scp.css */
.invoice-page[b-xbo9ukkzsd] { display: grid; gap: 18px; }
.invoice-heading[b-xbo9ukkzsd] { display: flex; flex-direction: column; gap: 14px; padding: 2px 0 4px; }
.invoice-heading p[b-xbo9ukkzsd] { margin: 0; color: var(--muted); }
.invoice-filter[b-xbo9ukkzsd], .invoice-list-panel[b-xbo9ukkzsd], .invoice-detail-panel[b-xbo9ukkzsd] { background: #fff; border: 1px solid var(--border); border-radius: 18px; box-shadow: var(--shadow); }
.invoice-filter[b-xbo9ukkzsd] { padding: 14px; }
.filter-grid[b-xbo9ukkzsd] { display: grid; grid-template-columns: 1fr; gap: 10px; align-items: end; }
.filter-button[b-xbo9ukkzsd] { width: 100%; min-height: 42px; }
.date-presets[b-xbo9ukkzsd] { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 11px; padding-top: 11px; border-top: 1px solid #edf2f6; }
.invoice-summary[b-xbo9ukkzsd] { display: grid; grid-template-columns: 1fr; gap: 10px; }
.summary-card[b-xbo9ukkzsd] { background: #fff; border: 1px solid var(--border); border-radius: 15px; padding: 14px; box-shadow: 0 7px 22px rgba(26,55,84,.05); }
.summary-card span[b-xbo9ukkzsd], .summary-card strong[b-xbo9ukkzsd], .summary-card small[b-xbo9ukkzsd] { display: block; }
.summary-card span[b-xbo9ukkzsd] { color: #60778e; font-size: .76rem; font-weight: 800; }
.summary-card strong[b-xbo9ukkzsd] { margin: 4px 0 2px; font-size: 1.42rem; color: #0d2b45; overflow-wrap: anywhere; }
.summary-card small[b-xbo9ukkzsd] { color: #7b8c9d; }
.summary-card.accent[b-xbo9ukkzsd] { border-color: #b9ddcd; background: #f7fcf9; }
.summary-card.accent strong[b-xbo9ukkzsd], .received[b-xbo9ukkzsd] { color: #087b50 !important; }
.positive-difference[b-xbo9ukkzsd] { color: #087b50 !important; }
.negative-difference[b-xbo9ukkzsd] { color: #b82f39 !important; }
.invoice-layout[b-xbo9ukkzsd] { display: grid; grid-template-columns: 1fr; gap: 14px; align-items: start; }
.invoice-list-panel[b-xbo9ukkzsd], .invoice-detail-panel[b-xbo9ukkzsd] { padding: 15px; min-width: 0; }
.section-title-row[b-xbo9ukkzsd] { display: flex; flex-direction: column; gap: 9px; margin-bottom: 13px; }
.section-title-row h2[b-xbo9ukkzsd] { margin-bottom: 0; }
.count-pill[b-xbo9ukkzsd] { align-self: flex-start; padding: 5px 9px; border-radius: 999px; background: #eef4f8; color: #35546f; font-size: .72rem; font-weight: 800; }
.invoice-list[b-xbo9ukkzsd] { display: grid; gap: 9px; max-height: 760px; overflow: auto; padding-right: 2px; }
.invoice-record[b-xbo9ukkzsd] { width: 100%; text-align: left; font: inherit; border: 1px solid #dce6ee; border-radius: 14px; padding: 13px; background: #fff; color: #17324c; cursor: pointer; transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease; }
.invoice-record:hover[b-xbo9ukkzsd] { border-color: #aecada; box-shadow: 0 8px 24px rgba(26,55,84,.07); transform: translateY(-1px); }
.invoice-record.selected[b-xbo9ukkzsd] { border-color: #15a66c; box-shadow: 0 0 0 2px rgba(21,166,108,.1); background: #fbfffd; }
.record-top[b-xbo9ukkzsd] { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px; }
.record-top > strong[b-xbo9ukkzsd] { font-size: .92rem; color: #102c47; overflow-wrap: anywhere; }
.source-pill[b-xbo9ukkzsd] { padding: 4px 8px; border-radius: 999px; font-size: .66rem; font-weight: 800; white-space: nowrap; background: #eef4f8; color: #35546f; }
.source-pill.source-1[b-xbo9ukkzsd] { background: #e6f6ee; color: #08764e; }
.source-pill.source-2[b-xbo9ukkzsd] { background: #f0eaff; color: #6a45a2; }
.source-pill.source-3[b-xbo9ukkzsd] { background: #eaf3fb; color: #276286; }
.source-pill.source-4[b-xbo9ukkzsd] { background: #fff3dc; color: #8e5a0a; }
.record-customer[b-xbo9ukkzsd] { margin-top: 9px; font-weight: 800; color: #17324d; overflow-wrap: anywhere; }
.record-meta[b-xbo9ukkzsd] { display: flex; flex-wrap: wrap; gap: 5px 11px; margin-top: 6px; color: #6d8092; font-size: .74rem; }
.record-money[b-xbo9ukkzsd] { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 10px; padding-top: 9px; border-top: 1px solid #edf1f4; }
.record-money span[b-xbo9ukkzsd] { color: #718397; font-size: .68rem; }
.record-money strong[b-xbo9ukkzsd] { display: block; margin-top: 2px; color: #17324d; font-size: .82rem; }
.invoice-empty[b-xbo9ukkzsd], .invoice-detail-empty[b-xbo9ukkzsd] { text-align: center; padding: 36px 18px; color: #677b8f; }
.invoice-empty > div[b-xbo9ukkzsd], .invoice-detail-empty > div[b-xbo9ukkzsd] { width: 56px; height: 56px; display: grid; place-items: center; margin: 0 auto 12px; border-radius: 17px; background: #e8f7ef; color: #0b8458; font-size: 1.45rem; }
.invoice-empty h3[b-xbo9ukkzsd], .invoice-detail-empty h3[b-xbo9ukkzsd] { color: #17324c; }
.invoice-empty p[b-xbo9ukkzsd], .invoice-detail-empty p[b-xbo9ukkzsd] { margin-bottom: 0; }
.compact-loading[b-xbo9ukkzsd] { min-height: 150px; box-shadow: none; border: 0; }
.invoice-print-document[b-xbo9ukkzsd] { min-width: 0; }
.invoice-print-header[b-xbo9ukkzsd] { display: none; }
.detail-heading[b-xbo9ukkzsd] { display: flex; flex-direction: column; gap: 12px; padding-bottom: 13px; border-bottom: 1px solid #edf2f5; }
.detail-heading h2[b-xbo9ukkzsd] { margin: 2px 0 3px; overflow-wrap: anywhere; }
.detail-heading small[b-xbo9ukkzsd] { color: var(--muted); }
.detail-actions[b-xbo9ukkzsd] { display: flex; flex-wrap: wrap; gap: 8px; }
.invoice-info-grid[b-xbo9ukkzsd] { display: grid; grid-template-columns: 1fr; gap: 9px; margin-top: 13px; }
.invoice-info-grid > div[b-xbo9ukkzsd] { min-width: 0; padding: 11px; border-radius: 11px; border: 1px solid #e8eff5; background: #f6f9fb; }
.invoice-info-grid span[b-xbo9ukkzsd], .invoice-info-grid strong[b-xbo9ukkzsd] { display: block; }
.invoice-info-grid span[b-xbo9ukkzsd] { color: #718397; font-size: .68rem; font-weight: 700; }
.invoice-info-grid strong[b-xbo9ukkzsd] { margin-top: 4px; color: #17324d; overflow-wrap: anywhere; }
.invoice-note[b-xbo9ukkzsd] { margin-top: 12px; padding: 11px; border-left: 3px solid #b8cfdf; border-radius: 9px; background: #f8fafc; }
.invoice-note span[b-xbo9ukkzsd] { color: #718397; font-size: .69rem; font-weight: 800; }
.invoice-note p[b-xbo9ukkzsd] { margin: 4px 0 0; color: #435f78; white-space: pre-wrap; overflow-wrap: anywhere; }
.invoice-lines[b-xbo9ukkzsd] { margin-top: 13px; border: 1px solid #e2e9ef; border-radius: 12px; overflow: hidden; }
.line-header[b-xbo9ukkzsd], .line-row[b-xbo9ukkzsd] { display: grid; grid-template-columns: minmax(0, 1fr) 52px 94px 102px; gap: 7px; align-items: start; padding: 9px 10px; }
.line-header[b-xbo9ukkzsd] { background: #f2f6f9; color: #5e7488; font-size: .68rem; font-weight: 800; }
.line-header span:not(:first-child)[b-xbo9ukkzsd], .line-row > span:not(:first-child)[b-xbo9ukkzsd], .line-row > strong[b-xbo9ukkzsd] { text-align: right; }
.line-row[b-xbo9ukkzsd] { border-top: 1px solid #edf1f4; color: #526a80; font-size: .76rem; }
.line-row:first-of-type[b-xbo9ukkzsd] { border-top: 0; }
.line-description[b-xbo9ukkzsd] { color: #17324d; overflow-wrap: anywhere; }
.line-row strong[b-xbo9ukkzsd] { color: #17324d; white-space: nowrap; }
.line-empty[b-xbo9ukkzsd] { padding: 18px; text-align: center; color: #7b8d9e; }
.invoice-totals[b-xbo9ukkzsd] { display: grid; grid-template-columns: 1fr; gap: 8px; margin-top: 12px; }
.invoice-totals > div[b-xbo9ukkzsd] { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 9px 11px; border-radius: 10px; background: #f6f9fb; }
.invoice-totals span[b-xbo9ukkzsd] { color: #657b8f; font-size: .75rem; }
.invoice-totals strong[b-xbo9ukkzsd] { color: #102c47; font-size: 1rem; text-align: right; }
.invoice-print-footer[b-xbo9ukkzsd] { display: none; }

@media (min-width: 720px) {
    .invoice-heading[b-xbo9ukkzsd], .section-title-row[b-xbo9ukkzsd], .detail-heading[b-xbo9ukkzsd] { flex-direction: row; align-items: flex-start; justify-content: space-between; }
    .filter-grid[b-xbo9ukkzsd] { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .filter-search[b-xbo9ukkzsd] { grid-column: 1 / -1; }
    .filter-button[b-xbo9ukkzsd] { width: auto; justify-self: end; grid-column: 1 / -1; min-width: 120px; }
    .invoice-summary[b-xbo9ukkzsd] { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .invoice-info-grid[b-xbo9ukkzsd] { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .invoice-totals[b-xbo9ukkzsd] { grid-template-columns: repeat(3, minmax(0,1fr)); }
    .invoice-totals > div[b-xbo9ukkzsd] { display: block; }
    .invoice-totals strong[b-xbo9ukkzsd] { display: block; margin-top: 4px; text-align: left; }
}

@media (min-width: 1100px) {
    .filter-grid[b-xbo9ukkzsd] { grid-template-columns: 150px 150px 190px minmax(220px,1fr) auto; }
    .filter-search[b-xbo9ukkzsd], .filter-button[b-xbo9ukkzsd] { grid-column: auto; }
    .invoice-summary[b-xbo9ukkzsd] { grid-template-columns: repeat(4, minmax(0,1fr)); }
    .invoice-layout[b-xbo9ukkzsd] { grid-template-columns: minmax(370px,.82fr) minmax(520px,1.18fr); }
    .invoice-detail-panel[b-xbo9ukkzsd] { position: sticky; top: 16px; }
}

@media (max-width: 580px) {
    .invoice-heading > .button[b-xbo9ukkzsd] { width: 100%; }
    .record-money[b-xbo9ukkzsd] { grid-template-columns: 1fr; }
    .line-header[b-xbo9ukkzsd] { display: none; }
    .line-row[b-xbo9ukkzsd] { grid-template-columns: 1fr auto; gap: 5px 10px; }
    .line-row .line-description[b-xbo9ukkzsd] { grid-column: 1 / -1; font-weight: 800; margin-bottom: 3px; }
    .line-row > span:nth-child(2)[b-xbo9ukkzsd]::before { content: "SL: "; color: #8192a2; }
    .line-row > span:nth-child(3)[b-xbo9ukkzsd] { display: none; }
    .line-row > strong[b-xbo9ukkzsd] { grid-column: 2; }
}
/* /Pages/Logs.razor.rz.scp.css */
.logs-page[b-2303g0pc3u] {
    display: grid;
    gap: 18px;
}

.logs-heading[b-2303g0pc3u],
.section-title-row[b-2303g0pc3u],
.pager[b-2303g0pc3u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.logs-heading h1[b-2303g0pc3u],
.section-title-row h2[b-2303g0pc3u] {
    margin: 4px 0 0;
}

.logs-heading p[b-2303g0pc3u],
.section-title-row p[b-2303g0pc3u] {
    margin: 5px 0 0;
    color: var(--muted, #60738a);
}

.eyebrow[b-2303g0pc3u] {
    color: #008b5b;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
}

.filter-panel[b-2303g0pc3u],
.panel[b-2303g0pc3u],
.summary-card[b-2303g0pc3u] {
    background: #fff;
    border: 1px solid #dbe5ef;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(19, 48, 76, .04);
}

.filter-panel[b-2303g0pc3u],
.panel[b-2303g0pc3u] {
    padding: 16px;
}

.filter-grid[b-2303g0pc3u] {
    display: grid;
    grid-template-columns: 150px 150px 190px minmax(220px, 1fr) 135px auto;
    gap: 10px;
    align-items: end;
}

.field-group[b-2303g0pc3u] {
    display: grid;
    gap: 6px;
}

.field-group label[b-2303g0pc3u] {
    font-size: 13px;
    font-weight: 700;
    color: #24384d;
}

.input-control[b-2303g0pc3u] {
    width: 100%;
    min-height: 42px;
    padding: 9px 12px;
    border: 1px solid #cbd9e8;
    border-radius: 10px;
    background: #fff;
    color: #102b46;
    font: inherit;
}

.input-control:focus[b-2303g0pc3u] {
    border-color: #0aa773;
    outline: 3px solid rgba(10, 167, 115, .11);
}

.filter-button[b-2303g0pc3u] {
    min-height: 42px;
    white-space: nowrap;
}

.preset-row[b-2303g0pc3u] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #edf2f7;
}

.preset-button[b-2303g0pc3u] {
    min-height: 34px;
    padding: 6px 12px;
    border: 0;
    border-radius: 9px;
    background: #edf3f8;
    color: #29445f;
    font-weight: 700;
    cursor: pointer;
}

.preset-button:hover[b-2303g0pc3u] {
    background: #dce9f4;
    color: #0e314f;
}

.summary-grid[b-2303g0pc3u] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.summary-card[b-2303g0pc3u] {
    padding: 15px 16px;
    display: grid;
    gap: 4px;
}

.summary-card span[b-2303g0pc3u],
.summary-card small[b-2303g0pc3u] {
    color: #647b91;
}

.summary-card strong[b-2303g0pc3u] {
    font-size: 24px;
    color: #0b2944;
}

.logs-layout[b-2303g0pc3u] {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(280px, .75fr);
    gap: 14px;
    align-items: start;
}

.count-pill[b-2303g0pc3u] {
    padding: 6px 10px;
    border-radius: 999px;
    background: #edf4fa;
    color: #36546f;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.timeline-list[b-2303g0pc3u] {
    display: grid;
    gap: 8px;
    margin-top: 14px;
}

.log-row[b-2303g0pc3u] {
    width: 100%;
    border: 1px solid #e0e8f0;
    border-radius: 12px;
    padding: 11px 12px;
    background: #fff;
    color: #17324d;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    text-align: left;
    cursor: pointer;
    font: inherit;
}

.log-row:hover[b-2303g0pc3u] {
    background: #f6fafc;
    border-color: #b9d0e3;
}

.log-row.selected[b-2303g0pc3u] {
    background: #f0fbf7;
    border-color: #16a574;
    box-shadow: 0 0 0 2px rgba(22, 165, 116, .08);
}

.activity-icon[b-2303g0pc3u],
.detail-activity-icon[b-2303g0pc3u] {
    display: grid;
    place-items: center;
    border-radius: 12px;
    font-weight: 900;
}

.activity-icon[b-2303g0pc3u] {
    width: 40px;
    height: 40px;
}

.detail-activity-icon[b-2303g0pc3u] {
    width: 54px;
    height: 54px;
    margin-top: 14px;
    font-size: 20px;
}

.activity-icon.open[b-2303g0pc3u],
.detail-activity-icon.open[b-2303g0pc3u] {
    background: #e0f7eb;
    color: #098454;
}

.activity-icon.close[b-2303g0pc3u],
.detail-activity-icon.close[b-2303g0pc3u] {
    background: #ffe8e8;
    color: #c33a3a;
}

.activity-icon.social[b-2303g0pc3u],
.detail-activity-icon.social[b-2303g0pc3u] {
    background: #f0e7ff;
    color: #7142bf;
}

.activity-icon.switch[b-2303g0pc3u],
.detail-activity-icon.switch[b-2303g0pc3u] {
    background: #e8f1ff;
    color: #2767b7;
}

.activity-icon.other[b-2303g0pc3u],
.detail-activity-icon.other[b-2303g0pc3u] {
    background: #eef2f6;
    color: #526b82;
}

.log-copy[b-2303g0pc3u] {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.log-copy strong[b-2303g0pc3u] {
    overflow-wrap: anywhere;
}

.log-copy span[b-2303g0pc3u],
.log-time span[b-2303g0pc3u] {
    color: #657d93;
    font-size: 12px;
}

.log-time[b-2303g0pc3u] {
    display: grid;
    gap: 3px;
    text-align: right;
    white-space: nowrap;
}

.log-time strong[b-2303g0pc3u] {
    color: #17324d;
}

.pager[b-2303g0pc3u] {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid #e8eef4;
}

.pager span[b-2303g0pc3u] {
    color: #61788e;
    font-size: 13px;
    font-weight: 700;
}

.detail-panel[b-2303g0pc3u] {
    position: sticky;
    top: 16px;
}

.detail-panel h3[b-2303g0pc3u] {
    margin: 12px 0 14px;
    font-size: 20px;
    overflow-wrap: anywhere;
}

.detail-empty[b-2303g0pc3u] {
    min-height: 250px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 7px;
    text-align: center;
    color: #6d8296;
}

.detail-empty div[b-2303g0pc3u] {
    width: 52px;
    height: 52px;
    border-radius: 15px;
    display: grid;
    place-items: center;
    background: #edf4fa;
    font-size: 23px;
}

.detail-grid[b-2303g0pc3u] {
    display: grid;
    gap: 8px;
}

.detail-grid > div[b-2303g0pc3u],
.detail-id[b-2303g0pc3u] {
    border-radius: 11px;
    background: #f5f8fb;
    padding: 10px 12px;
    display: grid;
    gap: 4px;
}

.detail-grid span[b-2303g0pc3u],
.detail-id span[b-2303g0pc3u] {
    color: #687f94;
    font-size: 12px;
}

.detail-grid strong[b-2303g0pc3u] {
    color: #17324d;
    overflow-wrap: anywhere;
}

.detail-id[b-2303g0pc3u] {
    margin-top: 8px;
}

.detail-id code[b-2303g0pc3u],
.mono[b-2303g0pc3u] {
    font-family: Consolas, "SFMono-Regular", monospace;
    font-size: 12px;
    overflow-wrap: anywhere;
    color: #324b63;
}

.empty-card[b-2303g0pc3u] {
    min-height: 260px;
    margin-top: 14px;
    border: 1px dashed #ccd9e4;
    border-radius: 13px;
    background: #f8fafc;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 5px;
    text-align: center;
    color: #698094;
    padding: 24px;
}

.empty-card div[b-2303g0pc3u] {
    font-size: 28px;
}

.empty-card h3[b-2303g0pc3u],
.empty-card p[b-2303g0pc3u] {
    margin: 0;
}

@media (max-width: 1180px) {
    .filter-grid[b-2303g0pc3u] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

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

    .logs-layout[b-2303g0pc3u] {
        grid-template-columns: 1fr;
    }

    .detail-panel[b-2303g0pc3u] {
        position: static;
    }
}

@media (max-width: 760px) {
    .logs-page[b-2303g0pc3u] {
        gap: 12px;
    }

    .logs-heading[b-2303g0pc3u] {
        align-items: flex-start;
        flex-direction: column;
    }

    .logs-heading > .button[b-2303g0pc3u] {
        width: 100%;
    }

    .filter-grid[b-2303g0pc3u],
    .summary-grid[b-2303g0pc3u] {
        grid-template-columns: 1fr 1fr;
    }

    .search-field[b-2303g0pc3u],
    .filter-button[b-2303g0pc3u] {
        grid-column: span 2;
    }

    .log-row[b-2303g0pc3u] {
        grid-template-columns: 38px minmax(0, 1fr);
    }

    .activity-icon[b-2303g0pc3u] {
        width: 36px;
        height: 36px;
    }

    .log-time[b-2303g0pc3u] {
        grid-column: 2;
        grid-template-columns: auto auto;
        justify-content: start;
        gap: 8px;
        text-align: left;
    }
}

@media (max-width: 480px) {
    .filter-grid[b-2303g0pc3u],
    .summary-grid[b-2303g0pc3u] {
        grid-template-columns: 1fr;
    }

    .search-field[b-2303g0pc3u],
    .filter-button[b-2303g0pc3u] {
        grid-column: auto;
    }

    .preset-row > *[b-2303g0pc3u] {
        flex: 1 1 calc(50% - 8px);
    }

    .pager[b-2303g0pc3u] {
        gap: 7px;
    }

    .pager .button[b-2303g0pc3u] {
        min-width: 0;
        flex: 1;
    }
}
/* /Pages/Pos.razor.rz.scp.css */
.pos-workspace[b-9ndc2lqh1i] {
    display: grid;
    grid-template-columns: minmax(190px, 0.7fr) minmax(260px, 1.5fr) minmax(250px, 1fr);
    gap: 16px;
    border: 0;
    padding: 0;
    margin: 20px 0;
    min-width: 0;
}
.pos-panel[b-9ndc2lqh1i] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 18px;
    min-width: 0;
}
.pos-panel h2[b-9ndc2lqh1i] { font-size: 18px; margin: 0 0 16px; }
.pos-target .field-group[b-9ndc2lqh1i], .pos-cart .field-group[b-9ndc2lqh1i] { margin-bottom: 14px; }
.pos-filters[b-9ndc2lqh1i] { display: grid; gap: 10px; margin-bottom: 14px; }
.pos-products[b-9ndc2lqh1i] { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px; }
.pos-product[b-9ndc2lqh1i] { border: 1px solid #e2e8f0; padding: 12px; border-radius: 10px; display: flex; flex-direction: column; gap: 8px; overflow-wrap: anywhere; }
.pos-product h3[b-9ndc2lqh1i] { font-size: 15px; margin: 0; }
.pos-product small[b-9ndc2lqh1i], .pos-hint[b-9ndc2lqh1i] { color: #64748b; }
.pos-product > strong[b-9ndc2lqh1i] { color: #0369a1; font-size: 14px; }
.pos-product p[b-9ndc2lqh1i], .pos-hint[b-9ndc2lqh1i] { font-size: 12px; line-height: 1.6; margin: 4px 0 10px; }
.pos-product .button[b-9ndc2lqh1i] { margin-top: auto; white-space: normal; }
.pos-title-row[b-9ndc2lqh1i] { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.pos-cart-line[b-9ndc2lqh1i] { display: flex; flex-direction: column; gap: 8px; padding: 12px 0; border-top: 1px solid #e2e8f0; }
.pos-cart-line small[b-9ndc2lqh1i] { color: #64748b; }
.pos-quantity[b-9ndc2lqh1i] { display: flex; gap: 6px; align-items: center; }
.pos-quantity input[b-9ndc2lqh1i] { min-width: 0; width: 76px; text-align: center; padding: 8px; }
.pos-quantity .button[b-9ndc2lqh1i] { padding: 8px; min-width: 34px; }
.pos-line-total[b-9ndc2lqh1i] { text-align: right; }
.pos-total[b-9ndc2lqh1i] { display: flex; justify-content: space-between; gap: 12px; margin: 16px 0; align-items: center; }
.pos-total strong[b-9ndc2lqh1i] { font-size: 22px; color: #0369a1; }
.pos-actions[b-9ndc2lqh1i] { display: flex; gap: 8px; flex-wrap: wrap; }
.pos-orders[b-9ndc2lqh1i] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 12px; }
.pos-order[b-9ndc2lqh1i] { border: 1px solid #e2e8f0; border-radius: 10px; padding: 14px; display: flex; flex-direction: column; gap: 10px; overflow-wrap: anywhere; }
.pos-order small[b-9ndc2lqh1i] { display: block; margin-top: 6px; color: #64748b; }
.pos-modal-backdrop[b-9ndc2lqh1i] { position: fixed; inset: 0; background: #0f172a99; z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 16px; }
.pos-modal[b-9ndc2lqh1i] { background: white; border-radius: 16px; padding: 24px; width: min(560px, 100%); max-height: 85dvh; overflow-y: auto; box-shadow: 0 20px 70px #0f172a40; }
.pos-modal h2[b-9ndc2lqh1i] { margin: 0 0 12px; }
.pos-confirm-lines > div[b-9ndc2lqh1i] { display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; border-bottom: 1px solid #e2e8f0; }
.pos-confirm-lines span[b-9ndc2lqh1i] { overflow-wrap: anywhere; }
.pos-confirm-lines strong[b-9ndc2lqh1i] { white-space: nowrap; }
@media (max-width: 1200px) {
    .pos-workspace[b-9ndc2lqh1i] { grid-template-columns: 1fr 1fr; }
    .pos-target[b-9ndc2lqh1i] { grid-column: 1 / -1; }
}
@media (max-width: 720px) {
    .pos-workspace[b-9ndc2lqh1i] { grid-template-columns: minmax(0, 1fr); }
    .pos-target[b-9ndc2lqh1i] { grid-column: auto; }
    .pos-panel[b-9ndc2lqh1i] { padding: 14px; }
    .pos-modal[b-9ndc2lqh1i] { padding: 18px; }
    .pos-products[b-9ndc2lqh1i] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pos-product[b-9ndc2lqh1i] { padding: 10px; }
}
/* /Pages/Reports.razor.rz.scp.css */
.reports-page[b-vqwm49fxwp] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.reports-heading[b-vqwm49fxwp],
.section-title-row[b-vqwm49fxwp],
.detail-item-top[b-vqwm49fxwp],
.day-heading[b-vqwm49fxwp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.reports-heading h1[b-vqwm49fxwp],
.section-title-row h2[b-vqwm49fxwp] {
    margin: 4px 0 4px;
}

.reports-heading p[b-vqwm49fxwp],
.section-title-row p[b-vqwm49fxwp],
.formula-note[b-vqwm49fxwp] {
    margin: 0;
    color: var(--muted-text, #63758a);
}

.filter-panel[b-vqwm49fxwp],
.panel[b-vqwm49fxwp],
.summary-card[b-vqwm49fxwp] {
    background: #fff;
    border: 1px solid #dce6f0;
    border-radius: 18px;
    box-shadow: 0 10px 28px rgba(20, 42, 69, 0.05);
}

.filter-panel[b-vqwm49fxwp],
.panel[b-vqwm49fxwp] {
    padding: 16px;
}

.filter-grid[b-vqwm49fxwp] {
    display: grid;
    grid-template-columns: minmax(170px, 220px) minmax(170px, 220px) auto;
    gap: 12px;
    align-items: end;
}

.field-group[b-vqwm49fxwp] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.field-group label[b-vqwm49fxwp] {
    font-weight: 700;
    color: #18314f;
}

.filter-button[b-vqwm49fxwp] {
    min-height: 44px;
}

.preset-row[b-vqwm49fxwp] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #edf2f7;
}

.preset-button[b-vqwm49fxwp] {
    border: 0;
    border-radius: 10px;
    background: #edf3f8;
    padding: 9px 13px;
    font-weight: 700;
    color: #27435f;
    cursor: pointer;
}

.preset-button:hover[b-vqwm49fxwp] {
    background: #dfeaf3;
}

.summary-grid[b-vqwm49fxwp] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
}

.summary-card[b-vqwm49fxwp] {
    min-width: 0;
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.summary-card span[b-vqwm49fxwp],
.summary-card small[b-vqwm49fxwp] {
    color: #63758a;
}

.summary-card strong[b-vqwm49fxwp] {
    font-size: 1.25rem;
    color: #102a43;
    white-space: nowrap;
}

.income-card[b-vqwm49fxwp] {
    border-color: #bfe9d5;
    background: #f5fcf8;
}

.service-card[b-vqwm49fxwp] {
    border-color: #cfe4ff;
    background: #f7fbff;
}

.expense-card[b-vqwm49fxwp],
.stock-card[b-vqwm49fxwp] {
    border-color: #fde1c7;
    background: #fffaf4;
}

.result-card.positive[b-vqwm49fxwp] {
    border-color: #bce9d2;
    background: #f1fbf5;
}

.result-card.negative[b-vqwm49fxwp] {
    border-color: #fecaca;
    background: #fff5f5;
}

.result-card.positive strong[b-vqwm49fxwp] {
    color: #008a4f;
}

.result-card.negative strong[b-vqwm49fxwp] {
    color: #c32929;
}

.count-pill[b-vqwm49fxwp] {
    align-self: flex-start;
    padding: 7px 10px;
    border-radius: 999px;
    background: #edf3f8;
    color: #31516e;
    font-weight: 700;
    white-space: nowrap;
}

.chart-scroll[b-vqwm49fxwp] {
    overflow-x: auto;
    padding-bottom: 4px;
}

.daily-chart[b-vqwm49fxwp] {
    min-width: 620px;
    height: 250px;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(54px, 1fr);
    gap: 8px;
    align-items: end;
    margin-top: 18px;
    padding: 0 6px;
}

.chart-column[b-vqwm49fxwp] {
    height: 100%;
    display: grid;
    grid-template-rows: 22px 1fr 24px;
    gap: 5px;
    align-items: end;
    min-width: 54px;
}

.chart-value[b-vqwm49fxwp],
.chart-date[b-vqwm49fxwp] {
    text-align: center;
    font-size: 0.76rem;
    color: #60758b;
    white-space: nowrap;
}

.chart-track[b-vqwm49fxwp] {
    height: 100%;
    display: flex;
    align-items: end;
    justify-content: center;
    border-bottom: 1px solid #dce6f0;
    background: linear-gradient(to top, rgba(237, 243, 248, 0.75), rgba(255,255,255,0));
    border-radius: 8px 8px 0 0;
    padding: 0 8px;
}

.chart-bar[b-vqwm49fxwp] {
    width: min(34px, 80%);
    min-height: 4px;
    background: linear-gradient(180deg, #25b874, #0b8b56);
    border-radius: 8px 8px 2px 2px;
    transition: height .2s ease;
}

.reports-layout[b-vqwm49fxwp] {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(360px, .75fr);
    gap: 16px;
    align-items: start;
}

.day-list[b-vqwm49fxwp],
.detail-list[b-vqwm49fxwp] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 14px;
}

.day-card[b-vqwm49fxwp] {
    border: 1px solid #dfe8f1;
    border-radius: 15px;
    padding: 14px;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.day-card.selected[b-vqwm49fxwp] {
    border-color: #32b77a;
    box-shadow: 0 0 0 2px rgba(50, 183, 122, .08);
}

.day-heading small[b-vqwm49fxwp],
.day-result span[b-vqwm49fxwp] {
    display: block;
    color: #6c7f92;
    margin-top: 4px;
}

.day-result[b-vqwm49fxwp] {
    text-align: right;
}

.day-result.positive strong[b-vqwm49fxwp] {
    color: #008a4f;
}

.day-result.negative strong[b-vqwm49fxwp] {
    color: #c32929;
}

.day-metrics[b-vqwm49fxwp] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin-top: 12px;
}

.metric-button[b-vqwm49fxwp] {
    border: 1px solid #dce6f0;
    background: #f8fbfd;
    border-radius: 12px;
    padding: 11px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    color: #18314f;
    cursor: pointer;
    text-align: left;
}

.metric-button:hover[b-vqwm49fxwp] {
    border-color: #8fcbb0;
    background: #f3fbf6;
}

.metric-button.service[b-vqwm49fxwp] {
    background: #f7fbff;
}

.metric-button.expense[b-vqwm49fxwp],
.metric-button.stock[b-vqwm49fxwp] {
    background: #fffaf5;
}

.metric-button span[b-vqwm49fxwp],
.metric-button small[b-vqwm49fxwp] {
    color: #6b7f93;
}

.metric-button small[b-vqwm49fxwp] {
    margin-top: 2px;
}

.detail-panel[b-vqwm49fxwp] {
    position: sticky;
    top: 16px;
}

.detail-title-row[b-vqwm49fxwp] {
    border-bottom: 1px solid #edf2f7;
    padding-bottom: 12px;
}

.icon-close[b-vqwm49fxwp] {
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 10px;
    background: #edf3f8;
    color: #284863;
    font-size: 1.15rem;
    cursor: pointer;
}

.detail-empty[b-vqwm49fxwp] {
    min-height: 230px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #718397;
    gap: 8px;
}

.detail-empty > div[b-vqwm49fxwp] {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    background: #eef4f8;
    font-size: 1.4rem;
}

.detail-empty p[b-vqwm49fxwp] {
    margin: 0;
    max-width: 330px;
}

.detail-summary[b-vqwm49fxwp] {
    margin-top: 12px;
    padding: 11px 12px;
    border-radius: 12px;
    background: #f0f7f4;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    color: #486276;
}

.detail-summary strong[b-vqwm49fxwp] {
    color: #008a4f;
}

.detail-item[b-vqwm49fxwp] {
    border: 1px solid #e1e9f1;
    border-radius: 13px;
    padding: 12px;
}

.detail-item-top small[b-vqwm49fxwp] {
    display: block;
    margin-top: 4px;
    color: #718397;
}

.detail-amount[b-vqwm49fxwp] {
    color: #102a43;
    white-space: nowrap;
}

.detail-meta[b-vqwm49fxwp] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 9px;
}

.detail-meta span[b-vqwm49fxwp] {
    border-radius: 999px;
    background: #edf3f8;
    color: #49637c;
    padding: 5px 8px;
    font-size: .78rem;
}

.detail-note[b-vqwm49fxwp] {
    margin: 9px 0 0;
    color: #61758a;
    font-size: .86rem;
}

.formula-panel[b-vqwm49fxwp] {
    display: grid;
    gap: 14px;
}

.formula-grid[b-vqwm49fxwp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.formula-grid > div[b-vqwm49fxwp] {
    border-radius: 13px;
    background: #f7fafc;
    padding: 13px;
}

.formula-grid span[b-vqwm49fxwp],
.formula-grid strong[b-vqwm49fxwp] {
    display: block;
}

.formula-grid span[b-vqwm49fxwp] {
    color: #6a7e91;
    margin-bottom: 4px;
}

.compact-empty[b-vqwm49fxwp] {
    min-height: 100px;
    display: grid;
    place-items: center;
    color: #718397;
}

.compact-loading[b-vqwm49fxwp] {
    min-height: 160px;
}

@media (max-width: 1280px) {
    .summary-grid[b-vqwm49fxwp] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .reports-layout[b-vqwm49fxwp] {
        grid-template-columns: 1fr;
    }

    .detail-panel[b-vqwm49fxwp] {
        position: static;
    }
}

@media (max-width: 820px) {
    .reports-heading[b-vqwm49fxwp],
    .section-title-row[b-vqwm49fxwp],
    .day-heading[b-vqwm49fxwp],
    .detail-item-top[b-vqwm49fxwp] {
        flex-direction: column;
        align-items: stretch;
    }

    .reports-heading .button[b-vqwm49fxwp] {
        width: 100%;
    }

    .filter-grid[b-vqwm49fxwp],
    .summary-grid[b-vqwm49fxwp],
    .formula-grid[b-vqwm49fxwp] {
        grid-template-columns: 1fr;
    }

    .filter-button[b-vqwm49fxwp] {
        width: 100%;
    }

    .day-result[b-vqwm49fxwp] {
        text-align: left;
    }

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

    .summary-card strong[b-vqwm49fxwp] {
        white-space: normal;
    }
}

@media (max-width: 520px) {
    .filter-panel[b-vqwm49fxwp],
    .panel[b-vqwm49fxwp] {
        padding: 13px;
        border-radius: 15px;
    }

    .day-metrics[b-vqwm49fxwp] {
        grid-template-columns: 1fr;
    }

    .metric-button[b-vqwm49fxwp] {
        min-height: 68px;
    }

    .daily-chart[b-vqwm49fxwp] {
        min-width: 520px;
        height: 220px;
    }
}
/* /Pages/Schedule.razor.rz.scp.css */
.schedule-page[b-sh9vm31d9y] { display: grid; gap: 18px; }
.schedule-heading[b-sh9vm31d9y] { display: flex; flex-direction: column; gap: 14px; padding: 2px 0 4px; }
.schedule-heading h1[b-sh9vm31d9y] { margin-bottom: 5px; }
.schedule-heading p[b-sh9vm31d9y] { margin: 0; }
.schedule-actions[b-sh9vm31d9y] { display: flex; flex-wrap: wrap; gap: 9px; align-items: center; }
.schedule-actions .button[b-sh9vm31d9y] { min-width: 118px; }
.date-toolbar[b-sh9vm31d9y] { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; width: 100%; background: #fff; border: 1px solid var(--border); border-radius: 16px; padding: 10px; box-shadow: 0 5px 18px rgba(26,55,84,.04); }
.date-nav[b-sh9vm31d9y] { width: 42px; height: 42px; flex: 0 0 42px; border-radius: 11px; border: 1px solid #d8e2ed; background: #f8fbfe; color: #203a55; font-size: 1.5rem; line-height: 1; }
.date-nav:hover[b-sh9vm31d9y] { background: #eaf3fb; color: #0c527f; border-color: #bdd3e7; }
.date-input[b-sh9vm31d9y] { min-height: 42px; flex: 1 1 170px; max-width: 230px; border: 1px solid #cbd8e5; border-radius: 10px; padding: 7px 11px; color: #17324d; background: white; }
.schedule-alert[b-sh9vm31d9y] { margin: 0; }
.booking-form-card[b-sh9vm31d9y], .empty-schedule[b-sh9vm31d9y] { background: white; border: 1px solid var(--border); border-radius: 18px; box-shadow: var(--shadow); padding: 17px; }
.form-heading[b-sh9vm31d9y] { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 17px; padding-bottom: 13px; border-bottom: 1px solid #edf2f6; }
.form-heading h2[b-sh9vm31d9y] { margin-bottom: 4px; }
.form-heading small[b-sh9vm31d9y] { color: var(--muted); }
.icon-close[b-sh9vm31d9y] { width: 38px; height: 38px; flex: 0 0 38px; border: 0; border-radius: 10px; background: #eef3f8; color: #304a64; font-size: 1.45rem; }
.icon-close:hover[b-sh9vm31d9y] { background: #e2ebf4; color: #173b61; }
.booking-form-grid[b-sh9vm31d9y] { display: grid; grid-template-columns: 1fr; gap: 13px; }
.note-input[b-sh9vm31d9y] { resize: vertical; min-height: 82px; }
.form-actions[b-sh9vm31d9y] { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 9px; margin-top: 17px; padding-top: 14px; border-top: 1px solid #edf2f6; }
.form-actions .button[b-sh9vm31d9y] { min-width: 108px; }
.empty-schedule[b-sh9vm31d9y] { text-align: center; padding: 42px 20px; }
.empty-schedule p[b-sh9vm31d9y] { margin-bottom: 0; }
.empty-icon[b-sh9vm31d9y] { width: 58px; height: 58px; border-radius: 17px; display: grid; place-items: center; margin: 0 auto 14px; background: #e6f2ff; color: #2673c4; font-size: 1.5rem; }
.booking-list[b-sh9vm31d9y] { display: grid; gap: 12px; }
.booking-card[b-sh9vm31d9y] { display: grid; grid-template-columns: 88px minmax(0, 1fr); overflow: hidden; background: #fff; border: 1px solid #dce6ef; border-radius: 17px; box-shadow: 0 7px 22px rgba(26,55,84,.06); transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease; }
.booking-card:hover[b-sh9vm31d9y] { transform: translateY(-1px); box-shadow: 0 10px 28px rgba(26,55,84,.09); border-color: #c8d9e8; }
.booking-card.scheduled[b-sh9vm31d9y] { border-left: 5px solid #f1a33b; }
.booking-card.opened[b-sh9vm31d9y] { border-left: 5px solid #13a566; }
.booking-card.warning[b-sh9vm31d9y] { border-left: 5px solid #2d85f4; }
.booking-card.inactive[b-sh9vm31d9y] { opacity: .7; }
.booking-time-block[b-sh9vm31d9y] { padding: 16px 10px; background: linear-gradient(180deg,#f5f8fb,#eef4f8); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; color: #24425e; border-right: 1px solid #e5edf4; }
.booking-time-block strong[b-sh9vm31d9y] { font-size: 1.08rem; color: #102b45; font-variant-numeric: tabular-nums; }
.booking-time-block span[b-sh9vm31d9y] { font-size: .77rem; color: #657b91; }
.booking-content[b-sh9vm31d9y] { min-width: 0; padding: 15px 16px; }
.booking-title-row[b-sh9vm31d9y] { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.booking-title-row h2[b-sh9vm31d9y] { font-size: 1.06rem; margin-bottom: 4px; color: #102b45; overflow-wrap: anywhere; }
.booking-customer[b-sh9vm31d9y] { color: #496177; font-weight: 700; font-size: .86rem; }
.booking-meta[b-sh9vm31d9y] { display: flex; flex-wrap: wrap; gap: 8px 15px; margin-top: 11px; color: #62778d; font-size: .79rem; }
.booking-buttons[b-sh9vm31d9y] { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 13px; padding-top: 12px; border-top: 1px solid #edf1f5; }
.booking-buttons .button[b-sh9vm31d9y] { min-width: 78px; }

@media (min-width: 720px) {
    .schedule-heading[b-sh9vm31d9y] { flex-direction: row; align-items: flex-start; justify-content: space-between; }
    .date-toolbar[b-sh9vm31d9y] { width: max-content; max-width: 100%; }
    .booking-form-grid[b-sh9vm31d9y] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .field-court[b-sh9vm31d9y], .field-note[b-sh9vm31d9y] { grid-column: 1 / -1; }
    .booking-card[b-sh9vm31d9y] { grid-template-columns: 116px minmax(0, 1fr); }
}

@media (min-width: 1100px) {
    .booking-form-grid[b-sh9vm31d9y] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .field-court[b-sh9vm31d9y] { grid-column: span 1; }
    .field-note[b-sh9vm31d9y] { grid-column: 1 / -1; }
    .booking-content[b-sh9vm31d9y] { padding: 17px 19px; }
}

@media (max-width: 520px) {
    .schedule-actions[b-sh9vm31d9y], .schedule-actions .button[b-sh9vm31d9y] { width: 100%; }
    .date-toolbar .button[b-sh9vm31d9y] { flex: 1 1 100%; }
    .date-input[b-sh9vm31d9y] { max-width: none; }
    .booking-card[b-sh9vm31d9y] { grid-template-columns: 76px minmax(0,1fr); }
    .booking-title-row[b-sh9vm31d9y] { flex-direction: column; }
    .booking-buttons .button[b-sh9vm31d9y] { flex: 1 1 90px; }
}
/* /Pages/Sessions.razor.rz.scp.css */
.sessions-page[b-npxzkg6oen] { display: grid; gap: 18px; }
.sessions-heading[b-npxzkg6oen] { display: flex; flex-direction: column; gap: 14px; padding: 2px 0 4px; }
.sessions-heading[b-npxzkg6oen], .sessions-page > .alert[b-npxzkg6oen], .walkin-card[b-npxzkg6oen], .page-loading-card[b-npxzkg6oen] { order: 0; }
.available-section[b-npxzkg6oen] { order: 10; }
.social-section[b-npxzkg6oen] { order: 20; }
.session-grid[b-npxzkg6oen], .empty-sessions[b-npxzkg6oen] { order: 30; }
.detail-panel[b-npxzkg6oen] { order: 40; }
.sessions-heading p[b-npxzkg6oen] { margin: 0; }
.heading-actions[b-npxzkg6oen], .detail-heading-actions[b-npxzkg6oen] { display: flex; flex-wrap: wrap; gap: 9px; align-items: center; }
.heading-actions .button[b-npxzkg6oen] { min-width: 118px; }
.walkin-card[b-npxzkg6oen], .social-section[b-npxzkg6oen], .available-section[b-npxzkg6oen], .detail-panel[b-npxzkg6oen], .empty-sessions[b-npxzkg6oen] { background: #fff; border: 1px solid var(--border); border-radius: 18px; box-shadow: var(--shadow); padding: 16px; }
.section-head-row[b-npxzkg6oen] { display: flex; flex-direction: column; gap: 9px; margin-bottom: 14px; }
.section-head-row h2[b-npxzkg6oen], .section-head-row h3[b-npxzkg6oen] { margin-bottom: 3px; }
.section-head-row small[b-npxzkg6oen] { color: var(--muted); }
.close-button[b-npxzkg6oen] { width: 38px; height: 38px; flex: 0 0 38px; align-self: flex-start; border: 0; border-radius: 10px; background: #eef3f8; color: #304a64; font-size: 1.45rem; }
.close-button:hover[b-npxzkg6oen] { background: #e1ebf4; color: #173b61; }
.walkin-grid[b-npxzkg6oen] { display: grid; grid-template-columns: 1fr; gap: 12px; }
.form-actions[b-npxzkg6oen] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 9px; margin-top: 15px; padding-top: 14px; border-top: 1px solid #edf2f6; }
.form-actions .button[b-npxzkg6oen] { min-width: 108px; }
.session-grid[b-npxzkg6oen] { display: grid; grid-template-columns: 1fr; gap: 12px; }
.session-card[b-npxzkg6oen] { min-width: 0; background: white; border: 1px solid #dce5ee; border-radius: 17px; padding: 15px; box-shadow: 0 7px 22px rgba(26,55,84,.06); cursor: pointer; transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease; }
.session-card:hover[b-npxzkg6oen] { border-color: #a9c7e4; transform: translateY(-1px); box-shadow: 0 10px 28px rgba(26,55,84,.09); }
.session-card.selected[b-npxzkg6oen] { border-color: #15a66c; box-shadow: 0 0 0 2px rgba(21,166,108,.11), 0 10px 28px rgba(26,55,84,.08); }
.session-card.overdue[b-npxzkg6oen] { border-top: 5px solid #d64550; }
.session-card-top[b-npxzkg6oen], .social-card-top[b-npxzkg6oen] { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.session-card-top h2[b-npxzkg6oen] { margin: 2px 0 3px; font-size: 1.08rem; color: #102b45; overflow-wrap: anywhere; }
.court-type[b-npxzkg6oen], .session-kind[b-npxzkg6oen] { color: #667b90; font-size: .75rem; }
.customer-line[b-npxzkg6oen] { margin: 13px 0; padding: 9px 10px; border-radius: 10px; background: #f7fafc; font-weight: 700; color: #314b64; overflow-wrap: anywhere; }
.session-stats[b-npxzkg6oen] { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.session-stats > div[b-npxzkg6oen] { background: #f4f8fb; border: 1px solid #e9f0f5; border-radius: 12px; padding: 11px; min-width: 0; }
.session-stats span[b-npxzkg6oen], .session-stats strong[b-npxzkg6oen] { display: block; }
.session-stats span[b-npxzkg6oen] { color: #6b7e91; font-size: .68rem; font-weight: 700; }
.session-stats strong[b-npxzkg6oen] { margin-top: 5px; color: #0d2a44; font-size: 1rem; overflow-wrap: anywhere; }
.timer-value[b-npxzkg6oen] { color: #087b50 !important; font-variant-numeric: tabular-nums; }
.session-meta[b-npxzkg6oen] { display: flex; flex-wrap: wrap; gap: 7px 12px; color: #667b90; font-size: .75rem; margin-top: 12px; }
.danger-text[b-npxzkg6oen] { color: #b82f39; font-weight: 800; }
.details-button[b-npxzkg6oen] { width: 100%; min-height: 40px; margin-top: 12px; border: 1px solid #cfe0ee; border-radius: 10px; background: #f7fbfe; color: #24506f; font-weight: 800; }
.details-button:hover[b-npxzkg6oen] { background: #eaf4fb; color: #123c5e; border-color: #b8d4e9; }
.empty-sessions[b-npxzkg6oen] { text-align: center; padding: 38px 20px; }
.empty-sessions > div[b-npxzkg6oen] { width: 58px; height: 58px; border-radius: 17px; display: grid; place-items: center; margin: 0 auto 13px; background: #e3f7ed; color: #0b8555; font-size: 1.5rem; }
.empty-sessions p[b-npxzkg6oen] { margin-bottom: 0; }
.social-grid[b-npxzkg6oen], .available-grid[b-npxzkg6oen] { display: grid; grid-template-columns: 1fr; gap: 10px; }
.social-card[b-npxzkg6oen] { border: 1px solid #e2d8f5; background: linear-gradient(145deg,#fcfaff,#fff); border-radius: 14px; padding: 13px; }
.social-card-top span:not(.status-pill)[b-npxzkg6oen], .social-meta[b-npxzkg6oen] { color: #6f6480; font-size: .76rem; }
.social-card > strong[b-npxzkg6oen] { display: block; margin: 11px 0; color: #443759; }
.social-meta[b-npxzkg6oen] { display: flex; flex-wrap: wrap; gap: 7px 12px; }
.available-court[b-npxzkg6oen] { text-align: left; min-height: 82px; border: 1px solid #d9e5ee; background: #f9fcfe; color: #17324c; border-radius: 13px; padding: 12px; display: grid; gap: 4px; }
.available-court:hover[b-npxzkg6oen] { background: #eaf8f1; border-color: #9ed4ba; color: #0b6845; transform: translateY(-1px); }
.available-court span[b-npxzkg6oen], .available-court small[b-npxzkg6oen] { color: #667b90; }
.detail-panel[b-npxzkg6oen] { border-color: #b9ddcd; box-shadow: 0 12px 34px rgba(19,115,76,.08); }
.detail-heading[b-npxzkg6oen] { border-bottom: 1px solid #edf2f5; padding-bottom: 13px; }
.detail-loading[b-npxzkg6oen] { min-height: 120px; display: flex; align-items: center; justify-content: center; gap: 10px; color: var(--muted); }
.detail-summary[b-npxzkg6oen] { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 9px; margin-bottom: 13px; }
.detail-summary > div[b-npxzkg6oen] { min-width: 0; background: #f5f8fb; border: 1px solid #e8eff5; border-radius: 12px; padding: 11px; }
.detail-summary span[b-npxzkg6oen], .detail-summary strong[b-npxzkg6oen] { display: block; }
.detail-summary span[b-npxzkg6oen] { color: #6b7e91; font-size: .69rem; font-weight: 700; }
.detail-summary strong[b-npxzkg6oen] { margin-top: 5px; color: #102c47; overflow-wrap: anywhere; }
.operation-block[b-npxzkg6oen] { border: 1px solid #e1e8ef; border-radius: 14px; padding: 13px; background: #fff; }
.operation-title[b-npxzkg6oen] { display: flex; flex-direction: column; gap: 7px; margin-bottom: 12px; }
.operation-title h3[b-npxzkg6oen] { margin-bottom: 2px; }
.operation-title small[b-npxzkg6oen] { color: var(--muted); }
.next-booking[b-npxzkg6oen] { align-self: flex-start; border-radius: 999px; background: #fff1d8; color: #9a570b; padding: 5px 8px; font-size: .7rem; font-weight: 800; }
.quick-buttons[b-npxzkg6oen] { display: flex; flex-wrap: wrap; gap: 8px; }
.quick-buttons .button[b-npxzkg6oen] { min-width: 92px; }
.detail-columns[b-npxzkg6oen] { display: grid; grid-template-columns: 1fr; gap: 12px; margin-top: 12px; }
.mini-empty[b-npxzkg6oen] { color: #7a8b9c; background: #f6f8fa; border-radius: 10px; padding: 14px; text-align: center; }
.participant-list[b-npxzkg6oen], .service-list[b-npxzkg6oen] { display: grid; gap: 8px; }
.participant-row[b-npxzkg6oen] { display: flex; justify-content: space-between; align-items: center; gap: 9px; border-bottom: 1px solid #edf1f4; padding: 8px 0; }
.participant-row strong[b-npxzkg6oen], .participant-row small[b-npxzkg6oen] { display: block; }
.participant-row small[b-npxzkg6oen] { color: #6f8193; margin-top: 2px; }
.remove-link[b-npxzkg6oen] { border: 0; background: #fff1f1; color: #a72731; border-radius: 8px; padding: 7px 10px; font-weight: 700; }
.remove-link:hover[b-npxzkg6oen] { background: #fee1e3; color: #841a22; }
.participant-form[b-npxzkg6oen] { display: grid; gap: 8px; margin-top: 12px; padding-top: 12px; border-top: 1px solid #edf1f4; }
.service-add-form[b-npxzkg6oen] { display: grid; grid-template-columns: minmax(0, 1fr) 92px; gap: 8px; margin-bottom: 12px; padding: 11px; border: 1px solid #dbe8e2; background: #f5fbf8; border-radius: 12px; }
.service-add-form .button[b-npxzkg6oen] { grid-column: 1 / -1; width: 100%; }
.service-quantity[b-npxzkg6oen] { text-align: center; }
.catalog-hint[b-npxzkg6oen] { margin: -3px 0 10px; color: #7a8b9c; font-size: .76rem; }
.service-order[b-npxzkg6oen] { border: 1px solid #e6ebf0; border-radius: 11px; padding: 10px; background: #fafcfd; }
.service-order-head[b-npxzkg6oen], .service-item[b-npxzkg6oen] { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.service-order-head[b-npxzkg6oen] { padding-bottom: 8px; border-bottom: 1px solid #edf1f4; }
.service-order-head span[b-npxzkg6oen] { color: #62768a; font-size: .75rem; }
.service-item[b-npxzkg6oen] { padding-top: 8px; font-size: .78rem; color: #51677d; }
.service-item strong[b-npxzkg6oen] { color: #17324d; }
.checkout-block[b-npxzkg6oen] { margin-top: 13px; border: 1px solid #f0c9cc; background: #fff7f7; border-radius: 14px; padding: 13px; display: flex; flex-direction: column; gap: 12px; }
.checkout-block span[b-npxzkg6oen], .checkout-block strong[b-npxzkg6oen], .checkout-block small[b-npxzkg6oen] { display: block; }
.checkout-block span[b-npxzkg6oen] { color: #7d454a; font-weight: 700; }
.checkout-block strong[b-npxzkg6oen] { font-size: 1.28rem; margin: 3px 0; color: #9c252e; }
.checkout-block small[b-npxzkg6oen] { color: #8a6b6e; }
.checkout-button[b-npxzkg6oen] { width: 100%; min-width: 180px; }

@media (min-width: 720px) {
    .sessions-heading[b-npxzkg6oen], .section-head-row[b-npxzkg6oen], .operation-title[b-npxzkg6oen] { flex-direction: row; align-items: flex-start; justify-content: space-between; }
    .walkin-grid[b-npxzkg6oen] { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .session-grid[b-npxzkg6oen], .social-grid[b-npxzkg6oen], .available-grid[b-npxzkg6oen] { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .detail-summary[b-npxzkg6oen] { grid-template-columns: repeat(5, minmax(0,1fr)); }
    .service-add-form[b-npxzkg6oen] { grid-template-columns: minmax(0, 1fr) 100px auto; }
    .service-add-form .button[b-npxzkg6oen] { grid-column: auto; width: auto; }
    .checkout-block[b-npxzkg6oen] { flex-direction: row; align-items: center; justify-content: space-between; }
    .checkout-button[b-npxzkg6oen] { width: auto; }
}

@media (min-width: 1100px) {
    .walkin-grid[b-npxzkg6oen] { grid-template-columns: repeat(3, minmax(0,1fr)); }
    .session-grid[b-npxzkg6oen] { grid-template-columns: repeat(3, minmax(0,1fr)); }
    .social-grid[b-npxzkg6oen], .available-grid[b-npxzkg6oen] { grid-template-columns: repeat(3, minmax(0,1fr)); }
    .detail-columns[b-npxzkg6oen] { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 520px) {
    .heading-actions[b-npxzkg6oen], .heading-actions .button[b-npxzkg6oen] { width: 100%; }
    .session-stats[b-npxzkg6oen] { grid-template-columns: 1fr; }
    .detail-summary[b-npxzkg6oen] { grid-template-columns: 1fr; }
    .participant-row[b-npxzkg6oen] { align-items: flex-start; }
}
/* /Pages/Settings.razor.rz.scp.css */
.settings-page[b-it1fudm2vw] {
    display: grid;
    gap: 18px;
}

.settings-heading[b-it1fudm2vw],
.section-title-row[b-it1fudm2vw],
.social-rule-head[b-it1fudm2vw],
.rule-name-row[b-it1fudm2vw],
.card-actions[b-it1fudm2vw],
.form-actions[b-it1fudm2vw],
.setting-visual[b-it1fudm2vw],
.backup-row[b-it1fudm2vw],
.confirm-input-row[b-it1fudm2vw] {
    display: flex;
    align-items: center;
}

.settings-heading[b-it1fudm2vw],
.section-title-row[b-it1fudm2vw],
.social-rule-head[b-it1fudm2vw] {
    justify-content: space-between;
    gap: 16px;
}

.settings-heading p[b-it1fudm2vw],
.section-title-row p[b-it1fudm2vw] {
    margin: 6px 0 0;
    color: var(--muted);
}

.settings-tabs[b-it1fudm2vw] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    padding: 6px;
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 16px;
}

.settings-tab[b-it1fudm2vw] {
    min-height: 64px;
    border: 0;
    border-radius: 12px;
    padding: 10px 12px;
    background: transparent;
    color: var(--muted);
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    gap: 2px 8px;
    align-items: center;
    text-align: left;
}

.settings-tab > span[b-it1fudm2vw] {
    grid-row: 1 / 3;
    font-size: 1.35rem;
}

.settings-tab strong[b-it1fudm2vw] {
    color: inherit;
}

.settings-tab small[b-it1fudm2vw] {
    font-size: .75rem;
}

.settings-tab.active[b-it1fudm2vw] {
    background: #eef8f4;
    color: var(--primary-dark);
    box-shadow: inset 0 0 0 1px #bde5d3;
}

.settings-card[b-it1fudm2vw] {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 20px;
    box-shadow: var(--shadow);
}

.updated-pill[b-it1fudm2vw],
.status-pill[b-it1fudm2vw] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 5px 9px;
    font-size: .75rem;
    font-weight: 700;
    white-space: nowrap;
}

.updated-pill[b-it1fudm2vw] {
    background: #eef3f8;
    color: var(--muted);
}

.general-setting-grid[b-it1fudm2vw] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(220px, .8fr) auto;
    gap: 16px;
    align-items: end;
    margin-top: 20px;
}

.setting-visual[b-it1fudm2vw] {
    gap: 13px;
    min-height: 74px;
    padding: 14px;
    background: #f7fafc;
    border: 1px solid var(--border);
    border-radius: 14px;
}

.setting-visual > div:last-child[b-it1fudm2vw] {
    display: grid;
    gap: 4px;
}

.setting-visual small[b-it1fudm2vw] {
    color: var(--muted);
}

.setting-icon[b-it1fudm2vw],
.link-icon[b-it1fudm2vw],
.printer-icon[b-it1fudm2vw],
.backup-file-icon[b-it1fudm2vw] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    background: #e8f7f0;
    color: var(--primary-dark);
    font-weight: 800;
}

.setting-icon[b-it1fudm2vw] {
    width: 44px;
    height: 44px;
    border-radius: 13px;
    font-size: 1.25rem;
}

.info-note[b-it1fudm2vw],
.warning-note[b-it1fudm2vw],
.printer-note[b-it1fudm2vw],
.danger-confirm-card[b-it1fudm2vw] {
    margin-top: 18px;
    border-radius: 14px;
    padding: 14px 16px;
}

.info-note[b-it1fudm2vw],
.warning-note[b-it1fudm2vw] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.info-note[b-it1fudm2vw] {
    background: #eef6ff;
    border: 1px solid #cfe1f6;
    color: #285176;
}

.warning-note[b-it1fudm2vw] {
    background: #fff8e8;
    border: 1px solid #eed9a3;
    color: #72551a;
}

.social-editor[b-it1fudm2vw] {
    margin-top: 18px;
    padding: 16px;
    border: 1px solid #cfe0eb;
    border-radius: 16px;
    background: #f8fbfd;
}

.social-form-grid[b-it1fudm2vw] {
    display: grid;
    grid-template-columns: 1.5fr repeat(4, minmax(130px, .7fr));
    gap: 12px;
    margin-top: 16px;
}

.active-toggle[b-it1fudm2vw] {
    margin-top: 14px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid var(--border);
    border-radius: 13px;
    background: white;
}

.active-toggle span[b-it1fudm2vw] {
    display: grid;
    gap: 3px;
}

.active-toggle small[b-it1fudm2vw] {
    color: var(--muted);
}

.form-actions[b-it1fudm2vw],
.card-actions[b-it1fudm2vw] {
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.form-actions[b-it1fudm2vw] {
    margin-top: 16px;
}

.social-rule-grid[b-it1fudm2vw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 18px;
}

.social-rule-card[b-it1fudm2vw] {
    display: grid;
    gap: 14px;
    padding: 15px;
    border: 1px solid var(--border);
    border-radius: 15px;
    background: white;
}

.social-rule-card.inactive[b-it1fudm2vw] {
    opacity: .7;
}

.rule-name-row[b-it1fudm2vw] {
    gap: 8px;
    flex-wrap: wrap;
}

.social-rule-head small[b-it1fudm2vw] {
    display: block;
    margin-top: 5px;
    color: var(--muted);
}

.rule-price[b-it1fudm2vw] {
    color: var(--primary-dark);
    font-size: 1.2rem;
    white-space: nowrap;
}

.backup-summary[b-it1fudm2vw] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 18px;
}

.backup-summary > div[b-it1fudm2vw] {
    display: grid;
    gap: 5px;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: #f8fafc;
}

.backup-summary span[b-it1fudm2vw],
.backup-main small[b-it1fudm2vw] {
    color: var(--muted);
}

.backup-list[b-it1fudm2vw] {
    display: grid;
    gap: 9px;
    margin-top: 18px;
}

.backup-row[b-it1fudm2vw] {
    gap: 12px;
    padding: 12px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: white;
}

.backup-file-icon[b-it1fudm2vw] {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    font-size: .75rem;
}

.backup-main[b-it1fudm2vw] {
    min-width: 0;
    flex: 1;
    display: grid;
    gap: 4px;
}

.backup-main strong[b-it1fudm2vw] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.danger-confirm-card[b-it1fudm2vw] {
    background: #fff4f4;
    border: 1px solid #f0c6ca;
}

.danger-confirm-card p[b-it1fudm2vw] {
    margin: 7px 0 0;
    color: #7b3238;
}

.confirm-input-row[b-it1fudm2vw] {
    gap: 8px;
    margin-top: 14px;
    align-items: end;
}

.confirm-input-row .field-group[b-it1fudm2vw] {
    flex: 1;
}

.links-grid[b-it1fudm2vw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 18px;
}

.link-card[b-it1fudm2vw] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 12px;
    min-height: 92px;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 15px;
    background: white;
    transition: .15s ease;
}

.link-card:hover[b-it1fudm2vw] {
    transform: translateY(-1px);
    border-color: #b7cadd;
    box-shadow: 0 8px 20px rgba(20, 48, 78, .07);
}

.link-card > span:nth-child(2)[b-it1fudm2vw] {
    display: grid;
    gap: 4px;
}

.link-card small[b-it1fudm2vw] {
    color: var(--muted);
    line-height: 1.4;
}

.link-card b[b-it1fudm2vw] {
    color: var(--muted);
    font-size: 1.4rem;
}

.link-icon[b-it1fudm2vw],
.printer-icon[b-it1fudm2vw] {
    width: 42px;
    height: 42px;
    border-radius: 12px;
}

.printer-note[b-it1fudm2vw] {
    display: flex;
    gap: 13px;
    background: #f7fafc;
    border: 1px solid var(--border);
}

.printer-note p[b-it1fudm2vw] {
    margin: 5px 0 0;
}

.empty-state[b-it1fudm2vw] {
    padding: 38px 18px;
    text-align: center;
    color: var(--muted);
}

.empty-state h3[b-it1fudm2vw],
.empty-state p[b-it1fudm2vw] {
    margin: 6px 0 0;
}

.empty-icon[b-it1fudm2vw] {
    font-size: 2rem;
}

.close-button[b-it1fudm2vw] {
    width: 36px;
    height: 36px;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: white;
    color: var(--muted);
    font-size: 1.25rem;
}

@media (max-width: 1100px) {
    .social-form-grid[b-it1fudm2vw] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .social-form-grid .name-field[b-it1fudm2vw] {
        grid-column: 1 / -1;
    }
}

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

    .general-setting-grid[b-it1fudm2vw],
    .backup-summary[b-it1fudm2vw],
    .social-rule-grid[b-it1fudm2vw],
    .links-grid[b-it1fudm2vw] {
        grid-template-columns: 1fr;
    }

    .save-general-button[b-it1fudm2vw] {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .settings-page[b-it1fudm2vw] {
        gap: 14px;
    }

    .settings-heading[b-it1fudm2vw],
    .section-title-row[b-it1fudm2vw],
    .social-rule-head[b-it1fudm2vw],
    .backup-row[b-it1fudm2vw],
    .confirm-input-row[b-it1fudm2vw] {
        align-items: flex-start;
        flex-direction: column;
    }

    .settings-heading .button[b-it1fudm2vw],
    .section-title-row > .button[b-it1fudm2vw],
    .backup-actions[b-it1fudm2vw],
    .backup-actions .button[b-it1fudm2vw],
    .confirm-input-row[b-it1fudm2vw],
    .confirm-input-row .button[b-it1fudm2vw] {
        width: 100%;
    }

    .settings-card[b-it1fudm2vw] {
        padding: 15px;
    }

    .settings-tabs[b-it1fudm2vw] {
        grid-template-columns: 1fr 1fr;
    }

    .settings-tab[b-it1fudm2vw] {
        min-height: 58px;
        padding: 9px;
    }

    .social-form-grid[b-it1fudm2vw] {
        grid-template-columns: 1fr;
    }

    .social-form-grid .name-field[b-it1fudm2vw] {
        grid-column: auto;
    }

    .form-actions[b-it1fudm2vw] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Pages/Social.razor.rz.scp.css */
.social-payment-backdrop[b-jtjyesm65v] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: #0f172a99;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
}
.social-payment-modal[b-jtjyesm65v] {
    background: white;
    width: min(620px, 100%);
    max-height: 85dvh;
    overflow-y: auto;
    padding: 24px;
    border-radius: 16px;
    box-shadow: 0 20px 70px #0f172a40;
}
.social-payment-modal h2[b-jtjyesm65v] { margin-top: 0; }
.social-payment-lines > div[b-jtjyesm65v], .social-payment-total[b-jtjyesm65v] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 0;
    border-bottom: 1px solid #e2e8f0;
}
.social-payment-lines span[b-jtjyesm65v] { overflow-wrap: anywhere; }
.social-payment-lines strong[b-jtjyesm65v] { white-space: nowrap; }
.social-payment-lines small[b-jtjyesm65v] { display: block; color: #64748b; }
.social-payment-fields[b-jtjyesm65v] { border: 0; padding: 0; margin: 16px 0 0; min-width: 0; }
.social-payment-fields .field-group[b-jtjyesm65v] { margin-bottom: 14px; }
.social-payment-actions[b-jtjyesm65v] { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px; }
.social-payment-adjustment[b-jtjyesm65v] { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; line-height: 1.6; padding: 12px; background: #fff7ed; border-radius: 8px; }
@media (max-width: 480px) {
    .social-payment-modal[b-jtjyesm65v] { padding: 16px; }
    .social-payment-actions .button[b-jtjyesm65v] { flex: 1; }
}


.social-page[b-jtjyesm65v] { display:flex; flex-direction:column; gap:20px; }
.social-page .social-heading[b-jtjyesm65v] { margin-bottom:0; display:flex; justify-content:space-between; gap:20px; align-items:center; }
.social-heading h1[b-jtjyesm65v] { letter-spacing:-.04em; color:#102b3c; }
.social-heading p[b-jtjyesm65v] { margin-bottom:0; }
.social-list-section[b-jtjyesm65v], .social-detail[b-jtjyesm65v] { border:1px solid #e2e8f0; background:#fff; border-radius:20px; padding:24px; box-shadow:0 6px 24px #0f172a04; }
.social-detail .detail-title-row[b-jtjyesm65v] { padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #edf2f7; }
.social-detail h2[b-jtjyesm65v] { font-size:23px; letter-spacing:-.03em; }
.social-detail .detail-title-row p[b-jtjyesm65v] { margin:8px 0 0; font-size:13px; }
.social-page .social-session-grid[b-jtjyesm65v] { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:12px; }
.social-page .social-session-card[b-jtjyesm65v] { background:#f8fafc; border:1px solid #e2e8f0; border-radius:15px; padding:18px; min-height:132px; box-shadow:none; }
.social-page .social-session-card.selected[b-jtjyesm65v] { background:#f0fdfa; border:2px solid #0f766e; padding:17px; box-shadow:0 0 0 3px #ccfbf140; }
.social-page .social-card-top strong[b-jtjyesm65v] { font-size:18px; }
.social-page .social-card-stats[b-jtjyesm65v] { display:flex; flex-wrap:wrap; gap:10px; font-size:12px; margin:12px 0; }
.social-page .social-summary-grid[b-jtjyesm65v] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:22px; }
.social-page .social-summary-grid > div[b-jtjyesm65v] { border:1px solid #e2e8f0; border-radius:13px; padding:16px; background:#f8fafc; }
.social-page .social-summary-grid > div:last-child[b-jtjyesm65v] { background:#fff7ed; border-color:#ffedd5; }
.social-page .social-summary-grid strong[b-jtjyesm65v] { font-size:23px; margin-top:8px; letter-spacing:-.04em; }
.social-page .social-columns[b-jtjyesm65v] { display:grid; grid-template-columns:minmax(220px,.65fr) minmax(0,1.7fr); gap:20px; align-items:start; }
.social-page .operation-card[b-jtjyesm65v] { border-radius:16px; padding:18px; border-color:#e2e8f0; min-width:0; }
.social-player-toolbar[b-jtjyesm65v] { display:flex; gap:10px; flex-wrap:wrap; margin:4px 0 18px; }
.social-player-search[b-jtjyesm65v] { display:flex; align-items:center; gap:8px; flex:1; min-width:170px; border:1px solid #cbd5e1; border-radius:11px; padding-left:12px; }
.social-player-search .input-control[b-jtjyesm65v] { border:0; box-shadow:none; }
.social-player-search > span[b-jtjyesm65v] { color:#64748b; font-size:22px; }
.social-page .participant-grid[b-jtjyesm65v] { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); gap:14px; }
.social-page .participant-card[b-jtjyesm65v] { border:1px solid #dbe4ed; border-radius:16px; padding:17px; min-width:0; box-shadow:0 4px 12px #0f172a03; }
.social-page .player-avatar[b-jtjyesm65v] { background:#e0f2f1; color:#0f766e; border-radius:14px; width:44px; height:44px; }
.social-page .player-copy strong[b-jtjyesm65v] { font-size:17px; overflow-wrap:anywhere; }
.social-page .player-money-grid[b-jtjyesm65v] { gap:8px; margin:15px 0; }
.social-page .player-money-grid > div[b-jtjyesm65v] { padding:10px; border-radius:10px; background:#f8fafc; }
.social-page .player-money-grid strong[b-jtjyesm65v] { font-size:15px; }
.social-page .player-actions[b-jtjyesm65v] { display:grid; grid-template-columns:1fr 1fr; gap:8px; padding-top:14px; }
.social-page .player-actions .button[b-jtjyesm65v] { width:100%; min-width:0; white-space:normal; }
.social-page .player-actions .button.danger[b-jtjyesm65v] { background:transparent; color:#b91c1c; border-color:#fecaca; }
.social-editor-backdrop[b-jtjyesm65v] { position:fixed; inset:0; z-index:1000; background:#0f172a88; backdrop-filter:blur(3px); display:flex; align-items:center; justify-content:center; padding:24px; }
.social-editor-modal[b-jtjyesm65v] { background:#fff; width:min(820px,100%); max-height:90dvh; overflow-y:auto; overscroll-behavior:contain; padding:28px; border-radius:22px; box-shadow:0 24px 90px #0f172a40; margin:0; }
.social-dialog-heading[b-jtjyesm65v] { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; margin-bottom:24px; }
.social-dialog-heading h2[b-jtjyesm65v] { font-size:24px; letter-spacing:-.035em; }
.social-editor-modal .participant-add-form[b-jtjyesm65v] { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:18px 0; background:none; border:0; margin:0; }
.social-editor-modal .participant-add-form > .button[b-jtjyesm65v] { grid-column:1/-1; }
.social-editor-modal .field-group[b-jtjyesm65v] { margin-bottom:16px; }
.social-info-note[b-jtjyesm65v] { background:#f1f5f9; border-radius:12px; padding:14px; font-size:12px; color:#475569; line-height:1.7; margin:16px 0 0; }
.social-ticket-section[b-jtjyesm65v] { margin:20px 0; border-top:1px solid #e2e8f0; padding-top:22px; }
.step-label[b-jtjyesm65v] { font-size:10px; font-weight:800; color:#0f766e; letter-spacing:.1em; display:block; margin-bottom:8px; }
.social-editor-modal .court-choice-grid[b-jtjyesm65v] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.social-editor-modal .court-choice[b-jtjyesm65v] { display:flex; gap:10px; padding:14px; border:1px solid #cbd5e1; border-radius:12px; }
.social-editor-modal .court-choice.selected[b-jtjyesm65v] { border-color:#0f766e; background:#f0fdfa; }
.social-editor-modal .court-choice span[b-jtjyesm65v] { min-width:0; overflow-wrap:anywhere; }
.social-editor-modal .court-choice small[b-jtjyesm65v] { display:block; margin-top:5px; }
.social-editor-modal .form-actions[b-jtjyesm65v] { margin-top:22px; padding-top:18px; border-top:1px solid #e2e8f0; }
@media (max-width:1100px) { .social-page .social-columns[b-jtjyesm65v] { grid-template-columns:1fr; } }
@media (max-width:640px) {
    .social-page[b-jtjyesm65v] { gap:14px; }
    .social-page .social-heading[b-jtjyesm65v] { align-items:flex-start; flex-direction:column; }
    .social-heading .heading-actions[b-jtjyesm65v] { display:grid; grid-template-columns:1fr 1fr; width:100%; }
    .social-heading .heading-actions > .button.primary[b-jtjyesm65v] { grid-column:1/-1; }
    .social-list-section[b-jtjyesm65v], .social-detail[b-jtjyesm65v] { padding:16px; border-radius:17px; }
    .social-detail .detail-title-row[b-jtjyesm65v] { align-items:flex-start; gap:12px; }
    .social-page .social-summary-grid[b-jtjyesm65v] { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
    .social-page .social-summary-grid > div[b-jtjyesm65v] { padding:12px; }
    .social-page .social-summary-grid strong[b-jtjyesm65v] { font-size:20px; }
    .social-page .operation-card[b-jtjyesm65v] { padding:14px; }
    .social-player-toolbar > .button[b-jtjyesm65v] { width:100%; }
    .social-player-search[b-jtjyesm65v] { width:100%; }
    .social-page .participant-card[b-jtjyesm65v] { padding:14px; }
    .social-page .participant-top[b-jtjyesm65v] { flex-wrap:wrap; }
    .social-page .player-money-grid strong[b-jtjyesm65v] { font-size:14px; }
    .social-editor-backdrop[b-jtjyesm65v] { padding:0; align-items:flex-end; }
    .social-editor-modal[b-jtjyesm65v] { max-height:94dvh; border-radius:22px 22px 0 0; padding:22px 16px calc(22px + env(safe-area-inset-bottom)); }
    .social-editor-modal .participant-add-form[b-jtjyesm65v] { grid-template-columns:1fr; }
    .social-editor-modal .court-choice-grid[b-jtjyesm65v] { grid-template-columns:1fr; }
    .social-payment-modal[b-jtjyesm65v] { max-height:92dvh; }
}
@media (prefers-reduced-motion:reduce) { .social-page *[b-jtjyesm65v], .social-editor-modal *[b-jtjyesm65v] { transition:none; } }

/* Complete Social layout; these rules also apply when another module is not loaded. */
.section-heading-row[b-jtjyesm65v], .operation-heading[b-jtjyesm65v], .detail-title-row[b-jtjyesm65v] { display:flex; justify-content:space-between; align-items:center; gap:14px; margin-bottom:16px; }
.social-heading .heading-actions[b-jtjyesm65v] { display:flex; flex-wrap:wrap; gap:8px; }
.social-card-top[b-jtjyesm65v] { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.social-card-top > div[b-jtjyesm65v] { display:grid; gap:7px; }
.social-card-top .session-time[b-jtjyesm65v] { color:#64748b; font-size:12px; }
.social-session-card[b-jtjyesm65v] { text-align:left; font:inherit; color:#102033; }
.social-session-card > small[b-jtjyesm65v] { display:block; color:#526174; line-height:1.5; }
.social-summary-grid span[b-jtjyesm65v], .social-summary-grid strong[b-jtjyesm65v] { display:block; }
.social-summary-grid span[b-jtjyesm65v] { color:#526174; font-size:12px; }
.social-court-list[b-jtjyesm65v] { display:grid; gap:10px; margin:16px 0; }
.social-court-row[b-jtjyesm65v] { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px; background:#f8fafc; border:1px solid #e2e8f0; border-radius:12px; }
.social-court-row small[b-jtjyesm65v] { display:block; margin-top:5px; color:#64748b; font-size:12px; }
.add-court-form[b-jtjyesm65v] { display:grid; gap:10px; }
.participant-top[b-jtjyesm65v] { display:flex; gap:10px; align-items:center; }
.player-avatar[b-jtjyesm65v] { flex-shrink:0; display:grid; place-items:center; font-weight:800; }
.player-copy[b-jtjyesm65v] { flex:1; min-width:0; }
.player-copy small[b-jtjyesm65v] { display:block; color:#64748b; margin-top:4px; font-size:12px; }
.player-money-grid[b-jtjyesm65v] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.player-money-grid span[b-jtjyesm65v] { display:block; font-size:11px; color:#64748b; margin-bottom:7px; }
.player-money-grid strong[b-jtjyesm65v] { display:block; overflow-wrap:anywhere; }
.unpaid[b-jtjyesm65v] { color:#b91c1c; }
.participant-card > p[b-jtjyesm65v] { font-size:12px; line-height:1.6; padding:8px 0; margin-bottom:0; }
.player-service-form[b-jtjyesm65v] { display:flex; flex-wrap:wrap; gap:8px; padding:12px; margin-top:12px; border-radius:12px; background:#f1f7fc; }
.player-service-form select[b-jtjyesm65v] { flex-basis:100%; }
.player-service-form .service-qty[b-jtjyesm65v] { max-width:100px; }
.count-pill[b-jtjyesm65v] { background:#f0fdfa; color:#0f766e; border-radius:20px; padding:6px 12px; font-size:12px; font-weight:700; }
.social-empty[b-jtjyesm65v] { text-align:center; padding:32px 16px; }
.social-empty .empty-icon[b-jtjyesm65v] { font-size:40px; color:#0f766e; margin-bottom:12px; }
.mini-empty[b-jtjyesm65v] { color:#64748b; padding:20px 12px; border:1px dashed #cbd5e1; border-radius:12px; font-size:13px; text-align:center; line-height:1.6; }
.social-form-grid[b-jtjyesm65v] { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.social-form-grid .field-note[b-jtjyesm65v] { grid-column:1/-1; }
.court-choice input[b-jtjyesm65v] { accent-color:#0f766e; width:18px; height:18px; flex-shrink:0; }
.social-editor-modal .close-button[b-jtjyesm65v] { flex-shrink:0; }
.form-actions[b-jtjyesm65v] { display:flex; justify-content:flex-end; gap:10px; flex-wrap:wrap; }
@media (max-width:640px) {
    .social-heading .heading-actions[b-jtjyesm65v] { display:grid; }
    .social-form-grid[b-jtjyesm65v] { grid-template-columns:1fr; }
    .participant-top > .status-pill[b-jtjyesm65v] { margin-left:54px; }
    .detail-title-row[b-jtjyesm65v] { flex-wrap:wrap; }
    .social-editor-modal .form-actions > .button[b-jtjyesm65v] { flex:1; }
}