/* /Modules/Ai/Components/AiPromptDialog.razor.rz.scp.css */
.apd[b-23idbo2d0s] { display: flex; flex-direction: column; gap: 0.5rem; height: 100%; min-height: 0; }
.apd-row[b-23idbo2d0s] { display: flex; gap: 0.6rem; flex-wrap: wrap; }
.apd-field[b-23idbo2d0s] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.8rem; font-weight: 600; color: #33475b; color: hsl(from #33475b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.apd-key[b-23idbo2d0s] { width: 16rem; }
.apd-grow[b-23idbo2d0s] { flex: 1 1 18rem; }
.apd-field[b-23idbo2d0s]  .rz-textbox { width: 100%; font-weight: 400; }
.apd-text[b-23idbo2d0s] { flex: 1 1 auto; min-height: 0; }
.apd-textarea[b-23idbo2d0s] { flex: 1 1 auto; min-height: 20rem; width: 100%; resize: none; font-family: Consolas, "Cascadia Mono", monospace; font-size: 0.82rem;
                line-height: 1.4; font-weight: 400; border: 1px solid #c9dbe3; border: 1px solid hsl(from #c9dbe3 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 6px; padding: 0.5rem; tab-size: 2; }
.apd-warn[b-23idbo2d0s] { display: flex; align-items: center; gap: 0.35rem; font-size: 0.8rem; color: #8a5a00; background: #fff6d6; border-radius: 6px; padding: 0.3rem 0.5rem; }
.apd-error[b-23idbo2d0s] { display: flex; align-items: center; gap: 0.35rem; color: #b42318; background: #fdecec; border-radius: 6px; padding: 0.35rem 0.5rem; font-size: 0.85rem; }
.apd-buttons[b-23idbo2d0s] { display: flex; justify-content: flex-end; gap: 0.5rem; }
/* /Modules/Ai/Pages/AiPromptsPage.razor.rz.scp.css */
.ap[b-taek3tqdjj] { display: flex; flex-direction: column; gap: 0.6rem; padding: 0.8rem 1rem; max-width: 1400px; }
.ap-title[b-taek3tqdjj] { display: flex; align-items: center; gap: 0.4rem; margin: 0; font-size: 1.25rem; color: var(--vcp-ink-2); }
.ap-unlock[b-taek3tqdjj] { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
[b-taek3tqdjj] .ap-password { width: 18rem; }
.ap-error[b-taek3tqdjj] { color: #b42318; font-size: 0.85rem; }
.ap-tools[b-taek3tqdjj] { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
.ap-grow[b-taek3tqdjj] { flex: 1 1 auto; }
/* /Modules/Appointments/Components/AppointmentClashDialog.razor.rz.scp.css */
.cl[b-tvai3whx6r] { display: flex; flex-direction: column; gap: 0.7rem; }
.cl-hint[b-tvai3whx6r] { margin: 0; display: flex; align-items: center; gap: 0.4rem; color: #8a5a00; font-weight: 600; }
.cl-hint[b-tvai3whx6r]  .rzi { font-size: 1.3rem; }
.cl-list[b-tvai3whx6r] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.3rem; max-height: 18rem; overflow: auto; }
.cl-list li[b-tvai3whx6r] { display: flex; gap: 0.7rem; align-items: baseline; padding: 0.4rem 0.6rem; border-radius: 8px; background: #fff4e0; }
.cl-when[b-tvai3whx6r] { flex: 0 0 auto; font-variant-numeric: tabular-nums; font-weight: 700; color: var(--vcp-ink); white-space: nowrap; }
.cl-what[b-tvai3whx6r] { display: flex; flex-direction: column; min-width: 0; }
.cl-what strong[b-tvai3whx6r] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cl-what span[b-tvai3whx6r] { font-size: 0.8rem; color: #5b6270; }
.cl-buttons[b-tvai3whx6r] { display: flex; justify-content: flex-end; gap: 0.5rem; flex-wrap: wrap; }
/* /Modules/Appointments/Components/AppointmentEditor.razor.rz.scp.css */
/* Laid out like the Access form: owner and pet left, type/time/doctor/notes in the middle, Petz right, buttons below. */
.ed[b-krvgadwiwb] { display: flex; flex-direction: column; height: 100%; gap: 0.5rem; font-size: 0.9rem; }
.ed-top[b-krvgadwiwb] { display: flex; align-items: center; gap: 1rem; padding-bottom: 0.4rem; border-bottom: 1px solid #e3e6ea; border-bottom: 1px solid hsl(from #e3e6ea calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ed-series[b-krvgadwiwb] { display: inline-flex; align-items: center; gap: 0.2rem; color: #1565c0; color: hsl(from #1565c0 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ed-column[b-krvgadwiwb] { margin-left: auto; display: flex; align-items: center; gap: 0.4rem; }
[b-krvgadwiwb] .ed-column-list { width: 16rem; }
.ed-body[b-krvgadwiwb] { flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: 1fr 1.15fr 0.75fr; gap: 1rem; }
.ed-left[b-krvgadwiwb], .ed-middle[b-krvgadwiwb], .ed-right-col[b-krvgadwiwb] { display: flex; flex-direction: column; gap: 0.35rem; min-height: 0; overflow: auto; }
.ed-left[b-krvgadwiwb] { border-right: 1px solid #e3e6ea; border-right: 1px solid hsl(from #e3e6ea calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); padding-right: 1rem; }
.ed-label[b-krvgadwiwb] { font-size: 0.78rem; color: var(--muted, #5b6270); }
.ed-search[b-krvgadwiwb], .ed-owner[b-krvgadwiwb], .ed-row[b-krvgadwiwb] { display: flex; align-items: center; gap: 0.4rem; }
[b-krvgadwiwb] .ed-search-box, [b-krvgadwiwb] .ed-grow, .ed-grow[b-krvgadwiwb] { flex: 1 1 auto; min-width: 0; }
.ed-results[b-krvgadwiwb] { max-height: 13rem; overflow: auto; border: 1px solid #dfe3e8; border: 1px solid hsl(from #dfe3e8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 4px; }
.ed-result[b-krvgadwiwb] { display: flex; justify-content: space-between; gap: 0.5rem; width: 100%; text-align: left; font: inherit; padding: 0.3rem 0.5rem;
             border: 0; border-bottom: 1px solid #eef0f3; border-bottom: 1px solid hsl(from #eef0f3 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); background: #fff; cursor: pointer; }
.ed-result:hover[b-krvgadwiwb] { background: #eef3fa; background: hsl(from #eef3fa calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ed-id[b-krvgadwiwb] { margin: -0.2rem 0 0 2rem; font-size: 0.75rem; }
.ed-pets-head[b-krvgadwiwb] { display: flex; align-items: center; gap: 0.4rem; margin-top: 0.5rem; }
[b-krvgadwiwb] .ed-pet-filter { width: 7rem; }
.ed-pets[b-krvgadwiwb] { flex: 1 1 auto; min-height: 7rem; overflow: auto; background: #dcebf3; background: hsl(from #dcebf3 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 6px; padding: 0.25rem; display: flex; flex-direction: column; gap: 2px; }
.ed-pet[b-krvgadwiwb] { display: grid; grid-template-columns: 20px 1fr auto auto; align-items: center; gap: 0.5rem; text-align: left; font: inherit;
          padding: 0.25rem 0.4rem; border: 0; border-radius: 4px; background: transparent; cursor: pointer; }
.ed-pet:hover[b-krvgadwiwb] { background: #c9dfeb; background: hsl(from #c9dfeb calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ed-pet.selected[b-krvgadwiwb] { background: #1d2c3a; background: hsl(from #1d2c3a calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: #fff; }
.ed-pet.selected .hint[b-krvgadwiwb] { color: #c9d4de; color: hsl(from #c9d4de calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ed-pad[b-krvgadwiwb] { padding: 0.5rem; }
.ed-type[b-krvgadwiwb] { display: flex; align-items: center; justify-content: space-between; font: inherit; font-size: 1.15rem; font-weight: 700; padding: 0.6rem 0.9rem;
           border: 1px solid #b9c7d4; border: 1px solid hsl(from #b9c7d4 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 8px; background: #fff; cursor: pointer; }
.ed-types[b-krvgadwiwb] { flex: 1 1 auto; overflow: auto; border: 1px solid #dfe3e8; border: 1px solid hsl(from #dfe3e8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 6px; }
.ed-types-head[b-krvgadwiwb] { display: flex; justify-content: space-between; padding: 0.25rem 0.5rem; background: #f3f5f8; background: hsl(from #f3f5f8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); position: sticky; top: 0; }
.ed-type-row[b-krvgadwiwb] { display: flex; align-items: center; gap: 0.6rem; width: 100%; font: inherit; text-align: left; padding: 0.35rem 0.6rem; border: 0;
               border-bottom: 1px solid #eef0f3; border-bottom: 1px solid hsl(from #eef0f3 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); background: #fff; cursor: pointer; }
.ed-type-row:hover[b-krvgadwiwb] { background: #eef3fa; background: hsl(from #eef3fa calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.swatch[b-krvgadwiwb] { width: 16px; height: 16px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.2); flex: 0 0 auto; }
[b-krvgadwiwb] .ed-date { width: 9.5rem; }
[b-krvgadwiwb] .ed-time { width: 6.5rem; }
.ed-right[b-krvgadwiwb] { justify-content: flex-end; }
.ed-notes-head[b-krvgadwiwb] { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; margin-top: 0.3rem; }
[b-krvgadwiwb] .ed-presets { width: 12rem; }
[b-krvgadwiwb] .ed-notes { width: 100%; flex: 1 1 auto; min-height: 6rem; }
.ed-petz[b-krvgadwiwb] { border: 1px solid #7aa7b5; border: 1px solid hsl(from #7aa7b5 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 8px; padding: 0.5rem; min-height: 5rem; }
.ed-footer[b-krvgadwiwb] { display: flex; align-items: center; gap: 0.5rem; padding-top: 0.5rem; border-top: 1px solid #e3e6ea; border-top: 1px solid hsl(from #e3e6ea calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); flex-wrap: wrap; }
.ed-recurring[b-krvgadwiwb] { display: flex; align-items: center; gap: 0.3rem; flex-wrap: wrap; }
[b-krvgadwiwb] .ed-weeks { width: 5rem; }
.ed-day[b-krvgadwiwb] { font: inherit; font-size: 0.8rem; padding: 0.2rem 0.45rem; border: 1px solid #9fb6c4; border: 1px solid hsl(from #9fb6c4 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 6px; background: #fff; cursor: pointer; }
.ed-day.on[b-krvgadwiwb] { background: #2f7d8f; background: hsl(from #2f7d8f calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-color: #2f7d8f; border-color: hsl(from #2f7d8f calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: #fff; }
.ed-day:disabled[b-krvgadwiwb] { opacity: 0.5; cursor: default; }
.ed-problem[b-krvgadwiwb] { color: #c62828; font-size: 0.8rem; }

/* The clinic's species icons are black: white on the dark selected pet. */
.ed-pet.selected[b-krvgadwiwb]  .species-img { filter: brightness(0) invert(1); }
.ed-presets-wrap[b-krvgadwiwb] { display: inline-flex; align-items: center; gap: 0.15rem; }
/* /Modules/Appointments/Components/AppointmentTypesDialog.razor.rz.scp.css */
.at[b-xixnogobac] { display: flex; flex-direction: column; gap: 0.5rem; height: 100%; min-height: 0; }
.at-top[b-xixnogobac] { display: flex; justify-content: flex-end; font-size: 0.82rem; }
.at-table-wrap[b-xixnogobac] { flex: 1 1 auto; overflow: auto; border: 1px solid var(--vcp-line-soft); border-radius: 10px; }
.at-table[b-xixnogobac] { width: 100%; border-collapse: collapse; font-size: 0.88rem; }
.at-table th[b-xixnogobac] { position: sticky; top: 0; z-index: 1; background: #2f7f99; background: hsl(from #2f7f99 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: #fff; text-align: left; padding: 0.5rem 0.4rem; font-size: 0.8rem; white-space: nowrap; }
.at-table td[b-xixnogobac] { padding: 0.25rem 0.35rem; border-top: 1px solid #edf1f3; border-top: 1px solid hsl(from #edf1f3 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); vertical-align: middle; }
.at-name[b-xixnogobac] { display: flex; align-items: center; gap: 0.45rem; }
.at-bar[b-xixnogobac] { width: 6px; height: 1.9rem; border-radius: 3px; flex: none; border: 1px solid rgba(0, 0, 0, .08); }
.at-in[b-xixnogobac] { width: 100%; box-sizing: border-box; border: 1px solid transparent; background: var(--vcp-tint-1); border-radius: 6px; padding: 0.35rem 0.5rem; font: inherit; font-weight: 600; color: inherit; }
.at-in:focus[b-xixnogobac] { outline: none; border-color: var(--vcp-accent-dark); background: #fff; }
.at-min[b-xixnogobac] { width: 7.5rem; }
.at[b-xixnogobac]  .at-num { width: 6.5rem; }
.at-col[b-xixnogobac] { width: 5.2rem; text-align: center !important; }
.at-acts[b-xixnogobac] { width: 7.2rem; text-align: right; white-space: nowrap; }
.at-btn[b-xixnogobac] { position: relative; border: 0; background: transparent; color: var(--vcp-text-2); border-radius: 7px; width: 1.9rem; height: 1.9rem; cursor: pointer;
          display: inline-flex; align-items: center; justify-content: center; }
.at-btn:hover:not(:disabled)[b-xixnogobac] { background: var(--vcp-accent-dark); color: #fff; }
.at-btn:disabled[b-xixnogobac] { color: #c5d0d5; color: hsl(from #c5d0d5 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); cursor: default; }
.at-has[b-xixnogobac] { color: var(--vcp-accent-dark); }
.at-badge[b-xixnogobac] { position: absolute; top: 0.2rem; right: 0.2rem; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: #d9480f; border: 1px solid #fff; }
.at-del[b-xixnogobac] { color: #c62828; }
.at-del:hover:not(:disabled)[b-xixnogobac] { background: #c62828; color: #fff; }
.at-bad td[b-xixnogobac] { background: #fff6f6; }
.at-err td[b-xixnogobac] { color: #b42318; font-size: 0.8rem; border-top: 0; padding-top: 0; }
.at-empty[b-xixnogobac] { padding: 1rem; color: var(--vcp-text-3); text-align: center; }
.at-foot[b-xixnogobac] { display: flex; align-items: center; gap: 1rem; background: var(--vcp-tint-2); border-radius: 10px; padding: 0.5rem 0.75rem; }
.at-help[b-xixnogobac] { flex: 1; font-size: 0.78rem; color: var(--vcp-text-2); }
/* /Modules/Appointments/Components/CalendarColumnsDialog.razor.rz.scp.css */
.cc[b-tatgmx2qp4] { display: flex; flex-direction: column; gap: 0.5rem; height: 100%; min-height: 0; }
.cc-table-wrap[b-tatgmx2qp4] { flex: 1 1 auto; overflow: auto; border: 1px solid var(--vcp-line-soft); border-radius: 10px; }
.cc-table[b-tatgmx2qp4] { width: 100%; border-collapse: collapse; font-size: 0.88rem; }
.cc-table th[b-tatgmx2qp4] { position: sticky; top: 0; z-index: 1; background: #2f7f99; background: hsl(from #2f7f99 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: #fff; text-align: left; padding: 0.5rem 0.4rem; font-size: 0.8rem; white-space: nowrap; }
.cc-table td[b-tatgmx2qp4] { padding: 0.25rem 0.35rem; border-top: 1px solid #edf1f3; border-top: 1px solid hsl(from #edf1f3 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); vertical-align: middle; }
.cc-in[b-tatgmx2qp4] { width: 100%; box-sizing: border-box; border: 1px solid transparent; background: var(--vcp-tint-1); border-radius: 6px; padding: 0.35rem 0.5rem; font: inherit; font-weight: 600; color: inherit; }
.cc-in:focus[b-tatgmx2qp4] { outline: none; border-color: var(--vcp-accent-dark); background: #fff; }
.cc-doc[b-tatgmx2qp4] { width: 13rem; }
.cc-loc[b-tatgmx2qp4] { width: 8rem; }
.cc[b-tatgmx2qp4]  .cc-dd { width: 100%; }
.cc-num[b-tatgmx2qp4] { width: 6rem; text-align: right !important; color: var(--vcp-text-3); font-variant-numeric: tabular-nums; }
.cc-acts[b-tatgmx2qp4] { width: 7.2rem; text-align: right; white-space: nowrap; }
.cc-btn[b-tatgmx2qp4] { border: 0; background: transparent; color: var(--vcp-text-2); border-radius: 7px; width: 1.9rem; height: 1.9rem; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.cc-btn:hover:not(:disabled)[b-tatgmx2qp4] { background: var(--vcp-accent-dark); color: #fff; }
.cc-btn:disabled[b-tatgmx2qp4] { color: #c5d0d5; color: hsl(from #c5d0d5 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); cursor: default; }
.cc-del[b-tatgmx2qp4] { color: #c62828; }
.cc-del:hover:not(:disabled)[b-tatgmx2qp4] { background: #c62828; color: #fff; }
.cc-bad td[b-tatgmx2qp4] { background: #fff6f6; }
.cc-err td[b-tatgmx2qp4] { color: #b42318; font-size: 0.8rem; border-top: 0; padding-top: 0; }
.cc-empty[b-tatgmx2qp4] { padding: 1rem; color: var(--vcp-text-3); text-align: center; }
.cc-foot[b-tatgmx2qp4] { display: flex; align-items: center; gap: 1rem; background: var(--vcp-tint-2); border-radius: 10px; padding: 0.5rem 0.75rem; }
.cc-help[b-tatgmx2qp4] { flex: 1; font-size: 0.78rem; color: var(--vcp-text-2); }
/* /Modules/Appointments/Pages/AppointmentSchedule.razor.rz.scp.css */
/* Calendar on the left, side panel on the right (as in the Access calendar). */
.schedule-page[b-eu001gfp9x] { display: flex; gap: 0.75rem; align-items: flex-start; }
.sched[b-eu001gfp9x] { flex: 1 1 auto; min-width: 0; }
/* In a window: the calendar and side panel fill the window instead of the screen. */
.schedule-page.in-window[b-eu001gfp9x] { height: 100%; align-items: stretch; }
.schedule-page.standalone .side-panel[b-eu001gfp9x] { height: calc(100vh - 3.6rem); min-height: 420px; }
.side-newtab[b-eu001gfp9x] { display: inline-flex; align-items: center; justify-content: center; width: 1.9rem; height: 1.9rem; border-radius: 7px;
               color: var(--vcp-accent); text-decoration: none; }
.side-newtab:hover[b-eu001gfp9x] { background: var(--vcp-tint-1); }
.schedule-page.in-window .sched[b-eu001gfp9x] { height: 100%; }
.schedule-page.in-window .side-panel[b-eu001gfp9x] { height: 100%; min-height: 420px; }
.side-panel[b-eu001gfp9x] { flex: 0 0 250px; display: flex; flex-direction: column; height: calc(100vh - 128px); min-height: 520px; }
/* Settings: always in view, compact rows (label left, choice right). */
.side-settings[b-eu001gfp9x] { flex: 0 0 auto; display: flex; flex-direction: column; gap: 0.4rem; padding-bottom: 0.6rem; border-bottom: 1px solid var(--line, #e3e6ea); border-bottom: 1px solid var(--line, hsl(from #e3e6ea calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l)); }
.side-settings[b-eu001gfp9x] { --label-w: max-content; }
.side-row[b-eu001gfp9x] { display: grid; grid-template-columns: 6.4rem 1fr; align-items: center; gap: 0.4rem; }
.side-label[b-eu001gfp9x] { font-size: 0.76rem; color: var(--rz-text-secondary-color, #5b6270); line-height: 1.15; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.side-row[b-eu001gfp9x]  .side-doctor { width: 100%; min-width: 0; }
/* Only the month calendars and the legend scroll. */
.side-scroll[b-eu001gfp9x] { flex: 1 1 auto; min-height: 0; overflow-y: auto; display: flex; flex-direction: column; gap: 0.75rem; padding-top: 0.6rem; }
.side-months[b-eu001gfp9x] { display: flex; flex-direction: column; gap: 0.5rem; }
.side-months[b-eu001gfp9x]  .mini-month { width: 100%; }
/* Compact month calendars, closer to the Access side calendar: scaled as a whole so Radzen's day markers stay aligned. */
.side-months[b-eu001gfp9x]  .rz-calendar { width: 100%; zoom: 0.8; }
.legend[b-eu001gfp9x] { display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.8rem; color: var(--rz-text-secondary-color, #5b6270); }
.legend span[b-eu001gfp9x] { display: inline-flex; align-items: center; gap: 0.25rem; }

/* Appointment card: bold "Type | Doctor", owner/pet, notes, icons bottom-right. Text wraps like in Access. */
.appt[b-eu001gfp9x] { position: relative; height: 100%; line-height: 1.2; font-size: 0.76rem; overflow: hidden; padding-bottom: 1.1rem; }
/* Show only whole lines: the text box is cut at a multiple of the line height, so no line is half visible. */
.appt-text[b-eu001gfp9x] { max-height: round(down, 100%, 1.2em); overflow: hidden; }
.view-only[b-eu001gfp9x] { display: flex; align-items: center; gap: 0.3rem; font-size: 0.8rem; color: #8a5a00; background: #fff4ce; padding: 0.3rem 0.5rem; border-radius: 4px; }
/* Quick add: the input fills the empty cell it was typed into. */
.appt-draft-input[b-eu001gfp9x] { width: 100%; height: 100%; border: 0; outline: none; background: transparent; font: inherit; font-size: 0.8rem; padding: 0 0.2rem; }
.side-refresh .hint[b-eu001gfp9x] { white-space: nowrap; font-size: 0.75rem; }
.side-refresh[b-eu001gfp9x] { display: flex; align-items: center; justify-content: space-between; gap: 0.25rem; }
.appt-heading[b-eu001gfp9x] { font-weight: 700; white-space: normal; word-break: break-word; }
.appt-time[b-eu001gfp9x] { display: none; margin-right: 0.35rem; font-variant-numeric: tabular-nums; }
/* The month view and its "more" list (a dialog outside .sched) have no time rows, so the card shows its times. */
.rz-month-view .appt-time[b-eu001gfp9x], .rz-event-list .appt-time[b-eu001gfp9x] { display: inline; }
/* Month cells are one line high: time and heading on one cut line, icons on the right. */
.rz-month-view .appt[b-eu001gfp9x] { padding-bottom: 0; }
.rz-month-view .appt-icons[b-eu001gfp9x] { top: 0; bottom: auto; }
.rz-month-view .appt-heading[b-eu001gfp9x] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 2.4rem; }
.appt-line[b-eu001gfp9x], .appt-notes[b-eu001gfp9x] { white-space: normal; word-break: break-word; }
.appt-notes[b-eu001gfp9x] { white-space: pre-line; opacity: 0.9; }
.appt-icons[b-eu001gfp9x] { position: absolute; right: 2px; bottom: 0; display: flex; align-items: center; gap: 0.1rem; }
.species[b-eu001gfp9x] { display: inline-flex; align-items: center; line-height: 1; }
.species[b-eu001gfp9x]  .species-img { width: 16px; height: 16px; display: block; }
.species.large[b-eu001gfp9x] { vertical-align: middle; margin-right: 0.25rem; }
.species.large[b-eu001gfp9x]  .species-img { width: 24px; height: 24px; }
.appt[b-eu001gfp9x]  .appt-icon { font-size: 1rem; }
.appt[b-eu001gfp9x]  .appt-icon.status { font-size: 1.15rem; font-weight: 700; }
/* Short appointments: one line each for "Type | Doctor" and owner/pet, cut with "…"; the full text is in the tooltip. */
.appt.compact[b-eu001gfp9x] { padding-bottom: 0; }
.appt.compact .appt-icons[b-eu001gfp9x] { top: 0; bottom: auto; }
.appt.compact .appt-heading[b-eu001gfp9x], .appt.compact .appt-line[b-eu001gfp9x], .appt.compact .appt-notes[b-eu001gfp9x] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.appt.compact .appt-heading[b-eu001gfp9x] { padding-right: 2.4rem; }
/* All-day band: one line per item, as in Access (LATE, PERSONNEL LEAVES …); the rest is in the tooltip. */
.appt.all-day .appt-line[b-eu001gfp9x], .appt.all-day .appt-notes[b-eu001gfp9x] { display: none; }

/*
  Row height: Radzen sizes time slots (1.5em) and positions appointments in em of the calendar's font size,
  but the hour labels in rem. Setting the font size from --slot-h and the hour labels to --slot-h keeps all
  three aligned at any row height. Text inside appointments is sized in rem, so it does not grow.
*/
.sched[b-eu001gfp9x]  .rz-view-content .rz-slots { font-size: calc(var(--slot-h) / 1.5); }
.sched[b-eu001gfp9x]  .rz-slot-hours .rz-slot-header { height: var(--slot-h); }

/*
  Many columns: each column keeps a minimum width and the day view scrolls sideways, like the
  Access calendar. The whole view scrolls in both directions; the column headers stay on top and
  the hour ruler stays on the left while scrolling.
*/
.sched[b-eu001gfp9x] { --hours-w: 75px; }
.sched[b-eu001gfp9x]  .rz-resource-view { overflow: auto; }
.sched[b-eu001gfp9x]  .rz-resource-view > .rz-view-content { overflow: visible; flex: 0 0 auto; height: auto; }
.sched[b-eu001gfp9x] { --head-h: 35px; }
.sched[b-eu001gfp9x]  .rz-resource-view > .rz-view-header { position: sticky; top: 0; z-index: 4; flex: 0 0 auto; overflow: visible; background: var(--rz-base-background-color, #fff); padding-right: 0; }
.sched[b-eu001gfp9x]  .rz-resource-view > .rz-view-header:not(.rz-resource-all-day) { height: var(--head-h); }
/* The all-day row (LATE, PROCEDURES…) stays pinned just below the column names. */
.sched[b-eu001gfp9x]  .rz-resource-view > .rz-view-header.rz-resource-all-day { top: var(--head-h); z-index: 4; }
.sched[b-eu001gfp9x]  .rz-resource-view .rz-view-header > .rz-slot-header { flex: 1 0 var(--col-w); min-width: var(--col-w); padding: 0; }
.sched[b-eu001gfp9x]  .rz-resource-view-content > .rz-slots { flex: 1 0 var(--col-w); min-width: var(--col-w); }
.sched[b-eu001gfp9x]  .rz-resource-view .rz-slot-hour-header,
.sched[b-eu001gfp9x]  .rz-resource-view .rz-slot-hours { position: sticky; left: 0; z-index: 3; background: var(--rz-base-background-color, #fff); flex: 0 0 var(--hours-w); }
.sched[b-eu001gfp9x]  .rz-resource-view .rz-slot-hour-header { z-index: 5; }

.col-head[b-eu001gfp9x] { all: unset; box-sizing: border-box; display: flex; align-items: center; justify-content: center; gap: 0.15rem;
            width: 100%; height: 100%; min-height: 2.2rem; padding: 0 0.35rem; cursor: pointer; overflow: hidden; }
.col-head:hover[b-eu001gfp9x] { background: rgba(0, 0, 0, 0.05); }
.col-name[b-eu001gfp9x] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.78rem; }
.col-head[b-eu001gfp9x]  .col-toggle { font-size: 1rem; opacity: 0; }
.col-head:hover[b-eu001gfp9x]  .col-toggle, .col-head.closed[b-eu001gfp9x]  .col-toggle { opacity: 0.7; }
.col-head.closed[b-eu001gfp9x] { padding: 0; }
.side-columns[b-eu001gfp9x]  .link-button { font-size: 0.8rem; text-align: left; }
/* /Modules/Attachments/Components/AttachmentPreview.razor.rz.scp.css */
.ap-img[b-h2c5w9cp2j] { max-width: 100%; max-height: 100%; object-fit: contain; display: block; margin: auto; }
.ap-pdf[b-h2c5w9cp2j] { width: 100%; height: 100%; border: 0; background: #fff; display: block; }
.ap-video[b-h2c5w9cp2j] { max-width: 100%; max-height: calc(100% - 2rem); background: #000; display: block; margin: auto; }
.ap-note[b-h2c5w9cp2j] { margin: 0.3rem; color: #a9bac0; color: hsl(from #a9bac0 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); font-size: 0.78rem; text-align: center; }
.ap-audio[b-h2c5w9cp2j] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; height: 100%; color: #9fd3df; color: hsl(from #9fd3df calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ap-audio[b-h2c5w9cp2j]  .rzi { font-size: 4rem; }
.ap-other[b-h2c5w9cp2j] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.5rem; height: 100%; padding: 2rem; color: #dfe9ec; color: hsl(from #dfe9ec calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); text-align: center; }
.ap-other[b-h2c5w9cp2j]  .rzi { font-size: 3.4rem; color: #9fd3df; color: hsl(from #9fd3df calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ap-other span[b-h2c5w9cp2j] { color: #a9bac0; color: hsl(from #a9bac0 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); max-width: 30rem; }
.ap-download[b-h2c5w9cp2j] { display: inline-flex; align-items: center; gap: 0.3rem; margin-top: 0.4rem; height: 2.1rem; padding: 0 0.8rem; border-radius: 8px;
               background: var(--vcp-accent); color: #fff; text-decoration: none; font-weight: 600; font-size: 0.86rem; }
.ap-download[b-h2c5w9cp2j]  .rzi { font-size: 1.1rem; color: #fff; }
.ap-linkview[b-h2c5w9cp2j] { display: flex; flex-direction: column; height: 100%; min-height: 0; }
.ap-linkbar[b-h2c5w9cp2j] { flex: 0 0 auto; display: flex; align-items: center; gap: 0.5rem; padding: 0.35rem 0.5rem; background: var(--vcp-ink); color: #dfe9ec; color: hsl(from #dfe9ec calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ap-linkbar[b-h2c5w9cp2j] >  .rzi { font-size: 1.2rem; color: #9fd3df; color: hsl(from #9fd3df calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ap-linkname[b-h2c5w9cp2j] { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.2; }
.ap-linkname strong[b-h2c5w9cp2j], .ap-linkname span[b-h2c5w9cp2j] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ap-linkname strong[b-h2c5w9cp2j] { font-size: 0.85rem; }
.ap-linkname span[b-h2c5w9cp2j] { font-size: 0.72rem; color: #9fc6d0; color: hsl(from #9fc6d0 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ap-linkopen[b-h2c5w9cp2j] { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 0.3rem; height: 1.9rem; padding: 0 0.65rem; border-radius: 7px;
               background: var(--vcp-accent); color: #fff; text-decoration: none; font-weight: 600; font-size: 0.8rem; white-space: nowrap; }
.ap-linkopen:hover[b-h2c5w9cp2j] { background: #1f6b7d; background: hsl(from #1f6b7d calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ap-linkopen[b-h2c5w9cp2j]  .rzi { font-size: 1rem; color: #fff; }
.ap-frame[b-h2c5w9cp2j] { flex: 1 1 auto; min-height: 0; width: 100%; border: 0; background: #fff; display: block; }
.ap-linknote[b-h2c5w9cp2j] { flex: 0 0 auto; padding: 0.2rem 0.5rem; font-size: 0.72rem; color: #a9bac0; color: hsl(from #a9bac0 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); background: #10232b; background: hsl(from #10232b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
/* /Modules/Attachments/Components/AttachmentsPanel.razor.rz.scp.css */
/* Diagnostics, as Access's tab: the file large on the left, the list and its details on the right. */
/* A quarter for the file, three quarters for the list and its details (agreed), side by side. */
/* Edge to edge in the tab (no white frame); the divider sets the file's share (--dg-left, per user), always leaving the
   list and details room. */
/* Cancels the tab's own padding (Radzen's panel 15px + the pet form's 0.4rem 0.5rem) so the tab is used to its edges. */
.dg[b-9stfu4zuhu] { --dg-pad-y: calc(15px + 0.4rem); --dg-pad-x: calc(15px + 0.5rem);
      display: grid; grid-template-columns: minmax(8rem, min(var(--dg-left, 25%), calc(100% - 26rem))) 0.7rem minmax(0, 1fr); height: calc(100% + 2 * var(--dg-pad-y));
      min-height: 19rem; position: relative; margin: calc(-1 * var(--dg-pad-y)) calc(-1 * var(--dg-pad-x)); padding: 0.3rem; }
.dg-split[b-9stfu4zuhu] { cursor: col-resize; display: flex; align-items: center; justify-content: center; touch-action: none; outline: none; }
.dg-split[b-9stfu4zuhu]::before { content: ""; width: 4px; height: 3rem; border-radius: 4px; background: #b9ccd4; background: hsl(from #b9ccd4 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); transition: background 0.15s, height 0.15s; }
.dg-split:hover[b-9stfu4zuhu]::before, .dg-split:focus-visible[b-9stfu4zuhu]::before, .dg-split.moving[b-9stfu4zuhu]::before { background: var(--vcp-accent); height: 5rem; }
.dg.drag[b-9stfu4zuhu]::after { content: ""; position: absolute; inset: 0; border: 3px dashed var(--vcp-accent); border-radius: 12px; background: color-mix(in srgb, var(--vcp-accent) 8%, transparent); pointer-events: none; }

.dg-view[b-9stfu4zuhu] { display: flex; min-height: 0; min-width: 0; background: #fff; border: 1px solid #dfe8ec; border: 1px solid hsl(from #dfe8ec calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 10px; overflow: hidden; }
.dg-stage[b-9stfu4zuhu] { flex: 1; min-width: 0; min-height: 0; display: flex; flex-direction: column; justify-content: center; background: #10232b; background: hsl(from #10232b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.dg-empty[b-9stfu4zuhu] { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.5rem; color: #a9bac0; color: hsl(from #a9bac0 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); text-align: center; padding: 1rem; }
.dg-empty[b-9stfu4zuhu]  .rzi { font-size: 3rem; color: #6f8f9a; color: hsl(from #6f8f9a calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.dg-tools[b-9stfu4zuhu] { flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; gap: 0.3rem; padding: 0.5rem 0.35rem; background: #fff; border-left: 1px solid #e5edf0; border-left: 1px solid hsl(from #e5edf0 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.dg-tools button[b-9stfu4zuhu], .dg-tools a[b-9stfu4zuhu] { width: 2.3rem; height: 2.3rem; border: 0; border-radius: 9px; background: transparent; color: var(--vcp-ink); cursor: pointer;
                                display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
.dg-tools button:hover[b-9stfu4zuhu], .dg-tools a:hover[b-9stfu4zuhu] { background: #eef5f7; background: hsl(from #eef5f7 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: #1f6b7d; color: hsl(from #1f6b7d calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.dg-tools[b-9stfu4zuhu]  .rzi { font-size: 1.35rem; }
.dg-tools .dg-add[b-9stfu4zuhu] { background: var(--vcp-accent); color: #fff; }
.dg-tools .dg-add:hover[b-9stfu4zuhu] { background: #1f6b7d; background: hsl(from #1f6b7d calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: #fff; }
.dg-tools-gap[b-9stfu4zuhu] { flex: 1; }
.dg-tools .dg-del[b-9stfu4zuhu] { color: #c62828; }
.dg-tools .dg-del:hover[b-9stfu4zuhu] { background: #fdecec; color: #c62828; }

.dg-side[b-9stfu4zuhu] { display: grid; grid-template-columns: minmax(8.5rem, 1fr) minmax(14rem, 21rem); grid-template-rows: auto auto minmax(0, 1fr); gap: 0.45rem 0.7rem;
           min-height: 0; padding: 0.55rem; background: var(--vcp-ink-2); border-radius: 12px; color: #eaf3f6; color: hsl(from #eaf3f6 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.dg-tabs[b-9stfu4zuhu], .dg-uploads[b-9stfu4zuhu] { grid-column: 1 / -1; }
.dg-files[b-9stfu4zuhu] { grid-column: 1; grid-row: 3; display: flex; flex-direction: column; gap: 0.35rem; min-height: 0; }
.dg-tabs[b-9stfu4zuhu] { display: flex; flex-wrap: wrap; gap: 0.25rem; }
.dg-tabs button[b-9stfu4zuhu] { display: inline-flex; align-items: center; gap: 0.3rem; height: 1.85rem; padding: 0 0.6rem; border: 0; border-radius: 999px; background: transparent;
                  color: #cfe2e8; color: hsl(from #cfe2e8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; }
.dg-tabs button:hover[b-9stfu4zuhu] { background: rgba(255, 255, 255, 0.1); color: #fff; }
.dg-tabs button.on[b-9stfu4zuhu] { background: #fff; color: var(--vcp-ink-2); }
.dg-tabs button.drop[b-9stfu4zuhu] { outline: 2px dashed rgba(255, 255, 255, 0.55); outline-offset: -2px; }
.dg-tabs button.over[b-9stfu4zuhu] { background: #e0a100; color: #fff; outline-color: #fff; }
.dg-n[b-9stfu4zuhu] { min-width: 1.1rem; padding: 0 0.3rem; border-radius: 999px; background: rgba(255, 255, 255, 0.18); font-size: 0.7rem; text-align: center; }
.dg-tabs button.on .dg-n[b-9stfu4zuhu] { background: #e2eef2; background: hsl(from #e2eef2 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }

/* The list column can be narrow: "Visit attached" drops under the title instead of running into the details. */
.dg-files[b-9stfu4zuhu] { min-width: 0; }
.dg-list-head[b-9stfu4zuhu] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.3rem 0.5rem; min-height: 2rem; min-width: 0; }
.dg-list-head strong[b-9stfu4zuhu] { font-size: 0.95rem; color: #fff; }
.dg-visit[b-9stfu4zuhu] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.2rem 0.35rem; flex: 1 1 13rem; justify-content: flex-end; min-width: 0;
            max-width: 100%; font-size: 0.78rem; color: #cfe2e8; color: hsl(from #cfe2e8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); white-space: nowrap; }
.dg-visit[b-9stfu4zuhu]  .dg-visit-dd { flex: 1 1 7rem; min-width: 7rem; max-width: 10.5rem; height: 1.9rem; }
.dg-list[b-9stfu4zuhu] { flex: 1 1 0; min-height: 6rem; overflow: auto; display: grid; grid-template-columns: repeat(auto-fill, minmax(6.4rem, 1fr)); align-content: start; gap: 0.45rem;
           padding: 0.45rem; background: #fff; border-radius: 9px; }
.dg-list-empty[b-9stfu4zuhu] { grid-column: 1 / -1; padding: 1.5rem 0.5rem; text-align: center; color: #7d929b; color: hsl(from #7d929b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.dg-thumb[b-9stfu4zuhu] { display: flex; flex-direction: column; gap: 0.15rem; padding: 0.25rem; border: 2px solid transparent; border-radius: 9px; background: #f4f8fa; background: hsl(from #f4f8fa calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); cursor: pointer;
            font: inherit; color: var(--vcp-ink); text-align: left; min-width: 0; }
.dg-thumb:hover[b-9stfu4zuhu] { background: #e9f2f5; background: hsl(from #e9f2f5 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.dg-thumb[draggable="true"][b-9stfu4zuhu] { cursor: grab; }
.dg-thumb.on[b-9stfu4zuhu] { border-color: var(--vcp-ink-2); background: #e2eef2; background: hsl(from #e2eef2 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.dg-thumb.missing[b-9stfu4zuhu] { opacity: 0.6; }
.dg-thumb-img[b-9stfu4zuhu] { position: relative; height: 5rem; border-radius: 6px; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center;
                background: linear-gradient(135deg, #eef5f8, #e2edf1); background: linear-gradient(135deg, hsl(from #eef5f8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l), hsl(from #e2edf1 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l)); color: var(--vcp-accent); }
.dg-thumb-img img[b-9stfu4zuhu] { width: 100%; height: 100%; object-fit: cover; }
.dg-thumb-img[b-9stfu4zuhu]  .rzi { font-size: 1.9rem; }
.dg-ext[b-9stfu4zuhu] { font-size: 0.65rem; font-weight: 800; letter-spacing: 0.05em; color: var(--vcp-text-2); }
.dg-host[b-9stfu4zuhu] { max-width: 92%; font-size: 0.66rem; font-weight: 700; color: var(--vcp-text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dg-play[b-9stfu4zuhu] { position: absolute; left: 0.3rem; bottom: 0.3rem; width: 1.5rem; height: 1.5rem; border-radius: 50%; background: color-mix(in srgb, var(--vcp-ink) 75%, transparent); color: #fff;
           display: inline-flex; align-items: center; justify-content: center; }
.dg-play[b-9stfu4zuhu]  .rzi { font-size: 1rem; }
.dg-petz[b-9stfu4zuhu] { position: absolute; right: 0.25rem; top: 0.25rem; width: 1.35rem; height: 1.35rem; border-radius: 50%; background: #e0a100; color: #fff;
           display: inline-flex; align-items: center; justify-content: center; }
.dg-petz[b-9stfu4zuhu]  .rzi { font-size: 0.85rem; }
.dg-thumb-date[b-9stfu4zuhu] { font-size: 0.7rem; color: #5f7882; color: hsl(from #5f7882 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); font-variant-numeric: tabular-nums; }
.dg-thumb-text[b-9stfu4zuhu] { font-size: 0.76rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.at-pdf[b-9stfu4zuhu] { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: top; background: #fff; opacity: 0; transition: opacity 0.2s; }
.at-pdf.ready[b-9stfu4zuhu] { opacity: 1; }

.dg-details[b-9stfu4zuhu] { grid-column: 2; grid-row: 3; display: flex; flex-direction: column; gap: 0.4rem; min-height: 0; overflow: auto;
              padding-left: 0.7rem; border-left: 1px solid rgba(255, 255, 255, 0.2); }
.dg-details h3[b-9stfu4zuhu] { margin: 0; font-size: 0.95rem; color: #fff; }
.dg-types[b-9stfu4zuhu] { display: flex; flex-wrap: wrap; gap: 0.25rem; }
.dg-types button[b-9stfu4zuhu] { height: 1.8rem; padding: 0 0.6rem; border: 1px solid rgba(255, 255, 255, 0.35); border-radius: 999px; background: transparent; color: #eaf3f6; color: hsl(from #eaf3f6 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l);
                   font: inherit; font-size: 0.78rem; font-weight: 600; cursor: pointer; }
.dg-types button.on[b-9stfu4zuhu] { background: #fff; border-color: #fff; color: var(--vcp-ink-2); }
.dg-types button:disabled[b-9stfu4zuhu] { cursor: default; opacity: 0.8; }
.dg-from[b-9stfu4zuhu] { font-size: 0.8rem; color: #cfe2e8; color: hsl(from #cfe2e8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.dg-detail-row[b-9stfu4zuhu] { display: flex; flex-direction: column; gap: 0.4rem; flex: 1 1 auto; min-height: 0; }
.dg-notes[b-9stfu4zuhu] { flex: 1 1 auto; min-height: 0; }
.dg-notes textarea[b-9stfu4zuhu] { flex: 1 1 auto; }
.dg-date[b-9stfu4zuhu], .dg-notes[b-9stfu4zuhu] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.78rem; color: #cfe2e8; color: hsl(from #cfe2e8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.dg-date[b-9stfu4zuhu]  .rz-datepicker { width: 100%; }
.dg-notes textarea[b-9stfu4zuhu] { width: 100%; min-height: 3.6rem; resize: vertical; padding: 0.35rem 0.5rem; border: 0; border-radius: 8px; font: inherit; font-size: 0.86rem; color: var(--vcp-ink); }
.dg-notes textarea:disabled[b-9stfu4zuhu] { background: #e8eff2; background: hsl(from #e8eff2 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.dg-petz-row[b-9stfu4zuhu] { display: flex; align-items: center; gap: 0.4rem; font-size: 0.84rem; }
.dg-petz-row[b-9stfu4zuhu]  .rz-label { color: #eaf3f6; color: hsl(from #eaf3f6 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.dg-saved[b-9stfu4zuhu] { margin-left: auto; display: inline-flex; align-items: center; gap: 0.2rem; color: #a6e3c3; font-size: 0.78rem; }
.dg-saved[b-9stfu4zuhu]  .rzi { font-size: 1rem; }

.dg-uploads[b-9stfu4zuhu] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.25rem; }
.dg-up[b-9stfu4zuhu] { display: flex; align-items: center; gap: 0.4rem; padding: 0.3rem 0.45rem; border-radius: 8px; background: #fff; color: var(--vcp-ink); font-size: 0.8rem; }
.dg-up[b-9stfu4zuhu]  .rzi { font-size: 1.05rem; color: var(--vcp-accent); }
.dg-up.failed[b-9stfu4zuhu] { background: #fff3f3; }
.dg-up.failed[b-9stfu4zuhu]  .rzi { color: #c62828; }
.dg-up-name[b-9stfu4zuhu] { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; flex: 0 1 auto; max-width: 45%; }
.dg-up-bar[b-9stfu4zuhu] { flex: 1; height: 0.4rem; border-radius: 999px; background: #e7eff2; background: hsl(from #e7eff2 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); overflow: hidden; min-width: 3rem; }
.dg-up-bar span[b-9stfu4zuhu] { display: block; height: 100%; background: var(--vcp-accent); transition: width 0.3s; }
.dg-up-pct[b-9stfu4zuhu] { width: 2.4rem; text-align: right; font-variant-numeric: tabular-nums; }
.dg-up-msg[b-9stfu4zuhu] { flex: 1; color: #c62828; }
.dg-up-x[b-9stfu4zuhu] { width: 1.6rem; height: 1.6rem; border: 0; border-radius: 6px; background: transparent; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }

/* A narrow window: the list and details under the file. */
@media (max-width: 900px) {
    .dg[b-9stfu4zuhu] { grid-template-columns: 1fr; height: auto; margin: 0; }
    .dg-split[b-9stfu4zuhu] { display: none; }
    .dg-view[b-9stfu4zuhu] { height: 22rem; }
    .dg-side[b-9stfu4zuhu] { grid-template-columns: 1fr; grid-template-rows: none; }
    .dg-files[b-9stfu4zuhu], .dg-details[b-9stfu4zuhu] { grid-column: 1; grid-row: auto; }
    .dg-details[b-9stfu4zuhu] { border-left: 0; padding-left: 0; border-top: 1px solid rgba(255, 255, 255, 0.2); padding-top: 0.4rem; }
    .dg-list[b-9stfu4zuhu] { flex: none; max-height: 16rem; }
}
.dg-import[b-9stfu4zuhu] { position: relative; }
.dg-badge[b-9stfu4zuhu] { position: absolute; top: -0.2rem; right: -0.25rem; min-width: 1.15rem; height: 1.15rem; padding: 0 0.25rem; border-radius: 999px; background: #e0a100;
            color: #fff; font-size: 0.68rem; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; }

/* In the visit's files window there is no tab padding to cancel. */
.dg.in-visit[b-9stfu4zuhu] { --dg-pad-y: 0px; --dg-pad-x: 0px; padding: 0; height: calc(min(720px, 92vh) - 6rem); }

/* Stacked (the visit window's tab, taller than wide; asked): on top the type tabs and the files in one row that
   scrolls sideways, then one slim line for date, notes and Petz; the chosen file takes the rest of the height. */
.dg.stacked[b-9stfu4zuhu] { display: flex; flex-direction: column; gap: 0.3rem; height: 100%; min-height: 22rem; margin: 0; padding: 0; }
.dg.stacked .dg-split[b-9stfu4zuhu] { display: none; }
.dg.stacked .dg-side[b-9stfu4zuhu] { order: 0; flex: 0 0 auto; display: flex; flex-direction: column; gap: 0.3rem; padding: 0.35rem 0.4rem; border-radius: 9px; }
.dg.stacked .dg-view[b-9stfu4zuhu] { order: 1; flex: 1 1 auto; min-height: 12rem; border-radius: 9px; }
.dg.stacked .dg-tabs button[b-9stfu4zuhu] { height: 1.6rem; padding: 0 0.5rem; font-size: 0.78rem; }
.dg.stacked .dg-list-head[b-9stfu4zuhu] { display: none; }
.dg.stacked .dg-list[b-9stfu4zuhu] { display: flex; flex-direction: row; flex: 0 0 auto; min-height: 0; overflow-x: auto; overflow-y: hidden; gap: 0.35rem; padding: 0.3rem;
                       border-radius: 7px; scroll-snap-type: x proximity; }
.dg.stacked .dg-list-empty[b-9stfu4zuhu] { flex: 1 1 auto; padding: 0.6rem; }
.dg.stacked .dg-thumb[b-9stfu4zuhu] { flex: 0 0 6rem; width: 6rem; padding: 0.2rem; scroll-snap-align: start; }
.dg.stacked .dg-thumb-img[b-9stfu4zuhu] { height: 3.8rem; }
.dg.stacked .dg-thumb-text[b-9stfu4zuhu] { font-size: 0.7rem; }
.dg.stacked .dg-details[b-9stfu4zuhu] { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 0.3rem 0.6rem; padding: 0; border: 0; overflow: visible; }
.dg.stacked .dg-details h3[b-9stfu4zuhu] { display: none; }
.dg.stacked .dg-detail-row[b-9stfu4zuhu] { flex-direction: row; align-items: center; gap: 0.5rem; flex: 1 1 18rem; min-width: 0; }
.dg.stacked .dg-date[b-9stfu4zuhu], .dg.stacked .dg-notes[b-9stfu4zuhu] { flex-direction: row; align-items: center; gap: 0.35rem; }
.dg.stacked .dg-date[b-9stfu4zuhu]  .rz-datepicker { width: 9.75rem; }
.dg.stacked .dg-notes[b-9stfu4zuhu] { flex: 1 1 auto; min-width: 8rem; }
.dg.stacked .dg-notes textarea[b-9stfu4zuhu] { min-height: 0; height: 1.9rem; padding: 0.3rem 0.5rem; resize: none; field-sizing: fixed; font-size: 0.82rem; }
.dg.stacked .dg-notes textarea:focus[b-9stfu4zuhu] { height: 3.6rem; }
.dg.stacked .dg-petz-row[b-9stfu4zuhu] { flex: 0 0 auto; white-space: nowrap; }
.dg.stacked .dg-from[b-9stfu4zuhu] { font-size: 0.78rem; }
/* /Modules/Attachments/Components/AttachmentViewer.razor.rz.scp.css */
.av[b-niplm8zf2t] { height: calc(min(880px, 94vh) - 6.5rem); display: flex; flex-direction: column; gap: 0.6rem; }
.av-body[b-niplm8zf2t] { flex: 1; min-height: 0; display: flex; flex-direction: column; background: #10232b; background: hsl(from #10232b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 10px; overflow: hidden; }
.av-foot[b-niplm8zf2t] { display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; }
.av-name[b-niplm8zf2t] { font-weight: 600; color: var(--vcp-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; min-width: 8rem; }
.av-date[b-niplm8zf2t] { color: var(--vcp-text-4); font-size: 0.85rem; }
.av-btn[b-niplm8zf2t] { display: inline-flex; align-items: center; gap: 0.3rem; height: 2.1rem; padding: 0 0.8rem; border-radius: 8px; background: var(--vcp-accent); color: #fff;
          text-decoration: none; font-weight: 600; font-size: 0.86rem; }
.av-btn:hover[b-niplm8zf2t] { background: #1f6b7d; background: hsl(from #1f6b7d calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.av-btn + .av-btn[b-niplm8zf2t] { background: var(--vcp-tint-1); color: var(--vcp-ink); }
.av-btn[b-niplm8zf2t]  .rzi { font-size: 1.1rem; }
/* /Modules/Attachments/Components/CameraDialog.razor.rz.scp.css */
.cam[b-1leqk0lxyc] { display: flex; flex-direction: column; gap: 0.6rem; }
.cam-stage[b-1leqk0lxyc] { position: relative; background: #10232b; background: hsl(from #10232b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 10px; overflow: hidden; aspect-ratio: 16 / 9; display: flex; align-items: center; justify-content: center; }
.cam-stage video[b-1leqk0lxyc] { width: 100%; height: 100%; object-fit: contain; }
.cam-msg[b-1leqk0lxyc] { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.5rem; color: #cfe2e8; color: hsl(from #cfe2e8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); text-align: center; padding: 1rem; }
.cam-msg[b-1leqk0lxyc]  .rzi { font-size: 2.6rem; }
.cam-flash[b-1leqk0lxyc] { position: absolute; inset: 0; background: #fff; opacity: 0.7; }
.cam-foot[b-1leqk0lxyc] { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
[b-1leqk0lxyc] .cam-device { width: 16rem; }
.cam-count[b-1leqk0lxyc] { display: inline-flex; align-items: center; gap: 0.25rem; color: #2e9e6a; font-weight: 600; font-size: 0.88rem; }
.cam-count[b-1leqk0lxyc]  .rzi { font-size: 1.1rem; }
.cam-gap[b-1leqk0lxyc] { flex: 1; }
/* /Modules/Attachments/Components/DrawingDialog.razor.rz.scp.css */
.dw[b-25u8b882oa] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%;
    min-height: 0;
}

.dw-tools[b-25u8b882oa] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.dw-group[b-25u8b882oa] {
    display: flex;
    align-items: center;
    gap: 2px;
}

.dw-sep[b-25u8b882oa] {
    width: 1px;
    align-self: stretch;
    background: var(--rz-base-300);
    margin: 0 4px;
}

.dw-btn[b-25u8b882oa] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    color: var(--rz-text-color);
    cursor: pointer;
}

.dw-btn:hover:not(:disabled)[b-25u8b882oa] {
    background: var(--rz-base-200);
}

.dw-btn.on[b-25u8b882oa] {
    background: var(--rz-primary-lighter);
    border-color: var(--rz-primary);
    color: var(--rz-primary);
}

.dw-btn:disabled[b-25u8b882oa] {
    opacity: 0.4;
    cursor: default;
}

.dw-width span[b-25u8b882oa] {
    display: block;
    width: 18px;
    border-radius: 3px;
    background: currentColor;
}

.dw-color[b-25u8b882oa] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 2px solid transparent;
    padding: 2px;
    background: transparent;
    cursor: pointer;
}

.dw-color span[b-25u8b882oa] {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: var(--pen);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.35);
}

.dw-color.on[b-25u8b882oa] {
    border-color: var(--rz-primary);
}

.dw-adjust label[b-25u8b882oa] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-right: 6px;
    color: var(--rz-text-secondary-color);
}

.dw-adjust[b-25u8b882oa]  .dw-slider {
    width: 90px;
}

.dw-board[b-25u8b882oa] {
    position: relative;
    flex: 1;
    min-height: 0;
    overflow: auto;
    display: flex;
    background: #2b2f36;
    border-radius: 6px;
    outline: none;
    padding: 8px;
}

.dw-canvas[b-25u8b882oa] {
    margin: auto;
    touch-action: none;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
    cursor: crosshair;
}

.dw-wait[b-25u8b882oa] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* The box for text and the calibration length is made by annotate.js inside the board. */
.dw-board[b-25u8b882oa]  .vcp-annotate-ask {
    position: absolute;
    z-index: 2;
    min-width: 160px;
    padding: 4px 6px;
    font: 600 16px system-ui, sans-serif;
    background: rgba(0, 0, 0, 0.7);
    border: 1px solid var(--rz-primary);
    border-radius: 4px;
    resize: both;
}

.dw-foot[b-25u8b882oa] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.dw-hint[b-25u8b882oa] {
    color: var(--rz-text-secondary-color);
    font-size: 0.85rem;
}

.dw-error[b-25u8b882oa] {
    color: var(--rz-danger);
}

.dw-grow[b-25u8b882oa] {
    flex: 1;
}
/* /Modules/Attachments/Components/LinkDialog.razor.rz.scp.css */
.ld[b-t5f8sd39jp] { display: flex; flex-direction: column; gap: 0.75rem; }
.ld-field[b-t5f8sd39jp] { display: flex; flex-direction: column; gap: 0.25rem; font-size: 0.8rem; font-weight: 600; color: #33475b; color: hsl(from #33475b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ld-field[b-t5f8sd39jp]  .ld-input { width: 100%; }
.ld-hint[b-t5f8sd39jp], .ld-problem[b-t5f8sd39jp] { display: flex; align-items: center; gap: 0.35rem; font-size: 0.8rem; color: #5b6270; }
.ld-problem[b-t5f8sd39jp] { color: #c62828; }
.ld-hint[b-t5f8sd39jp]  .rzi, .ld-problem[b-t5f8sd39jp]  .rzi { font-size: 1.05rem; }
.ld-buttons[b-t5f8sd39jp] { display: flex; justify-content: flex-end; gap: 0.5rem; padding-top: 0.25rem; }
/* /Modules/Attachments/Components/ScanImportDialog.razor.rz.scp.css */
.si[b-8ovzhquk61] { display: flex; flex-direction: column; gap: 0.6rem; height: calc(min(820px, 92vh) - 6.5rem); }
.si-main[b-8ovzhquk61] { flex: 1; min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) 17rem; gap: 0.8rem; }
.si-stage[b-8ovzhquk61] { min-height: 0; background: #10232b; background: hsl(from #10232b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 10px; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.si-stage img[b-8ovzhquk61], .si-stage video[b-8ovzhquk61] { max-width: 100%; max-height: 100%; object-fit: contain; }
.si-stage iframe[b-8ovzhquk61] { width: 100%; height: 100%; border: 0; background: #fff; }
.si-other[b-8ovzhquk61] { display: flex; flex-direction: column; align-items: center; gap: 0.4rem; color: #cfe2e8; color: hsl(from #cfe2e8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); font-weight: 700; }
.si-other[b-8ovzhquk61]  .rzi { font-size: 3.5rem; color: #9fd3df; color: hsl(from #9fd3df calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.si-side[b-8ovzhquk61] { display: flex; flex-direction: column; gap: 0.5rem; min-height: 0; }
.si-count[b-8ovzhquk61] { font-size: 0.8rem; color: var(--vcp-text-4); font-weight: 600; }
.si-name[b-8ovzhquk61] { font-weight: 700; color: var(--vcp-ink); overflow-wrap: anywhere; }
.si-meta[b-8ovzhquk61] { font-size: 0.82rem; color: var(--vcp-text-4); }
.si-ask[b-8ovzhquk61] { margin-top: 0.4rem; font-weight: 600; color: var(--vcp-ink); }
.si-types[b-8ovzhquk61] { display: grid; grid-template-columns: 1fr 1fr; gap: 0.4rem; }
.si-type[b-8ovzhquk61] { height: 2.6rem; border: 0; border-radius: 9px; background: var(--vcp-ink-2); color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.si-type:hover[b-8ovzhquk61] { background: var(--vcp-accent); }
.si-type:disabled[b-8ovzhquk61] { opacity: 0.6; cursor: default; }
.si-error[b-8ovzhquk61] { color: #c62828; font-size: 0.85rem; }
.si-gap[b-8ovzhquk61] { flex: 1; }
.si-foot[b-8ovzhquk61] { display: flex; flex-direction: column; gap: 0.35rem; }
.si-foot[b-8ovzhquk61]  .rz-button { width: 100%; }
.si-strip[b-8ovzhquk61] { display: flex; gap: 0.35rem; overflow-x: auto; padding-bottom: 0.2rem; }
.si-strip button[b-8ovzhquk61] { flex: 0 0 auto; width: 4.2rem; height: 3.2rem; padding: 0; border: 2px solid transparent; border-radius: 7px; background: var(--vcp-tint-1); cursor: pointer;
                   overflow: hidden; display: inline-flex; align-items: center; justify-content: center; color: var(--vcp-accent); }
.si-strip button.on[b-8ovzhquk61] { border-color: var(--vcp-ink-2); }
.si-strip img[b-8ovzhquk61] { width: 100%; height: 100%; object-fit: cover; }
.si-done[b-8ovzhquk61] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.7rem; flex: 1; color: var(--vcp-ink); }
.si-done[b-8ovzhquk61]  .rzi { font-size: 3rem; color: #2e9e6a; }

/* ---- every pet's files (the main screen's import) ---- */
.si-pet[b-8ovzhquk61] { display: flex; align-items: center; gap: 0.45rem; padding: 0.45rem 0.6rem; border-radius: 9px; background: #e8f3f6; background: hsl(from #e8f3f6 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: var(--vcp-ink); }
.si-pet[b-8ovzhquk61]  .species-paw { color: var(--vcp-accent); }
.si-opt[b-8ovzhquk61] { display: inline-flex; align-items: center; gap: 0.4rem; }
.si-pet small[b-8ovzhquk61] { color: var(--vcp-text-4); margin-left: 0.25rem; }
.si-which[b-8ovzhquk61] { display: flex; flex-direction: column; gap: 0.25rem; padding: 0.45rem 0.6rem; border-radius: 9px; background: #fff4e5; color: #8a4b00; font-weight: 600; font-size: 0.88rem; }
.si-which[b-8ovzhquk61]  .rz-dropdown { width: 100%; }
.si-all[b-8ovzhquk61] { margin-top: 0.5rem; padding-top: 0.6rem; border-top: 1px solid #e1eaee; border-top: 1px solid hsl(from #e1eaee calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); display: flex; flex-direction: column; gap: 0.35rem; font-size: 0.85rem; color: #4a5f68; color: hsl(from #4a5f68 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); font-weight: 600; }
.si-all-types[b-8ovzhquk61] { display: grid; grid-template-columns: 1fr 1fr; gap: 0.3rem; }
.si-all-types button[b-8ovzhquk61] { height: 2rem; border: 1px solid var(--vcp-ink-2); border-radius: 8px; background: #fff; color: var(--vcp-ink-2); font: inherit; font-size: 0.82rem; font-weight: 700; cursor: pointer; }
.si-all-types button:hover[b-8ovzhquk61] { background: #e8f3f6; background: hsl(from #e8f3f6 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.si-all-types button:disabled[b-8ovzhquk61] { opacity: 0.6; cursor: default; }
.si-strip.named button[b-8ovzhquk61] { position: relative; width: 5.2rem; height: 3.8rem; }
.si-tag[b-8ovzhquk61] { position: absolute; left: 0; right: 0; bottom: 0; padding: 0.05rem 0.25rem; background: rgba(16, 35, 43, 0.78); color: #fff; font-size: 0.68rem;
          font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; }
.si-tag.unclear[b-8ovzhquk61] { background: #c77700; }
/* /Modules/Attachments/Components/ScanInboxButton.razor.rz.scp.css */
/* Same shape as the messages button next to it; amber, as something waiting to be done. */
.si-inbox[b-3ycmdj9ob8] {
    position: relative; display: inline-flex; align-items: center; gap: 0.45rem; height: 2.4rem; padding: 0 0.9rem; border: 1px solid #f3d19c;
    border-radius: 10px; background: #fff7eb; color: #8a4b00; font: inherit; font-size: 0.9rem; font-weight: 600; cursor: pointer;
}
.si-inbox:hover[b-3ycmdj9ob8] { background: #ffefd6; }
.si-inbox[b-3ycmdj9ob8]  .rzi { font-size: 1.3rem; color: #c77700; }
.si-inbox-badge[b-3ycmdj9ob8] { position: absolute; top: -0.45rem; right: -0.45rem; min-width: 1.35rem; height: 1.35rem; padding: 0 0.3rem; border-radius: 0.7rem;
                  background: #c77700; color: #fff; font-size: 0.75rem; font-weight: 700; display: inline-flex; align-items: center; justify-content: center;
                  box-shadow: 0 0 0 2px #fff; box-sizing: border-box; }
@media (max-width: 1100px) { .si-inbox-text[b-3ycmdj9ob8] { display: none; } }
/* /Modules/Boarding/Components/AvailabilityDialog.razor.rz.scp.css */
.av[b-25shc5gnos] { display: flex; flex-direction: column; gap: 0.6rem; }
.av-form[b-25shc5gnos] { display: grid; grid-template-columns: 1.2fr 1fr 1fr auto; gap: 0.6rem; align-items: end; }
.av-field[b-25shc5gnos] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.78rem; font-weight: 600; color: var(--vcp-text-2); }
[b-25shc5gnos] .av-in { width: 100%; }
.av-dt[b-25shc5gnos] { display: flex; gap: 0.3rem; }
[b-25shc5gnos] .av-date { width: 8.5rem; }
.av-time[b-25shc5gnos] { width: 4.2rem; border: 1px solid #c9d6dc; border: 1px solid hsl(from #c9d6dc calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 4px; padding: 0.4rem; font: inherit; font-weight: 400; }
.av-nights[b-25shc5gnos] { font-size: 0.8rem; color: var(--vcp-text-3); }
.av-error[b-25shc5gnos] { color: #b42318; font-size: 0.85rem; }
.av-list[b-25shc5gnos] { display: flex; flex-direction: column; gap: 0.25rem; max-height: 22rem; overflow: auto; }
.av-empty[b-25shc5gnos] { padding: 1rem; text-align: center; color: var(--vcp-text-3); }
.av-row[b-25shc5gnos] { display: grid; grid-template-columns: 3rem 8rem 1fr auto; gap: 0.6rem; align-items: center; border: 1px solid #e3eef1; border: 1px solid hsl(from #e3eef1 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); background: #fff;
    border-radius: 9px; padding: 0.45rem 0.6rem; font: inherit; font-size: 0.88rem; text-align: left; cursor: pointer; }
.av-row:hover[b-25shc5gnos] { border-color: var(--vcp-accent-dark); }
.av-row.all[b-25shc5gnos] { border-left: 4px solid #2e7d32; }
.av-when[b-25shc5gnos] { font-variant-numeric: tabular-nums; color: var(--vcp-text-2); }
.av-tag[b-25shc5gnos] { font-size: 0.74rem; background: #f1f3f4; background: hsl(from #f1f3f4 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 999px; padding: 0.05rem 0.5rem; }
.av-row.all .av-tag[b-25shc5gnos] { background: #edf7ee; color: #2e7d32; }
/* /Modules/Boarding/Components/BookingEditor.razor.rz.scp.css */
.be-empty[b-yql8wsmh8s] { padding: 2rem; text-align: center; color: var(--vcp-text-3); }
.be-empty.small[b-yql8wsmh8s] { padding: 1rem; font-size: 0.85rem; }
.be[b-yql8wsmh8s] { display: grid; grid-template-columns: minmax(0, 1fr) 21rem; gap: 1rem; height: 100%; min-height: 0; }
.be-main[b-yql8wsmh8s] { overflow: auto; min-height: 0; display: flex; flex-direction: column; gap: 0.5rem; padding-right: 0.3rem; }
.be-client[b-yql8wsmh8s] { display: flex; flex-direction: column; gap: 0.4rem; }
.be-client-card[b-yql8wsmh8s] { display: flex; align-items: center; gap: 0.6rem; background: var(--vcp-tint-1); border-radius: 12px; padding: 0.5rem 0.7rem; }
.be-client-card > div[b-yql8wsmh8s] { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.be-client-card small[b-yql8wsmh8s] { color: var(--vcp-text-3); font-size: 0.78rem; }
.be-link[b-yql8wsmh8s] { border: 0; background: transparent; color: var(--vcp-accent-dark); font: inherit; cursor: pointer; padding: 0; text-align: left; }
.be-link.small[b-yql8wsmh8s] { font-size: 0.78rem; }
.be-link:hover[b-yql8wsmh8s] { text-decoration: underline; }
.be-grid[b-yql8wsmh8s] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.5rem 0.8rem; }
.be-grid.two[b-yql8wsmh8s] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.be-field[b-yql8wsmh8s] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.76rem; font-weight: 600; color: var(--vcp-text-2); }
.be-field em[b-yql8wsmh8s] { color: #c62828; font-style: normal; }
[b-yql8wsmh8s] .be-in { width: 100%; font-weight: 400; }
[b-yql8wsmh8s] .be-num input { text-align: right; }
.be-dt[b-yql8wsmh8s] { display: flex; gap: 0.3rem; }
[b-yql8wsmh8s] .be-date { flex: 1; min-width: 0; }
.be-time[b-yql8wsmh8s] { width: 4.4rem; border: 1px solid #c9d6dc; border: 1px solid hsl(from #c9d6dc calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 4px; padding: 0.45rem; font: inherit; font-weight: 400; background: #fff; }
.be-flags[b-yql8wsmh8s] { display: flex; flex-wrap: wrap; gap: 0.3rem; }
.be-flag[b-yql8wsmh8s] { display: inline-flex; align-items: center; gap: 0.25rem; font-weight: 400; font-size: 0.8rem; background: #f1f3f4; background: hsl(from #f1f3f4 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 999px; padding: 0.15rem 0.5rem; cursor: pointer; }
.be-flag.on[b-yql8wsmh8s] { background: #edf7ee; color: #2e7d32; }
.be-flag.bad[b-yql8wsmh8s] { background: #fdecec; color: #c62828; }
.be-help[b-yql8wsmh8s] { font-weight: 400; color: var(--vcp-text-3); font-size: 0.7rem; }
.be-value[b-yql8wsmh8s] { font-size: 1.05rem; color: var(--vcp-ink-2); padding-top: 0.45rem; }
.be-head[b-yql8wsmh8s] { margin: 0.5rem 0 0; font-size: 0.82rem; color: var(--vcp-ink-2); border-bottom: 1px solid #f0a35e; padding-bottom: 0.15rem; }
.be-error[b-yql8wsmh8s] { display: flex; gap: 0.35rem; color: #b42318; background: #fdecec; border-radius: 6px; padding: 0.4rem 0.55rem; font-size: 0.85rem; }
.be-foot[b-yql8wsmh8s] { display: flex; align-items: center; gap: 0.5rem; padding-top: 0.4rem; }
.be-grow[b-yql8wsmh8s] { flex: 1; }
.be-pets[b-yql8wsmh8s] { display: flex; flex-direction: column; gap: 0.5rem; overflow: auto; min-height: 0; background: var(--vcp-tint-0); border-radius: 12px; padding: 0.6rem; }
.be-pets-head[b-yql8wsmh8s] { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; }
[b-yql8wsmh8s] .be-addpet { width: 11rem; }
.be-pet[b-yql8wsmh8s] { background: #fff; border: 1px solid #e3eef1; border: 1px solid hsl(from #e3eef1 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 10px; padding: 0.5rem; display: flex; flex-direction: column; gap: 0.35rem; }
.be-pet-head[b-yql8wsmh8s] { display: flex; align-items: center; gap: 0.4rem; }
.be-pet-head[b-yql8wsmh8s]  .rzi { color: #f0a35e; }
.be-choice[b-yql8wsmh8s] { display: inline-flex; align-items: center; gap: 0.35rem; }
.be-pet-name[b-yql8wsmh8s] { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.be-pet-name small[b-yql8wsmh8s] { color: var(--vcp-text-3); font-size: 0.74rem; }
[b-yql8wsmh8s] .be-sheet { font-size: 0.84rem; }
.be-pet-foot[b-yql8wsmh8s] { display: flex; align-items: center; gap: 0.6rem; }
/* /Modules/Boarding/Components/CancelBookingDialog.razor.rz.scp.css */
.cb[b-it1r1oa11n] { display: flex; flex-direction: column; gap: 0.5rem; }
.cb-opt[b-it1r1oa11n] { display: flex; gap: 0.5rem; align-items: flex-start; border: 1px solid #d6e6eb; border: 1px solid hsl(from #d6e6eb calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 10px; padding: 0.5rem 0.6rem; cursor: pointer; }
.cb-opt.on[b-it1r1oa11n] { border-color: var(--vcp-accent-dark); background: #f5fbfd; background: hsl(from #f5fbfd calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.cb-opt span[b-it1r1oa11n] { display: flex; flex-direction: column; font-size: 0.88rem; }
.cb-opt small[b-it1r1oa11n] { color: var(--vcp-text-3); font-size: 0.76rem; }
[b-it1r1oa11n] .cb-in { width: 100%; }
.cb-buttons[b-it1r1oa11n] { display: flex; justify-content: flex-end; gap: 0.5rem; }
/* /Modules/Boarding/Components/HotelBoard.razor.rz.scp.css */
.hb-empty[b-vkmjw69ynz] { padding: 2rem; text-align: center; color: var(--vcp-text-3); }
.ht[b-vkmjw69ynz] { display: flex; flex-direction: column; gap: 0.5rem; height: 100%; min-height: 0; }
.ht-bar[b-vkmjw69ynz] { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; }
.ht-nav[b-vkmjw69ynz] { border: 0; background: var(--vcp-tint-1); color: var(--vcp-accent-dark); border-radius: 8px; display: inline-flex; padding: 0.2rem; cursor: pointer; }
.ht-range[b-vkmjw69ynz] { font-size: 0.95rem; color: #1d2a30; color: hsl(from #1d2a30 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); min-width: 12rem; text-align: center; font-variant-numeric: tabular-nums; }
.ht-today[b-vkmjw69ynz] { border: 0; background: var(--vcp-tint-1); color: var(--vcp-accent-dark); border-radius: 999px; font: inherit; font-size: 0.8rem; padding: 0.2rem 0.7rem; cursor: pointer; }
[b-vkmjw69ynz] .ht-type { width: 11rem; }
[b-vkmjw69ynz] .ht-client { width: 16rem; }
.ht-grow[b-vkmjw69ynz] { flex: 1; }
.ht-clientbar[b-vkmjw69ynz] { display: flex; align-items: center; flex-wrap: wrap; gap: 0.4rem; background: var(--vcp-tint-1); border-radius: 10px; padding: 0.35rem 0.6rem; font-size: 0.86rem; }
.ht-chip[b-vkmjw69ynz] { border: 1px solid #b9d5de; border: 1px solid hsl(from #b9d5de calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); background: #fff; border-radius: 999px; padding: 0.1rem 0.6rem; font: inherit; font-size: 0.78rem; color: var(--vcp-ink-2); cursor: pointer; }
.ht-chip:hover[b-vkmjw69ynz] { border-color: var(--vcp-accent-dark); }
.ht-close[b-vkmjw69ynz] { margin-left: auto; border: 0; background: transparent; color: var(--vcp-text-3); cursor: pointer; display: inline-flex; }
.ht-muted[b-vkmjw69ynz] { color: var(--vcp-text-3); font-size: 0.78rem; }
.ht-grid[b-vkmjw69ynz] { --half: 17px; --roomw: 6.5rem; flex: 1; min-height: 0; overflow: auto; border: 1px solid #dfeaee; border: 1px solid hsl(from #dfeaee calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 12px; background: #fff; }
.ht-row[b-vkmjw69ynz] { display: flex; min-width: max-content; border-bottom: 1px solid var(--vcp-tint-1); }
.ht-head[b-vkmjw69ynz] { position: sticky; top: 0; z-index: 3; background: var(--vcp-tint-0); }
.ht-room[b-vkmjw69ynz] { position: sticky; left: 0; z-index: 2; width: var(--roomw); flex: none; display: flex; align-items: baseline; gap: 0.35rem; padding: 0.3rem 0.5rem;
    background: var(--room, var(--vcp-tint-1)); border-right: 1px solid #dfeaee; border-right: 1px solid hsl(from #dfeaee calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); font-size: 0.8rem; color: #1d2a30; color: hsl(from #1d2a30 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ht-room strong[b-vkmjw69ynz] { font-size: 0.95rem; }
.ht-room span[b-vkmjw69ynz] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.72rem; color: var(--vcp-text-2); }
.ht-corner[b-vkmjw69ynz] { background: var(--vcp-tint-0); font-weight: 600; color: var(--vcp-text-3); z-index: 4; }
.ht-cells[b-vkmjw69ynz] { display: grid; grid-template-columns: repeat(calc(var(--days) * 2), var(--half)); grid-template-rows: 2.1rem; position: relative; }
.ht-head .ht-cells[b-vkmjw69ynz] { grid-template-rows: 2.6rem; }
.ht-day[b-vkmjw69ynz] { grid-row: 1; border-left: 1px solid #f0f4f6; border-left: 1px solid hsl(from #f0f4f6 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ht-head .ht-day[b-vkmjw69ynz] { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; font-size: 0.68rem; color: var(--vcp-text-3); line-height: 1.05;
    padding-bottom: 0.2rem; position: relative; }
.ht-head .ht-day strong[b-vkmjw69ynz] { font-size: 0.8rem; color: #1d2a30; color: hsl(from #1d2a30 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ht-month[b-vkmjw69ynz] { position: absolute; top: 0.1rem; left: 0.15rem; font-weight: 700; color: var(--vcp-accent-dark); text-transform: uppercase; font-size: 0.62rem; white-space: nowrap; }
.ht-dow[b-vkmjw69ynz] { text-transform: lowercase; }
.ht-day.we[b-vkmjw69ynz] { background: #f8fafb; background: hsl(from #f8fafb calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ht-day.today[b-vkmjw69ynz] { background: #fff6e6; box-shadow: inset 2px 0 0 #f0a35e; }
.ht-stay[b-vkmjw69ynz] { grid-row: 1; z-index: 1; margin: 0.22rem 1px; border-radius: 7px; background: var(--vcp-accent-dark); color: #fff; font-size: 0.72rem; line-height: 1.1; padding: 0.15rem 0.35rem;
    overflow: hidden; white-space: nowrap; cursor: pointer; display: flex; flex-direction: column; justify-content: center; box-shadow: 0 1px 2px rgba(0,0,0,.15); }
.ht-stay em[b-vkmjw69ynz] { font-style: normal; opacity: 0.85; overflow: hidden; text-overflow: ellipsis; }
.ht-stay span[b-vkmjw69ynz] { overflow: hidden; text-overflow: ellipsis; font-weight: 600; }
.ht-stay:hover[b-vkmjw69ynz] { filter: brightness(1.1); }
.ht-stay.in[b-vkmjw69ynz] { background: #2e7d32; }
.ht-stay.out[b-vkmjw69ynz] { background: #90a4ae; background: hsl(from #90a4ae calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ht-stay.noshow[b-vkmjw69ynz] { background: repeating-linear-gradient(135deg, #c62828 0 6px, #d84343 6px 12px); }
.ht-legend[b-vkmjw69ynz] { display: flex; flex-wrap: wrap; gap: 0.9rem; font-size: 0.74rem; color: var(--vcp-text-2); align-items: center; }
.ht-legend span[b-vkmjw69ynz] { display: inline-flex; align-items: center; gap: 0.3rem; }
.ht-bar-key[b-vkmjw69ynz] { width: 1.2rem; height: 0.6rem; border-radius: 3px; display: inline-block; background: var(--vcp-accent-dark); }
.ht-bar-key.in[b-vkmjw69ynz] { background: #2e7d32; }
.ht-bar-key.out[b-vkmjw69ynz] { background: #90a4ae; background: hsl(from #90a4ae calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ht-bar-key.noshow[b-vkmjw69ynz] { background: #c62828; }
/* /Modules/Boarding/Components/HotelDay.razor.rz.scp.css */
.hd-empty[b-xjs9hq9kt2] { padding: 2rem; text-align: center; color: var(--vcp-text-3); }
.hd-empty.small[b-xjs9hq9kt2] { padding: 0.8rem; }
.hdy[b-xjs9hq9kt2] { display: flex; flex-direction: column; gap: 0.7rem; height: 100%; min-height: 0; }
.hdy-bar[b-xjs9hq9kt2] { display: flex; align-items: center; gap: 0.5rem; }
.hdy-grow[b-xjs9hq9kt2] { flex: 1; }
.hdy-stats[b-xjs9hq9kt2] { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.hdy-stat[b-xjs9hq9kt2] { display: flex; flex-direction: column; background: var(--vcp-tint-1); border-radius: 12px; padding: 0.45rem 0.9rem; min-width: 7rem; }
.hdy-stat span[b-xjs9hq9kt2] { font-size: 0.74rem; color: var(--vcp-text-3); }
.hdy-stat strong[b-xjs9hq9kt2] { font-size: 1.4rem; color: var(--vcp-ink-2); }
.hdy-stat.free[b-xjs9hq9kt2] { background: #edf7ee; }
.hdy-stat.free strong[b-xjs9hq9kt2] { color: #2e7d32; }
.hdy-stat.pets[b-xjs9hq9kt2] { background: #f3eefb; }
.hdy-cols[b-xjs9hq9kt2] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; flex: 1; min-height: 0; }
.hdy-col[b-xjs9hq9kt2] { display: flex; flex-direction: column; gap: 0.3rem; overflow: auto; min-height: 0; background: var(--vcp-tint-0); border-radius: 12px; padding: 0.5rem; }
.hdy-col-head[b-xjs9hq9kt2] { display: flex; align-items: center; gap: 0.4rem; font-size: 0.92rem; }
.hdy-count[b-xjs9hq9kt2] { background: #fff; border-radius: 999px; padding: 0 0.5rem; font-size: 0.76rem; }
.hdy-row[b-xjs9hq9kt2] { display: grid; grid-template-columns: 3.2rem 2.4rem 1fr auto auto; gap: 0.5rem; align-items: center; border: 1px solid #e3eef1; border: 1px solid hsl(from #e3eef1 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); background: #fff;
    border-radius: 9px; padding: 0.4rem 0.55rem; font: inherit; text-align: left; cursor: pointer; }
.hdy-row:hover[b-xjs9hq9kt2] { border-color: var(--vcp-accent-dark); }
.hdy-row.done[b-xjs9hq9kt2] { opacity: 0.7; }
.hdy-row.done[b-xjs9hq9kt2]  .rzi { color: #2e7d32; }
.hdy-row.noshow[b-xjs9hq9kt2] { border-left: 4px solid #c62828; }
.hdy-time[b-xjs9hq9kt2] { font-variant-numeric: tabular-nums; font-weight: 700; color: var(--vcp-ink-2); }
.hdy-room[b-xjs9hq9kt2] { background: var(--vcp-ink-2); color: #fff; border-radius: 6px; text-align: center; font-size: 0.8rem; font-weight: 700; }
.hdy-who[b-xjs9hq9kt2] { display: flex; flex-direction: column; min-width: 0; font-size: 0.86rem; }
.hdy-who small[b-xjs9hq9kt2] { color: var(--vcp-text-3); font-size: 0.74rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hdy-tag[b-xjs9hq9kt2] { font-size: 0.7rem; background: #fdecec; color: #c62828; border-radius: 999px; padding: 0 0.45rem; }
/* /Modules/Boarding/Components/KennelsSetup.razor.rz.scp.css */
.ks-empty[b-co1ed73pil] { padding: 2rem; text-align: center; color: var(--vcp-text-3); }
.ks[b-co1ed73pil] { display: flex; flex-direction: column; gap: 0.6rem; height: 100%; min-height: 0; }
.ks-gen[b-co1ed73pil] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; background: var(--vcp-tint-1); border-radius: 12px; padding: 0.5rem 0.7rem; font-size: 0.84rem; }
.ks-gen label[b-co1ed73pil] { display: inline-flex; align-items: center; gap: 0.3rem; }
[b-co1ed73pil] .ks-num { width: 4.5rem; }
[b-co1ed73pil] .ks-num input { text-align: right; }
[b-co1ed73pil] .ks-type { width: 9rem; }
[b-co1ed73pil] .ks-species { width: 9rem; }
.ks-rows[b-co1ed73pil] { flex: 1; min-height: 0; overflow: auto; display: flex; flex-direction: column; gap: 0.2rem; }
.ks-row[b-co1ed73pil] { display: grid; grid-template-columns: 5rem 1fr 1fr 4rem 5.5rem; gap: 0.5rem; align-items: center; background: #fff; border: 1px solid #e3eef1; border: 1px solid hsl(from #e3eef1 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l);
    border-left: 6px solid var(--room, #fff); border-radius: 8px; padding: 0.3rem 0.5rem; font-size: 0.88rem; }
.ks-row.on[b-co1ed73pil] { border-color: var(--vcp-accent-dark); }
.ks-head[b-co1ed73pil] { background: transparent; border: 0; font-size: 0.74rem; color: var(--vcp-text-3); font-weight: 600; }
.ks-swatch[b-co1ed73pil] { width: 1.6rem; height: 1rem; border-radius: 4px; background: var(--room); border: 1px solid #dfeaee; border: 1px solid hsl(from #dfeaee calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ks-acts[b-co1ed73pil] { display: flex; justify-content: flex-end; gap: 0.1rem; }
.ks-error[b-co1ed73pil] { color: #b42318; font-size: 0.85rem; }
/* /Modules/Boarding/Components/PastSheetDialog.razor.rz.scp.css */
.ps[b-85v9t7jsn4] { display: flex; flex-direction: column; gap: 0.3rem; max-height: 26rem; overflow: auto; }
.ps-row[b-85v9t7jsn4] { display: flex; flex-direction: column; gap: 0.2rem; text-align: left; border: 1px solid #e3eef1; border: 1px solid hsl(from #e3eef1 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); background: #fff; border-radius: 9px; padding: 0.5rem 0.6rem;
    font: inherit; cursor: pointer; }
.ps-row:hover[b-85v9t7jsn4] { border-color: var(--vcp-accent-dark); }
.ps-row span[b-85v9t7jsn4] { white-space: pre-line; font-size: 0.82rem; color: var(--vcp-text-2); max-height: 6rem; overflow: hidden; }
/* /Modules/Boarding/Components/RoomPickDialog.razor.rz.scp.css */
.rp[b-uwrfzhh52z] { display: flex; flex-direction: column; gap: 0.8rem; }
[b-uwrfzhh52z] .rp-in { width: 100%; }
.rp-buttons[b-uwrfzhh52z] { display: flex; justify-content: flex-end; gap: 0.5rem; }
/* /Modules/CallLog/Components/CallLogEditor.razor.rz.scp.css */
.cl[b-ar9xpwew8e] { display: flex; flex-direction: column; gap: 0.7rem; height: 100%; min-height: 0; }
.cl-card[b-ar9xpwew8e] { background: #fff; border: 1px solid var(--vcp-line-soft); border-radius: 13px; box-shadow: 0 2px 8px color-mix(in srgb, var(--vcp-ink) 6%, transparent); }

/* the message on top */
.cl-form[b-ar9xpwew8e] { flex: 0 0 auto; padding: 0.7rem 0.9rem 0.8rem; }
.cl-form-head[b-ar9xpwew8e] { display: flex; align-items: center; gap: 0.7rem; flex-wrap: wrap; margin-bottom: 0.55rem; }
.cl-form-icon[b-ar9xpwew8e] { width: 2.3rem; height: 2.3rem; border-radius: 10px; background: var(--vcp-tint-2); color: var(--vcp-accent); display: inline-flex; align-items: center; justify-content: center; }
.cl-form-title[b-ar9xpwew8e] { display: flex; flex-direction: column; line-height: 1.2; }
.cl-form-title strong[b-ar9xpwew8e] { font-size: 1.05rem; color: var(--vcp-ink); }
.cl-form-title small[b-ar9xpwew8e] { color: var(--vcp-text-4); }
.cl-form-title small[b-ar9xpwew8e]::first-letter { text-transform: uppercase; }
.cl-form-actions[b-ar9xpwew8e] { margin-left: auto; display: flex; align-items: center; gap: 0.4rem; flex-wrap: wrap; }
.cl-flag[b-ar9xpwew8e] { display: inline-flex; align-items: center; gap: 0.3rem; height: 2rem; padding: 0 0.7rem; border: 1px solid #dbe4e8; border: 1px solid hsl(from #dbe4e8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 8px;
           background: #fff; color: var(--vcp-text-3); font: inherit; font-size: 0.82rem; cursor: pointer; }
.cl-flag[b-ar9xpwew8e]  .rzi { font-size: 1.1rem; }
.cl-flag.seen.on[b-ar9xpwew8e] { background: #e8f5e9; border-color: #a5d6a7; color: #2e7d32; font-weight: 600; }
.cl-flag.back.on[b-ar9xpwew8e] { background: #e1f3fa; background: hsl(from #e1f3fa calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-color: #90cfe3; border-color: hsl(from #90cfe3 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: #1f6f88; color: hsl(from #1f6f88 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); font-weight: 600; }
.cl-form-body[b-ar9xpwew8e] { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 0.8rem 1.2rem; }
.cl-caller[b-ar9xpwew8e] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.45rem 0.6rem; align-content: start; }
.cl-field[b-ar9xpwew8e] { display: flex; flex-direction: column; gap: 0.15rem; grid-column: span 2; min-width: 0; position: relative; }
.cl-field.cl-wide[b-ar9xpwew8e] { grid-column: span 2; }
.cl-field.cl-quarter[b-ar9xpwew8e] { grid-column: span 1; }
.cl-field label[b-ar9xpwew8e], .cl-label-row label[b-ar9xpwew8e] { font-size: 0.74rem; font-weight: 600; color: #4b6570; color: hsl(from #4b6570 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.cl-label-row[b-ar9xpwew8e] { display: flex; align-items: center; justify-content: space-between; }
.cl-row[b-ar9xpwew8e] { display: flex; align-items: center; gap: 0.3rem; min-width: 0; }
.cl-row[b-ar9xpwew8e]  .cl-grow { flex: 1 1 auto; min-width: 0; width: 100%; }
.cl-field[b-ar9xpwew8e]  .rz-dropdown, .cl-field[b-ar9xpwew8e]  .rz-textbox, .cl-field[b-ar9xpwew8e]  .rz-numeric { width: 100%; }
.cl-icon[b-ar9xpwew8e] { flex: 0 0 auto; width: 2rem; height: 2rem; border: 0; border-radius: 8px; background: var(--vcp-tint-1); color: var(--vcp-accent); cursor: pointer;
           display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
.cl-icon:hover[b-ar9xpwew8e] { background: var(--vcp-accent); color: #fff; }
.cl-icon.danger[b-ar9xpwew8e] { background: #fdecec; color: #c62828; }
.cl-icon.danger:hover[b-ar9xpwew8e] { background: #c62828; color: #fff; }
.cl-ac[b-ar9xpwew8e] { position: relative; }
.cl-customer[b-ar9xpwew8e] { width: 100%; box-sizing: border-box; }
.cl-hits[b-ar9xpwew8e] { position: absolute; left: 0; right: 0; top: calc(100% + 0.25rem); z-index: 30; max-height: 16rem; overflow: auto; background: #fff;
           border: 1px solid #d3dde2; border: 1px solid hsl(from #d3dde2 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 10px; box-shadow: 0 12px 30px rgba(18, 45, 56, 0.18); padding: 0.25rem; }
.cl-hit[b-ar9xpwew8e] { width: 100%; display: flex; align-items: baseline; justify-content: space-between; gap: 0.6rem; padding: 0.45rem 0.6rem; border: 0;
          border-radius: 7px; background: transparent; font: inherit; text-align: left; cursor: pointer; color: var(--vcp-ink); }
.cl-hit.on[b-ar9xpwew8e] { background: #e8f2f6; background: hsl(from #e8f2f6 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.cl-hit small[b-ar9xpwew8e] { color: var(--vcp-text-4); white-space: nowrap; }
.cl-texts[b-ar9xpwew8e] { display: grid; grid-template-columns: 1fr 1fr; gap: 0.6rem; }
.cl-texts[b-ar9xpwew8e]  .cl-text { width: 100%; min-height: 7.2rem; field-sizing: content; max-height: 14rem; resize: none; line-height: 1.4; border-radius: 9px; }
.cl-count[b-ar9xpwew8e] { align-self: flex-end; font-size: 0.7rem; color: #98a8ae; }
.cl-urgent[b-ar9xpwew8e] { display: inline-flex; align-items: center; gap: 0.3rem; cursor: pointer; padding: 0.05rem 0.45rem; border-radius: 7px; }
.cl-urgent.on[b-ar9xpwew8e] { background: #fdecec; color: #c62828 !important; }
.cl-problem[b-ar9xpwew8e] { margin-top: 0.5rem; display: flex; align-items: center; gap: 0.4rem; color: #b42318; font-size: 0.88rem; }

/* the list */
.cl-list[b-ar9xpwew8e] { flex: 1 1 auto; min-height: 14rem; display: flex; flex-direction: column; overflow: hidden; }
.cl-filters[b-ar9xpwew8e] { display: flex; align-items: center; gap: 0.45rem; flex-wrap: wrap; padding: 0.6rem 0.8rem; border-bottom: 1px solid #edf1f3; border-bottom: 1px solid hsl(from #edf1f3 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.cl-filters[b-ar9xpwew8e]  .cl-date { width: 9.5rem; }
.cl-dash[b-ar9xpwew8e] { color: #98a8ae; }
.cl-seg[b-ar9xpwew8e] { display: flex; align-items: center; gap: 0.15rem; }
.cl-seg button[b-ar9xpwew8e] { height: 2rem; min-width: 2rem; padding: 0 0.55rem; border: 1px solid #dbe4e8; border: 1px solid hsl(from #dbe4e8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 8px; background: #fff; color: var(--vcp-text-2);
                 font: inherit; font-size: 0.8rem; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.cl-seg button:hover[b-ar9xpwew8e] { background: #f3f7f9; background: hsl(from #f3f7f9 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.cl-seg button.on[b-ar9xpwew8e] { background: var(--vcp-accent); border-color: var(--vcp-accent); color: #fff; font-weight: 600; }
.cl-filters[b-ar9xpwew8e]  .cl-doctor { width: 13rem; }
.cl-filters[b-ar9xpwew8e]  .cl-search { flex: 1 1 10rem; min-width: 9rem; }
.cl-tabs[b-ar9xpwew8e] { display: flex; align-items: center; gap: 0.3rem; flex-wrap: wrap; padding: 0.45rem 0.8rem; }
.cl-tab[b-ar9xpwew8e] { display: inline-flex; align-items: center; gap: 0.35rem; height: 2rem; padding: 0 0.8rem; border: 0; border-radius: 9px; background: transparent;
          color: var(--vcp-text-3); font: inherit; font-size: 0.86rem; font-weight: 600; cursor: pointer; }
.cl-tab span[b-ar9xpwew8e] { padding: 0 0.4rem; border-radius: 8px; background: var(--vcp-tint-1); color: var(--vcp-text-2); font-size: 0.74rem; }
.cl-tab:hover[b-ar9xpwew8e] { background: #f3f7f9; background: hsl(from #f3f7f9 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.cl-tab.on[b-ar9xpwew8e] { background: var(--vcp-ink); color: #fff; }
.cl-tab.on span[b-ar9xpwew8e] { background: rgba(255, 255, 255, 0.2); color: #fff; }
.cl-legend[b-ar9xpwew8e] { margin-left: auto; display: flex; align-items: center; gap: 0.35rem; font-size: 0.76rem; color: var(--vcp-text-4); }
.dot[b-ar9xpwew8e] { width: 0.7rem; height: 0.7rem; border-radius: 50%; display: inline-block; margin-left: 0.4rem; }
.dot.urgent[b-ar9xpwew8e] { background: #e57373; }
.dot.seen[b-ar9xpwew8e] { background: #81c784; }
.dot.back[b-ar9xpwew8e] { background: #4fb3d9; background: hsl(from #4fb3d9 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.cl-items[b-ar9xpwew8e] { flex: 1 1 auto; min-height: 0; overflow: auto; padding: 0.2rem 0.6rem 0.6rem; display: flex; flex-direction: column; gap: 0.4rem; }
.cl-item[b-ar9xpwew8e] { display: flex; gap: 0.75rem; padding: 0.55rem 0.7rem; border: 1px solid var(--vcp-line-soft); border-left: 5px solid #c9d6dc; border-left: 5px solid hsl(from #c9d6dc calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 10px;
           background: #fff; cursor: pointer; transition: background 0.12s, box-shadow 0.12s; }
.cl-item:hover[b-ar9xpwew8e] { background: #f7fbfc; background: hsl(from #f7fbfc calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); box-shadow: 0 2px 8px color-mix(in srgb, var(--vcp-ink) 8%, transparent); }
.cl-item.urgent[b-ar9xpwew8e] { border-left-color: #e57373; background: #fff7f7; }
.cl-item.seen[b-ar9xpwew8e] { border-left-color: #81c784; }
.cl-item.back[b-ar9xpwew8e] { border-left-color: #4fb3d9; border-left-color: hsl(from #4fb3d9 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.cl-item.current[b-ar9xpwew8e] { box-shadow: 0 0 0 2px var(--vcp-accent); }
.cl-item-when[b-ar9xpwew8e] { flex: 0 0 4.2rem; display: flex; flex-direction: column; line-height: 1.15; }
.cl-item-when strong[b-ar9xpwew8e] { font-size: 1rem; color: var(--vcp-ink); }
.cl-item-when small[b-ar9xpwew8e] { font-size: 0.74rem; color: #7d929b; color: hsl(from #7d929b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.cl-item-main[b-ar9xpwew8e] { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 0.2rem; }
.cl-item-top[b-ar9xpwew8e] { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; color: var(--vcp-ink); }
.cl-muted[b-ar9xpwew8e] { color: var(--vcp-text-4); font-size: 0.82rem; }
.cl-pet[b-ar9xpwew8e] { display: inline-flex; align-items: center; gap: 0.25rem; font-size: 0.88rem; }
.cl-pet[b-ar9xpwew8e]  .species-paw { color: #2e7d32; }
.cl-petopt[b-ar9xpwew8e] { display: inline-flex; align-items: center; gap: 0.4rem; }
.cl-badge.urgent[b-ar9xpwew8e] { padding: 0.02rem 0.45rem; border-radius: 6px; background: #e57373; color: #fff; font-size: 0.7rem; font-weight: 700; text-transform: uppercase; }
.cl-item-text[b-ar9xpwew8e] { color: var(--vcp-ink); font-size: 0.92rem; white-space: pre-wrap; overflow-wrap: anywhere; }
.cl-item-reply[b-ar9xpwew8e] { display: flex; gap: 0.3rem; color: #1f6f88; color: hsl(from #1f6f88 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); font-size: 0.88rem; white-space: pre-wrap; overflow-wrap: anywhere; }
.cl-item-reply[b-ar9xpwew8e]  .rzi { font-size: 1rem; }
.cl-item-foot[b-ar9xpwew8e] { display: flex; gap: 0.8rem; font-size: 0.74rem; color: #98a8ae; }
.cl-item-actions[b-ar9xpwew8e] { flex: 0 0 auto; display: flex; align-items: flex-start; gap: 0.2rem; }
.cl-ic[b-ar9xpwew8e] { width: 2rem; height: 2rem; border: 1px solid var(--vcp-line-soft); border-radius: 8px; background: #fff; color: #98a8ae; cursor: pointer;
         display: inline-flex; align-items: center; justify-content: center; }
.cl-ic:hover[b-ar9xpwew8e] { background: #f3f7f9; background: hsl(from #f3f7f9 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: var(--vcp-text-2); }
.cl-ic.seen.on[b-ar9xpwew8e] { background: #e8f5e9; border-color: #a5d6a7; color: #2e7d32; }
.cl-ic.back.on[b-ar9xpwew8e] { background: #e1f3fa; background: hsl(from #e1f3fa calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-color: #90cfe3; border-color: hsl(from #90cfe3 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: #1f6f88; color: hsl(from #1f6f88 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.cl-ic.delete:hover[b-ar9xpwew8e] { background: #fdecec; border-color: #f5b5b5; color: #c62828; }
.cl-foot[b-ar9xpwew8e] { flex: 0 0 auto; padding: 0.4rem 0.9rem; border-top: 1px solid #edf1f3; border-top: 1px solid hsl(from #edf1f3 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); font-size: 0.8rem; color: var(--vcp-text-4); }

@media (max-width: 900px) {
    .cl-form-body[b-ar9xpwew8e], .cl-texts[b-ar9xpwew8e] { grid-template-columns: 1fr; }
}
/* /Modules/Cases/Components/CaseCardDialog.razor.rz.scp.css */
.cc[b-zvhnt1vygk] { display: flex; flex-direction: column; gap: 0.5rem; }
.cc-summary[b-zvhnt1vygk] { display: flex; flex-direction: column; gap: 0.2rem; padding: 0.6rem 0.75rem; border-radius: 10px; background: var(--vcp-tint-1); color: var(--vcp-ink); }
.cc-title[b-zvhnt1vygk] { display: flex; align-items: center; gap: 0.6rem; font-size: 1.05rem; }
.cc-chip[b-zvhnt1vygk] { padding: 0.1rem 0.5rem; border-radius: 999px; font-size: 0.74rem; font-weight: 700; }
.cc-chip.open[b-zvhnt1vygk] { background: var(--vcp-tint-3); color: var(--vcp-accent); }
.cc-chip.closed[b-zvhnt1vygk] { background: var(--vcp-tint-4); color: var(--vcp-ink-2); }
.cc-label[b-zvhnt1vygk] { color: var(--vcp-text-3); font-size: 0.85rem; }
.cc-muted[b-zvhnt1vygk] { color: var(--vcp-text-4); font-size: 0.85rem; }
.cc-h[b-zvhnt1vygk] { margin: 0.4rem 0 0; font-size: 0.9rem; color: var(--vcp-ink-2); }
[b-zvhnt1vygk] .cc-history { max-height: 9.5rem; }
[b-zvhnt1vygk] .cc-lines { max-height: 15rem; }
.cc-totals[b-zvhnt1vygk] { display: flex; gap: 1.5rem; justify-content: flex-end; font-weight: 600; color: var(--vcp-ink-2); }
.cc-actions[b-zvhnt1vygk] { display: flex; flex-direction: column; gap: 0.45rem; border-top: 1px solid var(--vcp-tint-4); padding-top: 0.6rem; }
.cc-action[b-zvhnt1vygk] { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
.cc-action > .cc-label[b-zvhnt1vygk] { min-width: 12rem; }
.cc-action[b-zvhnt1vygk]  .cc-pick { width: 14rem; }
.cc-action[b-zvhnt1vygk]  .cc-reason { flex: 1 1 12rem; }
.cc-spacer[b-zvhnt1vygk] { flex: 1; }
/* /Modules/Cases/Components/CaseLinkPicker.razor.rz.scp.css */
.clp[b-8prna6okt6] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    flex: 1 1 auto;
}

.clp[b-8prna6okt6]  .rzi {
    color: var(--vcp-accent);
}

.clp[b-8prna6okt6]  .clp-list {
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
}
/* /Modules/Cases/Components/CasesPanel.razor.rz.scp.css */
.cp[b-htertapyum] { display: flex; flex-direction: column; gap: 0.5rem; height: 100%; min-height: 0; padding: 0.4rem 0.2rem; }
.cp-head[b-htertapyum] { display: flex; justify-content: flex-end; }
[b-htertapyum] .cp-grid { flex: 1 1 auto; min-height: 0; }
.cp-chip[b-htertapyum] { padding: 0.1rem 0.5rem; border-radius: 999px; font-size: 0.74rem; font-weight: 700; white-space: nowrap; }
.cp-chip.open[b-htertapyum] { background: var(--vcp-tint-1); color: var(--vcp-accent); }
.cp-chip.closed[b-htertapyum] { background: var(--vcp-tint-3); color: var(--vcp-ink-2); }
[b-htertapyum] .cp-row-closed td { color: var(--vcp-text-4); }
/* /Modules/Cases/Components/NewCaseDialog.razor.rz.scp.css */
.nc[b-0eueaudycp] { display: flex; flex-direction: column; gap: 0.75rem; }
.nc-row[b-0eueaudycp] { display: flex; gap: 1.25rem; flex-wrap: wrap; }
.nc-field[b-0eueaudycp] { display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.85rem; color: var(--vcp-text-3); }
.nc-field[b-0eueaudycp]  .nc-wide { width: 100%; }
.nc-buttons[b-0eueaudycp] { display: flex; justify-content: flex-end; gap: 0.5rem; margin-top: 0.25rem; }
/* /Modules/Clients/Components/ClientEditor.razor.rz.scp.css */
/* Laid out like the Access client form: who the client is and the balances on top, pets on the right.
   The rest is in tabs like the pet form (details, appointments, letters; later the accounts). */
.cf-wrap[b-edaupo74ug] { height: 100%; }
.cf-wrap[b-edaupo74ug]  .cf { display: flex; flex-direction: column; height: 100%; gap: 0.6rem; font-size: 0.9rem; }

/* Header */
.cf-top[b-edaupo74ug] { display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; padding: 0.5rem 0.75rem; border: 1px solid #e3e6ea; border: 1px solid hsl(from #e3e6ea calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l);
          border-radius: 8px; background: #fff; }
.cf-dot[b-edaupo74ug] { width: 28px; height: 28px; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25); cursor: pointer; flex: 0 0 auto; padding: 0; }
.cf-dot:disabled[b-edaupo74ug] { cursor: default; }
.cf-title[b-edaupo74ug] { display: flex; flex-direction: column; gap: 0.15rem; min-width: 0; }
.cf-title h1[b-edaupo74ug] { margin: 0; font-size: 1.4rem; }
.cf-chips[b-edaupo74ug] { display: flex; flex-wrap: wrap; gap: 0.3rem; margin-top: 0.1rem; }
.cf-chip[b-edaupo74ug] { display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.05rem 0.5rem 0.05rem 0.35rem; border-radius: 999px;
           font-size: 0.75rem; background: #eef2f6; background: hsl(from #eef2f6 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: #3b4452; color: hsl(from #3b4452 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); white-space: nowrap; }
.cf-chip[b-edaupo74ug]  .rzi { font-size: 0.95rem; }
.cf-chip.warn[b-edaupo74ug] { background: #fdf0e1; color: #8a4b00; }
.cf-chip.info[b-edaupo74ug] { background: #e3f0f6; background: hsl(from #e3f0f6 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: #1d5670; color: hsl(from #1d5670 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.cf-chip.muted[b-edaupo74ug] { background: #ececec; color: #666; }
.cf-reach[b-edaupo74ug] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.2rem 1rem; font-size: 0.92rem; }
.cf-reach a[b-edaupo74ug] { display: inline-flex; align-items: center; gap: 0.25rem; color: #1f5f6e; color: hsl(from #1f5f6e calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); text-decoration: none; }
.cf-reach a:hover[b-edaupo74ug] { text-decoration: underline; }
.cf-reach[b-edaupo74ug]  .rzi { font-size: 1.05rem; color: var(--vcp-accent-mid); }
.cf-id[b-edaupo74ug] { color: #5b6270; font-weight: 600; }
.cf-balances[b-edaupo74ug] { display: flex; align-items: stretch; gap: 0.5rem; flex-wrap: wrap; }
.cf-balances[b-edaupo74ug] { margin-left: auto; }
.cf-balance[b-edaupo74ug] { display: flex; flex-direction: column; align-items: flex-end; padding: 0.2rem 0.6rem; border: 1px solid #dfe3e8; border: 1px solid hsl(from #dfe3e8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 6px; background: #f7f9fb; background: hsl(from #f7f9fb calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.cf-balance .hint[b-edaupo74ug] { font-size: 0.72rem; }
.cf-balance.owed[b-edaupo74ug] { border-color: #f1b8b8; background: #fdf3f3; }
.cf-balance.owed strong[b-edaupo74ug] { color: #c62828; }

/* Body */
.cf-body[b-edaupo74ug] { flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) 20rem; gap: 0.75rem; }
.cf-body.cf-new[b-edaupo74ug] { grid-template-columns: minmax(0, 1fr); overflow: auto; }
.cf-audit[b-edaupo74ug] { font-size: 0.75rem; }

/* Tabs styled as the pet form's. */
.cf-tabs[b-edaupo74ug] { min-width: 0; min-height: 0; display: flex; flex-direction: column; background: #e6f0f4; background: hsl(from #e6f0f4 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border: 1px solid #bcd3dc; border: 1px solid hsl(from #bcd3dc calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 10px; padding: 0.5rem 0.6rem 0.6rem; }
.cf-tabs[b-edaupo74ug]  .rz-tabview { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; background: transparent; }
.cf-tabs[b-edaupo74ug]  .rz-tabview-nav { display: flex; gap: 0.35rem; border-bottom: 0; background: transparent; }
.cf-tabs[b-edaupo74ug]  .rz-tabview-nav li { flex: 1 1 0; margin: 0; border-radius: 8px 8px 0 0; background: var(--vcp-accent-mid); min-width: 0; }
.cf-tabs[b-edaupo74ug]  .rz-tabview-nav li button { width: 100%; justify-content: center; color: #fff; padding: 0.55rem 0.75rem; border: 0; background: transparent; }
.cf-tabs[b-edaupo74ug]  .rz-tabview-nav li button .rz-tabview-icon,
.cf-tabs[b-edaupo74ug]  .rz-tabview-nav li button .rz-tabview-title { color: #fff; }
.cf-tabs[b-edaupo74ug]  .rz-tabview-nav li.rz-tabview-selected { background: var(--vcp-ink-2); }
.cf-tabs[b-edaupo74ug]  .rz-tabview-nav li::after,
.cf-tabs[b-edaupo74ug]  .rz-tabview-nav .rz-tabview-ink-bar,
.cf-tabs[b-edaupo74ug]  .rz-tabview-nav::after { display: none; }
.cf-tabs[b-edaupo74ug]  .rz-tabview-nav li,
.cf-tabs[b-edaupo74ug]  .rz-tabview-nav li button { box-shadow: none; border-bottom: 0 !important; outline: none; }
.cf-tabs[b-edaupo74ug]  .rz-tabview-panels { flex: 1 1 auto; min-height: 0; overflow: auto; background: #fff; border: 1px solid #bcd3dc; border: 1px solid hsl(from #bcd3dc calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l);
                                     border-top: 3px solid var(--vcp-ink-2); border-radius: 0 0 8px 8px; padding: 0.75rem; }
/* Inside the white tab panel the detail cards need no frame of their own. */
.cf-tabs .cf-card[b-edaupo74ug] { border-color: #e8ecef; border-color: hsl(from #e8ecef calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.cf-appt-head[b-edaupo74ug] { margin-bottom: 0.4rem; text-align: right; }
.cf-appt-pet[b-edaupo74ug] { display: inline-flex; align-items: center; gap: 0.3rem; }
.cf-tabs[b-edaupo74ug]  .cf-appt-grid tr.cf-appt.upcoming > td { background: #eef6ee; }
.cf-tabs[b-edaupo74ug]  .cf-appt-grid tr.cf-appt.cancelled > td { color: #8a8f98; }
.cf-details[b-edaupo74ug] { border: 0; margin: 0; padding: 0; min-width: 0; display: flex; flex-direction: column; gap: 0.6rem; }
.cf-card[b-edaupo74ug] { border: 1px solid #e3e6ea; border: 1px solid hsl(from #e3e6ea calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 8px; background: #fff; padding: 0.55rem 0.75rem 0.65rem; display: flex; flex-direction: column; gap: 0.45rem; }
.cf-card-head[b-edaupo74ug] { display: flex; align-items: center; gap: 0.4rem; color: #2b3440; color: hsl(from #2b3440 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.cf-card-head[b-edaupo74ug]  .rzi { color: var(--vcp-accent-dark); font-size: 1.15rem; }
.cf-fold[b-edaupo74ug] { font: inherit; background: none; border: 0; padding: 0; margin: 0; cursor: pointer; text-align: left; width: 100%; min-width: 0; }
.cf-fold:hover strong[b-edaupo74ug] { text-decoration: underline; }
.cf-summary[b-edaupo74ug] { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 0.5rem; }
.cf-fold[b-edaupo74ug]  .cf-fold-icon { margin-left: auto; color: #5b6270; }
.cf-grid[b-edaupo74ug] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.45rem 0.75rem; }
.cf-field[b-edaupo74ug] { display: flex; flex-direction: column; gap: 0.1rem; min-width: 0; }
.cf-span2[b-edaupo74ug] { grid-column: span 2; }
.cf-label[b-edaupo74ug] { font-size: 0.75rem; color: var(--muted, #5b6270); }
[b-edaupo74ug] .cf-input { width: 100%; }
[b-edaupo74ug] .cf-notes { min-height: 4.5rem; }
.cf-check[b-edaupo74ug] { display: inline-flex; align-items: center; gap: 0.35rem; }
.cf-field.cf-check[b-edaupo74ug] { flex-direction: row; align-self: end; padding-bottom: 0.35rem; }
.cf-consent[b-edaupo74ug] { font-size: 0.78rem; margin-top: 0.15rem; }
.cf-checks[b-edaupo74ug] { display: flex; flex-wrap: wrap; gap: 0.4rem 1.2rem; padding-bottom: 0.4rem; border-bottom: 1px solid #eef0f3; border-bottom: 1px solid hsl(from #eef0f3 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.cf-phone-row[b-edaupo74ug] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0.4rem; }
.cf-add-phone[b-edaupo74ug] { align-self: end; align-items: flex-start; }
.cf-problem[b-edaupo74ug] { color: #c62828; font-size: 0.78rem; }
.cf-warning[b-edaupo74ug] { color: #a15c00; font-size: 0.78rem; }

/* Side: pets (teal as in Access), appointments, letters */
.cf-side[b-edaupo74ug] { display: flex; flex-direction: column; min-height: 0; }
.cf-side-head[b-edaupo74ug] { display: flex; align-items: center; gap: 0.4rem; }
.cf-pets-card[b-edaupo74ug] { display: flex; flex-direction: column; gap: 0.4rem; background: #1f5f6e; background: hsl(from #1f5f6e calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: #fff; border-radius: 8px; padding: 0.5rem 0.55rem 0.55rem; flex: 1 1 auto; min-height: 12rem; }
.cf-pets-card .cf-side-head[b-edaupo74ug]  .tab-count { background: rgba(255, 255, 255, 0.25); color: #fff; }
[b-edaupo74ug] .cf-pet-filter { margin-left: auto; }
/* On the teal panel: the chosen filter is the white one. */
.cf-pets-card[b-edaupo74ug]  .cf-pet-filter .rz-button { background: rgba(255, 255, 255, 0.12); color: #e6f2f5; color: hsl(from #e6f2f5 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-color: rgba(255, 255, 255, 0.35); box-shadow: none; }
.cf-pets-card[b-edaupo74ug]  .cf-pet-filter .rz-button.rz-state-active { background: #fff; color: #1f5f6e; color: hsl(from #1f5f6e calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); font-weight: 600; }
.cf-pet-tools[b-edaupo74ug] { display: flex; gap: 0.35rem; align-items: center; }
.cf-pets[b-edaupo74ug] { flex: 1 1 auto; min-height: 4rem; overflow: auto; display: flex; flex-direction: column; gap: 4px; }
.cf-pet[b-edaupo74ug] { display: grid; grid-template-columns: 28px 1fr auto; grid-template-rows: auto auto; column-gap: 0.5rem; align-items: center; text-align: left;
          font: inherit; color: #1d2733; color: hsl(from #1d2733 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); padding: 0.35rem 0.5rem; border: 0; border-radius: 6px; background: #fff; cursor: pointer; }
.cf-pet:hover[b-edaupo74ug] { background: #dcebf3; background: hsl(from #dcebf3 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.cf-pet.deceased[b-edaupo74ug] { opacity: 0.6; }
.cf-pet[b-edaupo74ug]  img, .cf-pet[b-edaupo74ug]  svg { grid-row: span 2; }
.cf-pet-name[b-edaupo74ug] { font-weight: 600; }
.cf-pet-kind[b-edaupo74ug] { grid-column: 2 / 4; font-size: 0.78rem; }
.cf-pets .hint.cf-pad[b-edaupo74ug] { color: #e0eef2; color: hsl(from #e0eef2 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.cf-x[b-edaupo74ug] { color: #c62828; font-weight: 700; }
.cf-pad[b-edaupo74ug] { padding: 0.5rem; }
.cf-letters[b-edaupo74ug] { min-height: 12rem; display: flex; flex-direction: column; }

.cf-footer[b-edaupo74ug] { display: flex; align-items: center; gap: 0.5rem; padding-top: 0.5rem; border-top: 1px solid #e3e6ea; border-top: 1px solid hsl(from #e3e6ea calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.cf-grow[b-edaupo74ug] { flex: 1 1 auto; }

@media (max-width: 1100px) {
    .cf-grid[b-edaupo74ug] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
    /* One column that scrolls as a whole, so no card is squeezed. */
    .cf-body[b-edaupo74ug] { grid-template-columns: 1fr; overflow: auto; align-content: start; }
    .cf-side[b-edaupo74ug], .cf-tabs[b-edaupo74ug]  .rz-tabview-panels { overflow: visible; }
    .cf-balances[b-edaupo74ug] { margin-left: 0; }
}
.cf-tabs[b-edaupo74ug]  .rz-tabview-selected .tab-count { background: #ffffff; color: var(--vcp-ink-2); }
.cf-tabs[b-edaupo74ug]  .rz-tabview-selected .tab-count.zero { background: rgba(255, 255, 255, 0.28); color: #ffffff; }

/* "Arrange tabs" at the end of the tab row, as on the pet form; the row leaves room for it. */
.cf-tabs[b-edaupo74ug] { position: relative; }
.cf-tabs[b-edaupo74ug]  .rz-tabview-nav { margin-right: 2.5rem; }
.cf-tabs-arrange[b-edaupo74ug] { position: absolute; top: 0.5rem; right: 0.6rem; width: 2.2rem; height: 2.15rem; display: inline-flex; align-items: center;
                   justify-content: center; border: 0; border-radius: 8px; background: var(--vcp-accent-mid); color: #fff; cursor: pointer; }
.cf-tabs-arrange:hover[b-edaupo74ug] { background: var(--vcp-tint-3); color: var(--vcp-ink-2); }
.cf-wrap[b-edaupo74ug]  .cf-pay { align-self: center; white-space: nowrap; }
/* /Modules/Clients/Components/ClientPopupDialog.razor.rz.scp.css */
.cp[b-0nz9w1x5zd] { display: flex; flex-direction: column; gap: 0.7rem; }
.cp-amounts[b-0nz9w1x5zd] { display: flex; flex-direction: column; gap: 0.4rem; }
.cp-amount[b-0nz9w1x5zd] { display: flex; align-items: center; gap: 0.5rem; padding: 0.55rem 0.8rem; border-radius: 10px; background: var(--vcp-tint-0); font-size: 0.9rem; }
.cp-amount strong[b-0nz9w1x5zd] { margin-left: auto; font-size: 1.05rem; font-variant-numeric: tabular-nums; }
/* Owed money is a warning, money paid in advance good news. */
.cp-amount.owed[b-0nz9w1x5zd] { background: #fdecea; color: #b42318; }
.cp-amount.ahead[b-0nz9w1x5zd] { background: #ecfdf3; color: #067647; }
.cp-amount.open[b-0nz9w1x5zd] { background: #fffaeb; color: #b54708; }
.cp section[b-0nz9w1x5zd] { padding: 0.6rem 0.8rem; border-radius: 10px; background: var(--vcp-tint-0); }
.cp h4[b-0nz9w1x5zd] { display: flex; align-items: center; gap: 0.35rem; margin: 0 0 0.3rem; font-size: 0.82rem; color: var(--vcp-ink-2); }
.cp p[b-0nz9w1x5zd] { margin: 0; white-space: pre-wrap; font-size: 0.92rem; }
.cp-foot[b-0nz9w1x5zd] { display: flex; justify-content: flex-end; }
/* /Modules/ClinicTasks/Components/ClinicTaskRow.razor.rz.scp.css */
.tk[b-edqs1v1kug] { --tk-c: #9aa9b0; --tk-c: hsl(from #9aa9b0 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); position: relative; display: grid; grid-template-columns: minmax(12rem, 15rem) minmax(10rem, 12rem) 6.6rem minmax(10rem, 1fr) auto;
      gap: 0.35rem 0.7rem; align-items: center; padding: 0.45rem 0.45rem 0.45rem 0.95rem; margin-bottom: 0.4rem; background: #fff;
      border: 1px solid #e1e9ed; border: 1px solid hsl(from #e1e9ed calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 11px; transition: box-shadow 0.15s; }
.tk:focus-within[b-edqs1v1kug] { box-shadow: 0 0 0 2px color-mix(in srgb, var(--vcp-accent) 25%, transparent); }
.tk.called[b-edqs1v1kug] { --tk-c: #3b82c4; --tk-c: hsl(from #3b82c4 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.tk.waiting[b-edqs1v1kug] { --tk-c: #e0a100; }
.tk.attended[b-edqs1v1kug] { --tk-c: #2e9e6a; }
.tk.completed[b-edqs1v1kug] { --tk-c: #8a9ba3; background: #f7f9fa; background: hsl(from #f7f9fa calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.tk-bar[b-edqs1v1kug] { position: absolute; left: 0; top: 0; bottom: 0; width: 6px; border-radius: 11px 0 0 11px; background: var(--tk-c); }

.tk-who[b-edqs1v1kug], .tk-state[b-edqs1v1kug] { display: flex; flex-direction: column; gap: 0.25rem; min-width: 0; }
.tk-line[b-edqs1v1kug] { display: flex; align-items: center; gap: 0.35rem; min-width: 0; min-height: 1.95rem; }
.tk[b-edqs1v1kug]  .tk-ic { font-size: 1.1rem; color: var(--vcp-text-2); flex: none; }
.tk-sp[b-edqs1v1kug] { flex: none; display: inline-flex; align-items: center; justify-content: center; min-width: 1.1rem; }
.tk-sp[b-edqs1v1kug]  .species-paw { color: var(--vcp-text-2); }
.tk-petopt[b-edqs1v1kug] { display: inline-flex; align-items: center; gap: 0.4rem; }
.tk-link[b-edqs1v1kug] { border: 0; background: transparent; padding: 0.15rem 0.2rem; font: inherit; font-weight: 600; color: var(--vcp-ink); cursor: pointer; text-align: left;
           white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; border-radius: 6px; }
.tk-link:hover[b-edqs1v1kug] { background: #eef5f7; background: hsl(from #eef5f7 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: #1f6b7d; color: hsl(from #1f6b7d calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); text-decoration: underline; }
.tk-mini[b-edqs1v1kug] { flex: none; width: 1.6rem; height: 1.6rem; border: 0; border-radius: 6px; background: transparent; color: #98a8ae; cursor: pointer;
           display: inline-flex; align-items: center; justify-content: center; opacity: 0; }
.tk:hover .tk-mini[b-edqs1v1kug], .tk-mini:focus[b-edqs1v1kug] { opacity: 1; }
.tk-mini:hover[b-edqs1v1kug] { background: var(--vcp-tint-1); color: var(--vcp-text-2); }
.tk-mini[b-edqs1v1kug]  .rzi { font-size: 0.95rem; }
.tk-muted[b-edqs1v1kug] { color: #a3b3b9; color: hsl(from #a3b3b9 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.tk-input[b-edqs1v1kug] { flex: 1; min-width: 0; height: 1.95rem; padding: 0 0.55rem; border: 0; border-radius: 7px; font: inherit; font-size: 0.9rem; color: var(--vcp-ink); background: var(--vcp-field-bg); }
.tk-input:focus[b-edqs1v1kug] { outline: none; background: #fff; box-shadow: var(--vcp-field-focus-ring); }
.tk-hits[b-edqs1v1kug] { display: flex; flex-direction: column; border: 1px solid #d7e3e8; border: 1px solid hsl(from #d7e3e8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 8px; background: #fff; overflow: hidden; box-shadow: 0 6px 16px color-mix(in srgb, var(--vcp-ink) 10%, transparent); }
.tk-hit[b-edqs1v1kug] { display: flex; justify-content: space-between; gap: 0.6rem; padding: 0.4rem 0.6rem; border: 0; background: #fff; font: inherit; font-size: 0.88rem; text-align: left; cursor: pointer; }
.tk-hit.on[b-edqs1v1kug] { background: #e8f2f6; background: hsl(from #e8f2f6 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.tk-hit small[b-edqs1v1kug] { color: var(--vcp-text-4); white-space: nowrap; }

.tk[b-edqs1v1kug]  .tk-dd { flex: 1; min-width: 0; width: 100%; height: 2.1rem; padding-top: 0; padding-bottom: 0; align-items: center; }
.tk[b-edqs1v1kug]  .tk-dd .rz-dropdown-label { line-height: normal; }
.tk[b-edqs1v1kug]  .tk-status { flex: none; }
.tk[b-edqs1v1kug]  .tk-status { font-weight: 700; color: var(--tk-c); border-color: color-mix(in srgb, var(--tk-c) 45%, #fff); }
.tk[b-edqs1v1kug]  .tk-status .rz-dropdown-label { color: var(--tk-c); }

.tk-time[b-edqs1v1kug] { display: flex; flex-direction: column; align-items: center; gap: 0.2rem; font-size: 0.82rem; color: var(--vcp-text-2); white-space: nowrap; }
.tk-created[b-edqs1v1kug] { font-weight: 600; }
.tk-timer[b-edqs1v1kug] { padding: 0.1rem 0.5rem; border-radius: 999px; font-weight: 700; font-variant-numeric: tabular-nums; background: var(--vcp-tint-1); color: var(--vcp-text-2); }
.tk-timer.late1[b-edqs1v1kug] { background: #fff4d6; color: #9a6b00; }
.tk-timer.late2[b-edqs1v1kug] { background: #fde7e7; color: #c62828; }
.tk-done[b-edqs1v1kug] { display: inline-flex; align-items: center; gap: 0.2rem; color: #2e9e6a; font-weight: 600; }
.tk-done[b-edqs1v1kug]  .rzi { font-size: 1rem; }

.tk-note[b-edqs1v1kug] { width: 100%; min-height: 3.6rem; resize: vertical; padding: 0.35rem 0.55rem; border: 1px solid transparent; border-radius: 8px; background: #eef6f9; background: hsl(from #eef6f9 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l);
           font: inherit; font-size: 0.9rem; color: var(--vcp-ink); line-height: 1.35; }
.tk-note:hover[b-edqs1v1kug] { border-color: #d3e3ea; border-color: hsl(from #d3e3ea calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.tk-note:focus[b-edqs1v1kug] { outline: none; background: #fff; border-color: var(--vcp-accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--vcp-accent) 15%, transparent); }

.tk-actions[b-edqs1v1kug] { display: flex; flex-direction: column; gap: 0.3rem; }
.tk-btn[b-edqs1v1kug] { width: 2rem; height: 1.85rem; border: 0; border-radius: 7px; background: #f1f5f7; background: hsl(from #f1f5f7 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: var(--vcp-text-2); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.tk-btn:hover[b-edqs1v1kug], .tk-btn.on[b-edqs1v1kug] { background: var(--vcp-accent); color: #fff; }
.tk-btn.danger:hover[b-edqs1v1kug] { background: #c62828; }
.tk-btn[b-edqs1v1kug]  .rzi { font-size: 1.1rem; }

.tk-more[b-edqs1v1kug] { grid-column: 1 / -1; display: flex; flex-direction: column; gap: 0.3rem; padding-top: 0.3rem; border-top: 1px dashed #e1e9ed; border-top: 1px dashed hsl(from #e1e9ed calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.tk-more label[b-edqs1v1kug] { font-size: 0.78rem; font-weight: 700; color: var(--vcp-text-4); text-transform: uppercase; letter-spacing: 0.03em; }
.tk-history[b-edqs1v1kug] { display: flex; flex-wrap: wrap; gap: 0.3rem 0.9rem; font-size: 0.8rem; color: var(--vcp-text-4); }

/* A narrow widget: client and status side by side, the note under them. */
@container tasks (max-width: 820px) {
    .tk[b-edqs1v1kug] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; }
    .tk-time[b-edqs1v1kug] { grid-column: 3; grid-row: 1; }
    .tk-note[b-edqs1v1kug] { grid-column: 1 / 3; }
    .tk-actions[b-edqs1v1kug] { grid-column: 3; flex-direction: row; justify-content: flex-end; }
}

@container tasks (max-width: 480px) {
    .tk[b-edqs1v1kug] { grid-template-columns: minmax(0, 1fr) auto; }
    .tk-who[b-edqs1v1kug], .tk-state[b-edqs1v1kug], .tk-note[b-edqs1v1kug] { grid-column: 1 / -1; }
    .tk-time[b-edqs1v1kug] { grid-column: 1; grid-row: auto; flex-direction: row; justify-content: flex-start; }
    .tk-actions[b-edqs1v1kug] { grid-column: 2; }
}
/* /Modules/Company/Components/CompanySettingsWindow.razor.rz.scp.css */
.cs[b-rbzbyignlq] { display: grid; grid-template-columns: 13.5rem minmax(0, 1fr); gap: 1rem; height: calc(100% - var(--vcp-foot-room, 3.4rem)); min-height: 0; }
.cs-empty[b-rbzbyignlq] { padding: 2rem; text-align: center; color: var(--vcp-text-3); }
.cs-nav[b-rbzbyignlq] { display: flex; flex-direction: column; gap: 0.2rem; padding: 0.4rem; border-radius: 12px; background: var(--vcp-tint-0); align-self: start; }
.cs-tab[b-rbzbyignlq] { display: flex; align-items: center; gap: 0.55rem; padding: 0.55rem 0.7rem; border: 0; border-radius: 9px; background: transparent; color: var(--vcp-text-2);
          font: inherit; font-size: 0.88rem; text-align: left; cursor: pointer; }
.cs-tab:hover[b-rbzbyignlq] { background: var(--vcp-tint-1); }
.cs-tab.on[b-rbzbyignlq] { background: #fff; color: var(--vcp-accent-dark); font-weight: 600; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), inset 3px 0 0 var(--vcp-accent); }
.cs-bad[b-rbzbyignlq] { margin-left: auto; min-width: 1.2rem; padding: 0 0.3rem; border-radius: 999px; background: #b42318; color: #fff; font-size: 0.7rem; text-align: center; }
.cs-body[b-rbzbyignlq] { overflow: auto; min-height: 0; padding: 0 0.4rem 1rem 0; }
.cs-h[b-rbzbyignlq] { margin: 0.2rem 0 0.8rem; font-size: 1.1rem; color: var(--vcp-ink-2); }
.cs-h4[b-rbzbyignlq] { margin: 1.2rem 0 0.4rem; font-size: 0.9rem; color: var(--vcp-ink-2); }
.cs-intro[b-rbzbyignlq] { margin: 0.7rem 0; font-size: 0.84rem; color: var(--vcp-text-2); }
.cs-grid[b-rbzbyignlq] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.65rem 1rem; }
.cs-grid-3[b-rbzbyignlq] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cs-wide[b-rbzbyignlq] { grid-column: 1 / -1; }
.cs-field[b-rbzbyignlq] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.78rem; font-weight: 600; color: var(--vcp-text-2); min-width: 0; }
.cs-field em[b-rbzbyignlq] { color: #c62828; font-style: normal; }
.cs-body[b-rbzbyignlq]  .cs-in { width: 100%; }
.cs-body[b-rbzbyignlq]  .cs-in-bad { box-shadow: inset 0 0 0 1px #d92d20; }
.cs-hint[b-rbzbyignlq] { font-size: 0.72rem; font-weight: 400; color: var(--vcp-text-3); display: block; }
.cs-error[b-rbzbyignlq] { font-size: 0.74rem; font-weight: 500; color: #b42318; }
.cs-inline[b-rbzbyignlq] { display: flex; align-items: center; gap: 0.3rem; }
.cs-checks[b-rbzbyignlq] { display: flex; flex-wrap: wrap; gap: 0.5rem 1.4rem; margin: 0.2rem 0 0.6rem; }
.cs-checks.cs-col[b-rbzbyignlq] { flex-direction: column; }
.cs-check[b-rbzbyignlq] { display: flex; align-items: flex-start; gap: 0.45rem; font-size: 0.86rem; color: var(--vcp-text-1, inherit); cursor: pointer; }
.cs-group[b-rbzbyignlq] { margin-top: 1rem; padding: 0.8rem; border: 1px solid var(--vcp-line-soft); border-radius: 12px; }
.cs-note[b-rbzbyignlq] { display: flex; align-items: flex-start; gap: 0.45rem; margin: 0.4rem 0 0.8rem; padding: 0.5rem 0.7rem; border-radius: 9px; background: var(--vcp-tint-0);
           font-size: 0.82rem; color: var(--vcp-text-2); }
.cs-note.ok[b-rbzbyignlq] { background: #ecfdf3; color: #067647; }
.cs-note.warn[b-rbzbyignlq] { background: #fffaeb; color: #b54708; }
.cs-methods[b-rbzbyignlq] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.5rem; margin-bottom: 0.6rem; }
.cs-method[b-rbzbyignlq] { display: flex; align-items: center; justify-content: center; gap: 0.4rem; padding: 0.6rem; border: 1px solid var(--vcp-line-soft); border-radius: 10px;
             background: #fff; font: inherit; font-size: 0.86rem; color: var(--vcp-text-2); cursor: pointer; }
.cs-method.on[b-rbzbyignlq] { border-color: var(--vcp-accent); background: var(--vcp-tint-1); color: var(--vcp-accent-dark); font-weight: 600; }
.cs-method:disabled[b-rbzbyignlq] { cursor: default; }
.cs-test[b-rbzbyignlq] { display: flex; align-items: center; gap: 0.7rem; margin-top: 1rem; font-size: 0.84rem; }
.cs-test-ok[b-rbzbyignlq] { color: #067647; }
.cs-test-bad[b-rbzbyignlq] { color: #b42318; }
.cs-cards[b-rbzbyignlq] { display: grid; grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr)); gap: 0.6rem; }
.cs-card[b-rbzbyignlq] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 0.7rem; padding: 0.7rem 0.8rem; border: 1px solid var(--vcp-line-soft);
           border-radius: 12px; background: #fff; cursor: pointer; font: inherit; text-align: left; }
.cs-card:disabled[b-rbzbyignlq] { cursor: default; }
.cs-card:focus-visible[b-rbzbyignlq] { outline: 2px solid var(--vcp-accent); outline-offset: 2px; }
.cs-switch[b-rbzbyignlq] { position: relative; width: 2.3rem; height: 1.3rem; border-radius: 999px; background: #cfd8dc; transition: background 0.15s; flex: none; }
.cs-switch span[b-rbzbyignlq] { position: absolute; top: 0.15rem; left: 0.15rem; width: 1rem; height: 1rem; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
                  transition: transform 0.15s; }
.cs-card.on .cs-switch[b-rbzbyignlq] { background: var(--vcp-accent); }
.cs-card.on .cs-switch span[b-rbzbyignlq] { transform: translateX(1rem); }
.cs-card.on[b-rbzbyignlq] { border-color: var(--vcp-accent); background: var(--vcp-tint-0); }
.cs-card[b-rbzbyignlq]  .cs-card-icon { font-size: 1.5rem; color: var(--vcp-text-3); }
.cs-card.on[b-rbzbyignlq]  .cs-card-icon { color: var(--vcp-accent-dark); }
.cs-card-text[b-rbzbyignlq] { display: flex; flex-direction: column; gap: 0.1rem; min-width: 0; }
.cs-card-text strong[b-rbzbyignlq] { font-size: 0.88rem; color: var(--vcp-ink-2); }
.cs-card-text small[b-rbzbyignlq] { font-size: 0.74rem; color: var(--vcp-text-3); line-height: 1.3; }
.cs-images[b-rbzbyignlq] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 1.2rem; }
.cs-pic[b-rbzbyignlq] { display: flex; gap: 0.8rem; align-items: center; padding: 0.7rem; border: 1px solid var(--vcp-line-soft); border-radius: 12px; }
.cs-pic-frame[b-rbzbyignlq] { width: 8.5rem; height: 5.5rem; flex: none; display: flex; align-items: center; justify-content: center; border-radius: 8px;
                background: repeating-conic-gradient(#f3f5f6 0 25%, #fff 0 50%) 0 0 / 16px 16px; overflow: hidden; }
.cs-pic-frame img[b-rbzbyignlq] { max-width: 100%; max-height: 100%; object-fit: contain; }
.cs-pic-none[b-rbzbyignlq] { display: flex; flex-direction: column; align-items: center; gap: 0.2rem; font-size: 0.74rem; color: var(--vcp-text-3); }
.cs-pic-text[b-rbzbyignlq] { display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.86rem; min-width: 0; }
.cs-pic-text small[b-rbzbyignlq] { font-size: 0.74rem; color: var(--vcp-text-3); }
.cs-upload[b-rbzbyignlq] { position: relative; align-self: flex-start; display: inline-flex; align-items: center; gap: 0.3rem; margin-top: 0.3rem; padding: 0.3rem 0.7rem;
             border: 1px solid var(--vcp-accent); border-radius: 8px; color: var(--vcp-accent-dark); font-size: 0.8rem; font-weight: 600; cursor: pointer; }
.cs-upload:hover[b-rbzbyignlq] { background: var(--vcp-tint-1); }
.cs-upload[b-rbzbyignlq]  input[type=file] { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.cs-info[b-rbzbyignlq] { display: grid; grid-template-columns: 14rem minmax(0, 1fr); gap: 0.35rem 1rem; margin: 0; font-size: 0.86rem; }
.cs-info dt[b-rbzbyignlq] { color: var(--vcp-text-3); }
.cs-info dd[b-rbzbyignlq] { margin: 0; color: var(--vcp-ink-2); }
.cs-mono[b-rbzbyignlq] { font-family: ui-monospace, Consolas, monospace; font-size: 0.8rem; word-break: break-all; }
.cs-foot[b-rbzbyignlq] { display: flex; align-items: center; gap: 0.5rem; width: 100%; }
.cs-foot-bad[b-rbzbyignlq] { display: inline-flex; align-items: center; gap: 0.3rem; color: #b42318; font-size: 0.84rem; }
.cs-grow[b-rbzbyignlq] { flex: 1; }
@media (max-width: 760px) {
    .cs[b-rbzbyignlq] { grid-template-columns: minmax(0, 1fr); }
    .cs-nav[b-rbzbyignlq] { flex-direction: row; overflow-x: auto; }
    .cs-grid[b-rbzbyignlq], .cs-grid-3[b-rbzbyignlq], .cs-images[b-rbzbyignlq], .cs-methods[b-rbzbyignlq] { grid-template-columns: minmax(0, 1fr); }
}

/* Printing: the agent's download, then this PC's printers. */
.cs-printing[b-rbzbyignlq] { display: flex; flex-direction: column; gap: 0.8rem; max-width: 40rem; }
.cs-download[b-rbzbyignlq] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 0.7rem; padding: 0.7rem 0.8rem;
               border-radius: 10px; background: var(--vcp-tint-1); }
.cs-download[b-rbzbyignlq]  .rzi { font-size: 1.8rem; color: var(--vcp-accent-mid); }
.cs-download > div[b-rbzbyignlq] { display: flex; flex-direction: column; gap: 0.15rem; min-width: 0; }
.cs-download small[b-rbzbyignlq] { color: var(--vcp-text-2); }
.cs-download a[b-rbzbyignlq] { font-size: 0.78rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* /Modules/Company/Components/SecretBox.razor.rz.scp.css */
.sb[b-njkcr278dt] { position: relative; display: flex; align-items: center; }
.sb[b-njkcr278dt]  .sb-in { width: 100%; padding-right: 2.2rem; }
.sb-eye[b-njkcr278dt] { position: absolute; right: 0.3rem; border: 0; background: transparent; color: var(--vcp-text-3); cursor: pointer; display: inline-flex;
          padding: 0.2rem; border-radius: 6px; }
.sb-eye:hover[b-njkcr278dt] { background: var(--vcp-tint-1); color: var(--vcp-accent-dark); }
/* /Modules/Contacts/Components/ContactDialog.razor.rz.scp.css */
.cd[b-5rui78v1d5] { display: grid; grid-template-columns: 11rem 1fr 15rem; gap: 1rem; align-items: start; }
.cd-left[b-5rui78v1d5] { display: flex; flex-direction: column; align-items: center; gap: 0.3rem; }
.cd-photo[b-5rui78v1d5] { position: relative; width: 10rem; height: 10rem; border-radius: 22px; background: var(--vcp-line-soft); display: flex; align-items: center;
            justify-content: center; overflow: hidden; cursor: pointer; box-shadow: 0 6px 16px rgba(0, 0, 0, .15); }
.cd-photo img[b-5rui78v1d5] { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; }
.cd-photo[b-5rui78v1d5]  .rzi { font-size: 3.5rem; color: #6b7d86; }
.cd-photo-off[b-5rui78v1d5] { cursor: default; }
.cd[b-5rui78v1d5]  .cd-file { position: absolute; inset: 0; opacity: 0; cursor: pointer; z-index: 2; }
.cd-clear[b-5rui78v1d5] { font-size: 0.8rem; }
.cd-fields[b-5rui78v1d5] { display: grid; grid-template-columns: 1fr 1fr; gap: 0.45rem 0.7rem; }
.cd-field[b-5rui78v1d5] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.8rem; color: var(--vcp-text-2); }
.cd-wide[b-5rui78v1d5] { grid-column: 1 / -1; }
.cd[b-5rui78v1d5]  .cd-in { width: 100%; }
.cd-url[b-5rui78v1d5] { display: flex; align-items: center; gap: 0.3rem; }
.cd-url a[b-5rui78v1d5] { color: var(--vcp-accent-dark); display: inline-flex; }
.cd-notes[b-5rui78v1d5] { height: 100%; }
.cd-error[b-5rui78v1d5] { color: #b42318; font-size: 0.85rem; margin-top: 0.5rem; }
.cd-foot[b-5rui78v1d5] { display: flex; align-items: center; gap: 0.5rem; margin-top: 0.9rem; }
.cd-grow[b-5rui78v1d5] { flex: 1; }
.cd-empty[b-5rui78v1d5] { padding: 1rem; color: var(--vcp-text-3); }
/* /Modules/Contacts/Components/ContactMessageDialog.razor.rz.scp.css */
.cm[b-rlljpo2ffx] { display: flex; flex-direction: column; gap: 0.6rem; }
.cm-to[b-rlljpo2ffx] { display: flex; align-items: center; gap: 0.35rem; color: var(--vcp-text-2); }
.cm[b-rlljpo2ffx]  .cm-in { width: 100%; }
.cm-count[b-rlljpo2ffx] { font-size: 0.78rem; color: var(--vcp-text-3); text-align: right; }
.cm-ok[b-rlljpo2ffx] { color: #1b7f3b; font-weight: 600; }
.cm-err[b-rlljpo2ffx] { color: #b42318; }
.cm-foot[b-rlljpo2ffx] { display: flex; justify-content: flex-end; gap: 0.5rem; }
/* /Modules/Contacts/Components/ContactsPanel.razor.rz.scp.css */
.ct[b-4beng7q211] { display: flex; flex-direction: column; gap: 0.7rem; height: 100%; min-height: 0; padding: 0.2rem; }
.ct-top[b-4beng7q211] { display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; }
.ct[b-4beng7q211]  .ct-search { flex: 1 1 14rem; max-width: 26rem; }
.ct[b-4beng7q211]  .ct-cat { width: 12rem; }
.ct-count[b-4beng7q211] { font-size: 0.78rem; color: var(--vcp-text-3); margin-right: auto; }
.ct-empty[b-4beng7q211] { padding: 2rem; text-align: center; color: var(--vcp-text-3); }
.ct-cards[b-4beng7q211] { flex: 1 1 auto; overflow: auto; display: flex; flex-direction: column; gap: 0.5rem; }
.ct-card[b-4beng7q211] { display: flex; align-items: center; gap: 0.9rem; padding: 0.6rem 0.8rem; border: 1px solid var(--vcp-line-soft); border-radius: 12px; background: #fff;
           cursor: pointer; }
.ct-card:hover[b-4beng7q211], .ct-card:focus-visible[b-4beng7q211] { border-color: var(--vcp-accent-dark); box-shadow: 0 2px 8px color-mix(in srgb, var(--vcp-accent-dark) 12%, transparent); outline: none; }
.ct-photo[b-4beng7q211] { position: relative; flex: none; width: 3.6rem; height: 3.6rem; border-radius: 10px; background: var(--vcp-tint-2); overflow: hidden;
            display: flex; align-items: center; justify-content: center; }
.ct-photo img[b-4beng7q211] { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; }
.ct-initials[b-4beng7q211] { font-weight: 700; color: var(--vcp-accent-dark); font-size: 1.1rem; }
.ct-main[b-4beng7q211] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 0.15rem; }
.ct-name[b-4beng7q211] { font-weight: 700; font-size: 0.95rem; color: #1d2a30; color: hsl(from #1d2a30 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); display: flex; align-items: center; gap: 0.5rem; }
.ct-chip[b-4beng7q211] { font-weight: 600; font-size: 0.72rem; background: var(--vcp-tint-2); color: var(--vcp-ink-2); border-radius: 999px; padding: 0.05rem 0.5rem; }
.ct-line[b-4beng7q211] { display: flex; align-items: center; gap: 0.35rem; font-size: 0.84rem; color: var(--vcp-text-2); }
.ct-line[b-4beng7q211]  .rzi { font-size: 0.95rem; }
.ct-notes[b-4beng7q211] { font-size: 0.8rem; color: var(--vcp-text-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ct-acts[b-4beng7q211] { flex: none; }
.ct-act-row[b-4beng7q211] { display: inline-flex; gap: 0.25rem; }
.ct-btn[b-4beng7q211] { border: 0; background: var(--vcp-tint-1); color: var(--vcp-accent-dark); border-radius: 8px; width: 2.1rem; height: 2.1rem; cursor: pointer;
          display: inline-flex; align-items: center; justify-content: center; }
.ct-btn:hover[b-4beng7q211] { background: var(--vcp-accent-dark); color: #fff; }
.ct[b-4beng7q211]  .ct-grid { flex: 1 1 auto; min-height: 0; }
/* /Modules/Credits/Components/CreditsBadge.razor.rz.scp.css */
/* Same height as the buttons beside it in the top bar; teal for SMS, violet for AI, red when running out. */
.cr[b-bnpdctxqnq] { display: inline-flex; align-items: center; gap: 0.35rem; height: 2.4rem; padding: 0 0.7rem; border: 1px solid var(--vcp-line-accent); border-radius: 10px;
      background: #eef7fa; background: hsl(from #eef7fa calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: var(--vcp-ink-2); text-decoration: none; font-size: 0.85rem; white-space: nowrap; }
.cr:hover[b-bnpdctxqnq] { background: #dceef4; background: hsl(from #dceef4 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.cr[b-bnpdctxqnq]  .rzi { font-size: 1.2rem; color: var(--vcp-accent); }
.cr strong[b-bnpdctxqnq] { font-size: 0.95rem; font-variant-numeric: tabular-nums; }
.cr-label[b-bnpdctxqnq] { color: #4c6f7b; color: hsl(from #4c6f7b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); font-weight: 600; }
.cr[b-bnpdctxqnq]  .cr-buy { font-size: 1rem; opacity: 0.55; transition: opacity 0.15s; }
.cr:hover[b-bnpdctxqnq]  .cr-buy { opacity: 1; }
.cr.ai[b-bnpdctxqnq] { border-color: #d6c8ef; background: #f5f1fc; color: #4a2f7a; }
.cr.ai:hover[b-bnpdctxqnq] { background: #ebe3f9; }
.cr.ai[b-bnpdctxqnq]  .rzi { color: #6d4bb0; }
.cr.ai .cr-label[b-bnpdctxqnq] { color: #6a5590; }
.cr.low[b-bnpdctxqnq] { border-color: #f1b5b5; background: #fdeeee; color: #b42318; }
.cr.low[b-bnpdctxqnq]  .rzi, .cr.low .cr-label[b-bnpdctxqnq] { color: #b42318; }
@media (max-width: 1100px) { .cr-label[b-bnpdctxqnq] { display: none; } }
/* /Modules/Dental/Components/DentalPanel.razor.rz.scp.css */
.dn[b-ltalmvj947] { display: grid; grid-template-columns: 13rem minmax(0, 1fr) 17rem; gap: 0.9rem; height: 100%; min-height: 0; }
.dn-empty[b-ltalmvj947] { padding: 2rem; text-align: center; color: var(--vcp-text-3); }
.dn-list[b-ltalmvj947] { display: flex; flex-direction: column; gap: 0.4rem; min-height: 0; background: var(--vcp-tint-1); border-radius: 12px; padding: 0.5rem; }
.dn-list-head[b-ltalmvj947] { display: flex; align-items: center; justify-content: space-between; font-size: 0.88rem; padding: 0.2rem 0.3rem; }
.dn-count[b-ltalmvj947] { font-size: 0.74rem; background: #fff; border-radius: 999px; padding: 0 0.5rem; color: var(--vcp-text-2); }
.dn-rows[b-ltalmvj947] { overflow: auto; min-height: 0; display: flex; flex-direction: column; gap: 0.2rem; }
.dn-row[b-ltalmvj947] { display: flex; flex-direction: column; align-items: flex-start; gap: 0.1rem; border: 0; background: #fff; border-radius: 8px; padding: 0.45rem 0.6rem;
    text-align: left; font: inherit; cursor: pointer; }
.dn-row:hover[b-ltalmvj947] { background: var(--vcp-tint-2); }
.dn-row.on[b-ltalmvj947] { background: var(--vcp-accent-dark); color: #fff; }
.dn-row.new[b-ltalmvj947] { font-style: italic; cursor: default; }
.dn-row strong[b-ltalmvj947] { font-size: 0.88rem; font-variant-numeric: tabular-nums; }
.dn-row small[b-ltalmvj947] { font-size: 0.74rem; opacity: 0.85; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
.dn-main[b-ltalmvj947] { display: flex; flex-direction: column; gap: 0.5rem; min-height: 0; min-width: 0; }
.dn-top[b-ltalmvj947] { display: flex; align-items: center; gap: 0.8rem; flex-wrap: wrap; }
.dn-date[b-ltalmvj947] { display: flex; align-items: center; gap: 0.4rem; font-size: 0.8rem; font-weight: 600; color: var(--vcp-text-2); }
.dn-grow[b-ltalmvj947] { flex: 1; }
.dn-legend[b-ltalmvj947] { display: flex; flex-wrap: wrap; gap: 0.25rem 0.7rem; font-size: 0.74rem; color: var(--vcp-text-2); }
.dn-legend b[b-ltalmvj947] { color: var(--vcp-ink-2); }
.dn-chart-wrap[b-ltalmvj947] { flex: 1; min-height: 0; display: flex; align-items: flex-start; justify-content: center; overflow: auto; }
.dn-chart[b-ltalmvj947] { position: relative; height: 100%; max-width: 100%; container-type: size; }
.dn-jaw[b-ltalmvj947] { position: absolute; object-fit: contain; object-position: center; pointer-events: none; user-select: none; }
.dn-label[b-ltalmvj947] { position: absolute; display: flex; align-items: center; justify-content: center; font-size: 2.1cqh; font-weight: 600; color: var(--vcp-text-3);
    pointer-events: none; }
.dn-label.side[b-ltalmvj947] { font-size: 2.6cqh; color: var(--vcp-ink-2); text-transform: uppercase; letter-spacing: 0.04em; }
.dn-tooth[b-ltalmvj947] { position: absolute; box-sizing: border-box; border: 1px solid #b9d5de; border: 1px solid hsl(from #b9d5de calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 4px; background: rgba(255, 255, 255, 0.92);
    text-align: center; font: inherit; font-size: 1.9cqh; font-weight: 700; color: #b42318; padding: 0; text-transform: uppercase; }
.dn-tooth[b-ltalmvj947]::placeholder { color: #9ab6c0; color: hsl(from #9ab6c0 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); font-weight: 400; }
.dn-tooth:focus[b-ltalmvj947] { outline: 2px solid var(--vcp-accent-dark); outline-offset: 0; z-index: 1; }
.dn-tooth.set[b-ltalmvj947] { border-color: #b42318; background: #fff5f4; }
.dn-side[b-ltalmvj947] { display: flex; flex-direction: column; gap: 0.6rem; min-height: 0; overflow: auto; }
.dn-checks[b-ltalmvj947] { display: flex; flex-direction: column; gap: 0.3rem; font-size: 0.86rem; }
.dn-checks label[b-ltalmvj947] { display: flex; align-items: center; gap: 0.4rem; cursor: pointer; }
.dn-label-h[b-ltalmvj947], .dn-field > span[b-ltalmvj947] { font-size: 0.78rem; font-weight: 600; color: var(--vcp-text-2); }
.dn-field[b-ltalmvj947] { display: flex; flex-direction: column; gap: 0.15rem; }
.dn-grow-field[b-ltalmvj947] { flex: 1; min-height: 6rem; }
[b-ltalmvj947] .dn-in { width: 100%; }
[b-ltalmvj947] .dn-notes { flex: 1; min-height: 6rem; resize: none; }
.dn-error[b-ltalmvj947] { color: #b42318; font-size: 0.85rem; }
.dn-buttons[b-ltalmvj947] { display: flex; align-items: center; flex-wrap: wrap; gap: 0.4rem; }
/* /Modules/Doctors/Components/DoctorsSetup.razor.rz.scp.css */
.dr[b-uznaly6ahk] { display: grid; grid-template-columns: 15rem minmax(0, 1fr) 17rem; gap: 1rem; height: 100%; min-height: 0; }
.dr-empty[b-uznaly6ahk] { padding: 2rem; text-align: center; color: var(--vcp-text-3); }
.dr-empty.small[b-uznaly6ahk] { padding: 1rem; font-size: 0.85rem; }
.dr-list[b-uznaly6ahk], .dr-types[b-uznaly6ahk] { display: flex; flex-direction: column; gap: 0.4rem; min-height: 0; background: var(--vcp-tint-1); border-radius: 12px; padding: 0.5rem; }
.dr-rows[b-uznaly6ahk], .dr-type-rows[b-uznaly6ahk] { overflow: auto; min-height: 0; display: flex; flex-direction: column; gap: 0.2rem; }
.dr-row[b-uznaly6ahk] { display: flex; align-items: center; gap: 0.4rem; border: 0; background: #fff; border-radius: 8px; padding: 0.45rem 0.6rem; text-align: left;
    font: inherit; font-size: 0.88rem; cursor: pointer; }
.dr-row:hover[b-uznaly6ahk] { background: var(--vcp-tint-2); }
.dr-row.on[b-uznaly6ahk] { background: var(--vcp-accent-dark); color: #fff; }
.dr-row.new[b-uznaly6ahk] { font-style: italic; cursor: default; }
.dr-row[b-uznaly6ahk]  .rzi { font-size: 1.05rem; opacity: 0.7; }
.dr-form[b-uznaly6ahk] { display: grid; grid-template-columns: 1fr 1fr; gap: 0.6rem 0.8rem; align-content: start; }
.dr-wide[b-uznaly6ahk] { grid-column: 1 / -1; }
.dr-field[b-uznaly6ahk] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.78rem; font-weight: 600; color: var(--vcp-text-2); }
.dr-field em[b-uznaly6ahk] { color: #c62828; font-style: normal; }
[b-uznaly6ahk] .dr-in { width: 100%; font-weight: 400; }
.dr-help[b-uznaly6ahk] { font-size: 0.72rem; color: var(--vcp-text-3); font-weight: 400; }
.dr-note[b-uznaly6ahk] { display: flex; align-items: center; gap: 0.35rem; font-size: 0.8rem; color: var(--vcp-text-2); background: var(--vcp-tint-0); border-radius: 8px; padding: 0.4rem 0.5rem; }
.dr-note.warn[b-uznaly6ahk] { color: #8a5a00; background: #fff8e6; }
.dr-error[b-uznaly6ahk] { color: #b42318; font-size: 0.85rem; }
.dr-foot[b-uznaly6ahk] { display: flex; align-items: center; gap: 0.5rem; margin-top: 0.4rem; }
.dr-grow[b-uznaly6ahk] { flex: 1; }
.dr-types-head[b-uznaly6ahk] { display: flex; align-items: center; justify-content: space-between; font-size: 0.86rem; }
.dr-link[b-uznaly6ahk] { border: 0; background: transparent; color: var(--vcp-accent-dark); font: inherit; font-size: 0.78rem; cursor: pointer; }
.dr-type[b-uznaly6ahk] { display: flex; align-items: center; gap: 0.45rem; background: #fff; border-radius: 8px; padding: 0.3rem 0.5rem; font-size: 0.86rem; cursor: pointer; }
.dr-type.on[b-uznaly6ahk] { box-shadow: inset 3px 0 0 var(--vcp-accent-dark); }
.dr-swatch[b-uznaly6ahk] { width: 0.8rem; height: 0.8rem; border-radius: 3px; flex: none; }
/* /Modules/Equipment/Components/EquipmentSetup.razor.rz.scp.css */
.eq[b-hp42j56142] { display: grid; grid-template-columns: 17rem minmax(0, 1fr) 14rem; gap: 1rem; height: 100%; min-height: 0; }
.eq-empty[b-hp42j56142] { padding: 2rem; text-align: center; color: var(--vcp-text-3); }
.eq-list[b-hp42j56142] { display: flex; flex-direction: column; gap: 0.4rem; min-height: 0; background: var(--vcp-tint-1); border-radius: 12px; padding: 0.5rem; }
.eq-search[b-hp42j56142] { display: flex; align-items: center; gap: 0.35rem; background: #fff; border-radius: 8px; padding: 0.25rem 0.5rem; }
.eq-search input[b-hp42j56142] { flex: 1; border: 0; outline: none; font: inherit; font-size: 0.88rem; background: transparent; }
.eq-search[b-hp42j56142]  .rzi { color: var(--vcp-text-3); }
.eq-rows[b-hp42j56142] { overflow: auto; min-height: 0; display: flex; flex-direction: column; gap: 0.2rem; }
.eq-row[b-hp42j56142] { display: flex; flex-direction: column; align-items: flex-start; gap: 0.1rem; border: 0; background: #fff; border-radius: 8px; padding: 0.45rem 0.6rem;
    text-align: left; font: inherit; cursor: pointer; }
.eq-row:hover[b-hp42j56142] { background: var(--vcp-tint-2); }
.eq-row.on[b-hp42j56142] { background: var(--vcp-accent-dark); color: #fff; }
.eq-row.new[b-hp42j56142] { font-style: italic; cursor: default; }
.eq-name[b-hp42j56142] { font-size: 0.9rem; font-weight: 600; }
.eq-sub[b-hp42j56142] { display: flex; flex-wrap: wrap; gap: 0.3rem; font-size: 0.74rem; opacity: 0.85; align-items: center; }
.eq-badge[b-hp42j56142] { border-radius: 999px; padding: 0 0.4rem; font-size: 0.68rem; font-weight: 600; }
.eq-badge.out[b-hp42j56142] { background: #fdecec; color: #c62828; }
.eq-badge.due[b-hp42j56142] { background: #fff3e0; color: #b45f06; }
.eq-form[b-hp42j56142] { display: grid; grid-template-columns: 1fr 1fr; gap: 0.6rem 0.8rem; align-content: start; overflow: auto; }
.eq-wide[b-hp42j56142] { grid-column: 1 / -1; }
.eq-field[b-hp42j56142] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.78rem; font-weight: 600; color: var(--vcp-text-2); }
.eq-field em[b-hp42j56142] { color: #c62828; font-style: normal; }
[b-hp42j56142] .eq-in { width: 100%; font-weight: 400; }
.eq-error[b-hp42j56142] { color: #b42318; font-size: 0.85rem; }
.eq-foot[b-hp42j56142] { display: flex; align-items: center; gap: 0.5rem; margin-top: 0.3rem; }
.eq-grow[b-hp42j56142] { flex: 1; }
.eq-photo[b-hp42j56142] { position: relative; display: flex; align-items: center; justify-content: center; height: 12rem; border-radius: 12px; background: var(--vcp-tint-1);
    color: var(--vcp-text-3); cursor: pointer; overflow: hidden; }
.eq-photo img[b-hp42j56142] { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; background: #fff; }
.eq-photo-icon[b-hp42j56142] { font-size: 2rem; }
.eq-photo.off[b-hp42j56142] { cursor: default; opacity: 0.7; }
[b-hp42j56142] .eq-file { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
/* /Modules/Expenses/Components/ExpensesWindow.razor.rz.scp.css */
.ex[b-yph9f20k7e] { display: grid; grid-template-columns: 22rem minmax(0, 1fr); gap: 0.8rem; height: calc(100% - var(--vcp-foot-room, 3.4rem)); min-height: 0; }
.ex-empty[b-yph9f20k7e] { padding: 2rem; text-align: center; color: var(--vcp-text-3); }
.ex[b-yph9f20k7e]  .ex-in { width: 100%; }
.ex[b-yph9f20k7e]  .ex-missing, .ex[b-yph9f20k7e]  .ex-missing.rz-textbox, .ex[b-yph9f20k7e]  .ex-missing .rz-inputtext { background: #ffe6e6 !important; border-color: #e57373 !important; }
.ex-grow[b-yph9f20k7e] { flex: 1; }
.ex-hint[b-yph9f20k7e] { font-size: 0.8rem; color: var(--vcp-text-3); padding: 0.4rem 0.3rem; }

/* The list */
.ex-left[b-yph9f20k7e] { display: flex; flex-direction: column; gap: 0.45rem; min-height: 0; background: var(--vcp-tint-1); border-radius: 12px; padding: 0.6rem; }
.ex-kinds[b-yph9f20k7e] { display: grid; grid-template-columns: auto 1fr 1fr; gap: 0.25rem; background: #fff; border-radius: 10px; padding: 0.2rem; }
.ex-kind[b-yph9f20k7e] { display: inline-flex; align-items: center; justify-content: center; gap: 0.25rem; border: 0; background: transparent; border-radius: 8px;
           padding: 0.3rem 0.45rem; font: inherit; font-size: 0.78rem; font-weight: 700; color: var(--vcp-text-2); cursor: pointer; white-space: nowrap; }
.ex-kind[b-yph9f20k7e]  .rzi { font-size: 1rem; }
.ex-kind:hover[b-yph9f20k7e] { background: var(--vcp-tint-1); }
.ex-kind-on[b-yph9f20k7e], .ex-kind-on:hover[b-yph9f20k7e] { background: var(--vcp-accent-dark); color: #fff; }
.ex-periods[b-yph9f20k7e] { display: flex; flex-wrap: wrap; gap: 0.3rem; }
.ex-chip[b-yph9f20k7e] { border: 1px solid var(--vcp-line-accent); background: #fff; color: var(--vcp-text-2); border-radius: 999px; padding: 0.2rem 0.6rem; font: inherit; font-size: 0.78rem;
           font-weight: 600; cursor: pointer; }
.ex-chip:hover[b-yph9f20k7e] { background: var(--vcp-tint-2); }
.ex-chip-on[b-yph9f20k7e], .ex-chip-on:hover[b-yph9f20k7e] { background: var(--vcp-accent-dark); border-color: var(--vcp-accent-dark); color: #fff; }
.ex-range[b-yph9f20k7e] { display: grid; grid-template-columns: auto 1fr auto 1fr auto; align-items: center; gap: 0.25rem; }
.ex[b-yph9f20k7e]  .ex-date { width: 100%; min-width: 0; }
.ex[b-yph9f20k7e]  .ex-date .rz-inputtext { font-size: 0.82rem; padding-left: 0.4rem; }
.ex-dash[b-yph9f20k7e] { color: var(--vcp-text-3); }
.ex-arrow[b-yph9f20k7e] { border: 0; background: #fff; border-radius: 8px; color: var(--vcp-accent-dark); cursor: pointer; display: inline-flex; padding: 0.2rem; }
.ex-search[b-yph9f20k7e] { display: flex; align-items: center; gap: 0.35rem; background: #fff; border-radius: 10px; padding: 0.3rem 0.5rem; border: 1px solid var(--vcp-line-accent); color: var(--vcp-text-2); }
.ex-search-in[b-yph9f20k7e] { flex: 1; border: 0; outline: none; font: inherit; font-size: 0.9rem; min-width: 0; background: transparent; }
.ex-x[b-yph9f20k7e] { border: 0; background: transparent; color: var(--vcp-text-3); cursor: pointer; display: inline-flex; border-radius: 6px; padding: 0.15rem; }
.ex-list[b-yph9f20k7e] { flex: 1 1 auto; overflow: auto; background: #fff; border-radius: 10px; padding: 0.25rem; min-height: 0; }
.ex-row[b-yph9f20k7e] { display: flex; align-items: center; gap: 0.5rem; width: 100%; border: 0; background: transparent; text-align: left; padding: 0.4rem 0.5rem;
          border-radius: 8px; font: inherit; cursor: pointer; color: inherit; }
.ex-row:hover[b-yph9f20k7e] { background: var(--vcp-tint-1); }
.ex-row-icon[b-yph9f20k7e] { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 1.9rem; height: 1.9rem; border-radius: 8px; }
.ex-row-icon[b-yph9f20k7e]  .rzi { font-size: 1.1rem; }
/* The two kinds keep one colour each everywhere in the window: violet for paying a supplier, amber for an expense. */
.ex-sp[b-yph9f20k7e] { background: #ede7f6; color: #4a2f7a; }
.ex-xp[b-yph9f20k7e] { background: #fff3d6; color: #8a5300; }
.ex-row-body[b-yph9f20k7e] { display: flex; flex-direction: column; gap: 0.1rem; min-width: 0; flex: 1; }
.ex-row-top[b-yph9f20k7e] { display: flex; justify-content: space-between; gap: 0.5rem; }
.ex-row-name[b-yph9f20k7e] { font-size: 0.88rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ex-row-amt[b-yph9f20k7e] { font-size: 0.86rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ex-row-sub[b-yph9f20k7e] { display: flex; align-items: center; flex-wrap: wrap; gap: 0.25rem; font-size: 0.74rem; opacity: 0.8; }
.ex-current[b-yph9f20k7e], .ex-current:hover[b-yph9f20k7e] { background: var(--vcp-accent-dark); color: #fff; }
.ex-current .ex-row-icon[b-yph9f20k7e] { background: rgba(255, 255, 255, 0.2); color: #fff; }
.ex-badge[b-yph9f20k7e] { display: inline-block; padding: 0 0.4rem; border-radius: 6px; font-size: 0.7rem; font-weight: 700; }
.ex-badge-store[b-yph9f20k7e] { background: var(--vcp-tint-2); color: var(--vcp-ink-2); }
.ex-current .ex-badge[b-yph9f20k7e] { background: rgba(255, 255, 255, 0.2); color: #fff; }
.ex-sums[b-yph9f20k7e] { display: flex; align-items: center; gap: 0.7rem; font-size: 0.78rem; color: var(--vcp-text-2); font-variant-numeric: tabular-nums; }
.ex-sums span[b-yph9f20k7e] { display: inline-flex; align-items: center; gap: 0.2rem; }
.ex-sums[b-yph9f20k7e]  .rzi { font-size: 0.95rem; }
.ex-sums strong[b-yph9f20k7e] { margin-left: auto; color: var(--vcp-ink-2); }

/* Choosing what to record */
.ex-main[b-yph9f20k7e] { display: flex; flex-direction: column; gap: 0.55rem; min-height: 0; min-width: 0; overflow: auto; }
.ex-choose[b-yph9f20k7e] { margin: auto; max-width: 46rem; width: 100%; text-align: center; }
.ex-choose h3[b-yph9f20k7e] { margin: 0 0 1rem; font-size: 1.1rem; color: var(--vcp-ink-2); }
.ex-cards[b-yph9f20k7e] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.ex-card[b-yph9f20k7e] { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; padding: 1.4rem 1.2rem; border-radius: 14px; border: 2px solid transparent;
           font: inherit; cursor: pointer; text-align: center; transition: border-color 0.12s, transform 0.12s; }
.ex-card[b-yph9f20k7e]  .rzi { font-size: 2.2rem; }
.ex-card strong[b-yph9f20k7e] { font-size: 1.05rem; }
.ex-card span[b-yph9f20k7e] { font-size: 0.84rem; line-height: 1.35; opacity: 0.85; }
.ex-card:hover:not(:disabled)[b-yph9f20k7e] { transform: translateY(-1px); }
.ex-card:disabled[b-yph9f20k7e] { opacity: 0.5; cursor: default; }
.ex-card-sp[b-yph9f20k7e] { background: #f4f0fa; color: #4a2f7a; }
.ex-card-sp:hover:not(:disabled)[b-yph9f20k7e] { border-color: #9575cd; }
.ex-card-xp[b-yph9f20k7e] { background: #fff8e8; color: #7a4a00; }
.ex-card-xp:hover:not(:disabled)[b-yph9f20k7e] { border-color: #e0a100; }

/* The payment */
.ex-head[b-yph9f20k7e] { display: flex; align-items: center; gap: 0.55rem; padding: 0.45rem 0.7rem; border-radius: 10px; }
.ex-head[b-yph9f20k7e]  .rzi { font-size: 1.3rem; }
.ex-head strong[b-yph9f20k7e] { font-size: 1.05rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.ex-head-sp[b-yph9f20k7e] { background: #ede7f6; color: #4a2f7a; }
.ex-head-xp[b-yph9f20k7e] { background: #fff3d6; color: #7a4a00; }
.ex-id[b-yph9f20k7e] { font-size: 0.78rem; opacity: 0.75; }
.ex[b-yph9f20k7e]  .ex-kind-switch { flex: none; }
.ex[b-yph9f20k7e]  .ex-kind-switch .rz-button { font-size: 0.74rem; white-space: nowrap; padding-inline: 0.7rem; }
.ex-store[b-yph9f20k7e] { display: inline-flex; align-items: center; gap: 0.3rem; padding: 0.2rem 0.6rem; border-radius: 999px; background: #fff; font-size: 0.8rem; font-weight: 700; }
.ex-store[b-yph9f20k7e]  .rzi, .ex-store-pick[b-yph9f20k7e]  .rzi { font-size: 1rem; }
.ex-store-pick[b-yph9f20k7e] { display: inline-flex; align-items: center; gap: 0.3rem; }
.ex[b-yph9f20k7e]  .ex-store-dd { min-width: 8.5rem; max-width: 11rem; }
.ex-sub[b-yph9f20k7e] { display: flex; align-items: center; gap: 0.8rem; }
.ex-lead[b-yph9f20k7e] { margin: 0; flex: 1; min-width: 0; font-size: 0.82rem; color: var(--vcp-text-2); }
.ex-body[b-yph9f20k7e] { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; align-items: start; }
.ex-body-sp[b-yph9f20k7e] { grid-template-columns: minmax(0, 1fr) 19rem; }
.ex-fields[b-yph9f20k7e] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.55rem 0.8rem; }
.ex-field[b-yph9f20k7e] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.78rem; color: var(--vcp-text-2); font-weight: 600; min-width: 0; }
.ex-field em[b-yph9f20k7e] { color: #c62828; font-style: normal; }
.ex-span2[b-yph9f20k7e] { grid-column: span 2; }
/* Beside the balance there is room for two columns. */
.ex-body-sp .ex-fields[b-yph9f20k7e] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ex[b-yph9f20k7e]  .ex-num { width: 100%; }
.ex[b-yph9f20k7e]  .ex-num input { text-align: right; font-variant-numeric: tabular-nums; }
.ex[b-yph9f20k7e]  .ex-amount input { font-weight: 700; font-size: 1rem; }
.ex[b-yph9f20k7e]  .ex-field .rz-autocomplete, .ex[b-yph9f20k7e]  .ex-field .rz-autocomplete input { width: 100%; }
.ex-mini[b-yph9f20k7e] { display: inline-flex; margin-left: 0.3rem; color: var(--vcp-accent-dark); cursor: pointer; vertical-align: middle; }
.ex-mini[b-yph9f20k7e]  .rzi { font-size: 0.95rem; }

/* The supplier's balance */
.ex-balance[b-yph9f20k7e] { background: #f8f6fc; border: 1px solid #ddd3ee; border-radius: 12px; padding: 0.7rem 0.8rem; display: flex; flex-direction: column; gap: 0.45rem; }
.ex-balance h4[b-yph9f20k7e] { margin: 0; font-size: 0.86rem; color: #4a2f7a; }
.ex-balance h5[b-yph9f20k7e] { margin: 0.3rem 0 0; font-size: 0.78rem; color: var(--vcp-text-2); }
.ex-bal-grid[b-yph9f20k7e] { display: grid; grid-template-columns: 1fr auto; gap: 0.2rem 0.6rem; font-size: 0.82rem; color: var(--vcp-text-2); }
.ex-bal-grid strong[b-yph9f20k7e] { text-align: right; font-variant-numeric: tabular-nums; color: var(--vcp-ink-2); }
.ex-bal-sep[b-yph9f20k7e] { border-top: 1px solid #ddd3ee; padding-top: 0.2rem; font-weight: 700; }
.ex-bal-after[b-yph9f20k7e] { display: flex; justify-content: space-between; align-items: baseline; background: #fff; border-radius: 8px; padding: 0.45rem 0.6rem; font-size: 0.86rem;
                color: #4a2f7a; font-weight: 700; }
.ex-bal-after strong[b-yph9f20k7e] { font-size: 1.15rem; font-variant-numeric: tabular-nums; }
.ex-bal-over[b-yph9f20k7e] { background: #fff7e6; color: #8a5300; outline: 1px solid #f0c36d; }
.ex-payall[b-yph9f20k7e] { align-self: flex-start; font-size: 0.8rem; }
.ex-invoices[b-yph9f20k7e] { display: flex; flex-direction: column; gap: 0.15rem; max-height: 13rem; overflow: auto; }
.ex-inv[b-yph9f20k7e] { display: grid; grid-template-columns: 5.2rem 1fr auto; gap: 0.4rem; align-items: center; border: 0; background: #fff; border-radius: 6px; padding: 0.25rem 0.45rem;
          font: inherit; font-size: 0.78rem; text-align: left; cursor: pointer; color: var(--vcp-text-2); }
.ex-inv:hover:not(:disabled)[b-yph9f20k7e] { background: #ede7f6; }
.ex-inv:disabled[b-yph9f20k7e] { cursor: default; }
.ex-inv-no[b-yph9f20k7e] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ex-inv strong[b-yph9f20k7e] { font-variant-numeric: tabular-nums; color: var(--vcp-ink-2); }
.ex-open-pu[b-yph9f20k7e] { align-self: flex-start; font-size: 0.78rem; }

.ex-note[b-yph9f20k7e] { display: flex; align-items: center; flex-wrap: wrap; gap: 0.45rem; padding: 0.4rem 0.7rem; border-radius: 10px; background: var(--vcp-tint-1); font-size: 0.82rem; color: var(--vcp-ink-2); }
.ex-note[b-yph9f20k7e]  .rzi { font-size: 1.05rem; }
.ex-warn[b-yph9f20k7e] { display: flex; align-items: center; gap: 0.4rem; font-size: 0.8rem; font-weight: 600; color: #a15c00; }
.ex-warn[b-yph9f20k7e]  .rzi { font-size: 1rem; }
.ex-error[b-yph9f20k7e] { display: flex; align-items: center; gap: 0.4rem; padding: 0.4rem 0.7rem; border-radius: 10px; background: #fdecea; color: #b42318; font-size: 0.85rem; font-weight: 600; }
.ex-error[b-yph9f20k7e]  .rzi { font-size: 1.05rem; }
.ex-foot[b-yph9f20k7e] { display: flex; align-items: center; gap: 0.5rem; margin-top: 0.6rem; }

@media (max-width: 1150px) {
    .ex[b-yph9f20k7e] { grid-template-columns: 18rem minmax(0, 1fr); }
    .ex-fields[b-yph9f20k7e] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ex-body-sp[b-yph9f20k7e] { grid-template-columns: minmax(0, 1fr); }
    .ex-cards[b-yph9f20k7e] { grid-template-columns: 1fr; }
}
/* /Modules/Eye/Components/EyeDrawingDialog.razor.rz.scp.css */
.ed[b-5md53how9t] { display: flex; flex-direction: column; gap: 0.6rem; height: 100%; min-height: 0; }
.ed-tools[b-5md53how9t] { display: flex; align-items: center; flex-wrap: wrap; gap: 0.4rem; }
.ed-pen[b-5md53how9t] { width: 2rem; height: 2rem; border-radius: 50%; border: 2px solid #d5e3e8; border: 2px solid hsl(from #d5e3e8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); background: #fff; display: grid; place-items: center; cursor: pointer; padding: 0; }
.ed-pen span[b-5md53how9t] { width: 1.1rem; height: 1.1rem; border-radius: 50%; background: var(--pen); }
.ed-pen.on[b-5md53how9t] { border-color: var(--vcp-accent-dark); box-shadow: 0 0 0 2px color-mix(in srgb, var(--vcp-accent-dark) 25%, transparent); }
.ed-width[b-5md53how9t] { width: 2.4rem; height: 2rem; border-radius: 8px; border: 2px solid #d5e3e8; border: 2px solid hsl(from #d5e3e8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); background: #fff; display: grid; place-items: center; cursor: pointer;
    padding: 0 0.35rem; }
.ed-width span[b-5md53how9t] { width: 100%; background: #1f3b46; background: hsl(from #1f3b46 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 3px; }
.ed-width.on[b-5md53how9t] { border-color: var(--vcp-accent-dark); }
.ed-sep[b-5md53how9t] { width: 1px; height: 1.6rem; background: #d5e3e8; background: hsl(from #d5e3e8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); margin: 0 0.2rem; }
.ed-board[b-5md53how9t] { position: relative; flex: 1; min-height: 0; display: flex; align-items: center; justify-content: center; background: var(--vcp-tint-1); border-radius: 10px;
    padding: 0.5rem; overflow: hidden; }
.ed-canvas[b-5md53how9t] { max-width: 100%; max-height: 100%; background: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); cursor: crosshair; touch-action: none; }
.ed-wait[b-5md53how9t] { position: absolute; inset: 0; display: grid; place-items: center; color: var(--vcp-text-3); }
.ed-error[b-5md53how9t] { color: #b42318; font-size: 0.86rem; }
.ed-buttons[b-5md53how9t] { display: flex; align-items: center; gap: 0.5rem; }
.ed-hint[b-5md53how9t] { font-size: 0.78rem; color: var(--vcp-text-3); }
.ed-grow[b-5md53how9t] { flex: 1; }
/* /Modules/Eye/Components/EyePanel.razor.rz.scp.css */
.ey[b-4zv7n7uxt9] { display: grid; grid-template-columns: 13rem minmax(0, 1fr); gap: 0.9rem; height: 100%; min-height: 0; }
.ey-empty[b-4zv7n7uxt9] { padding: 2rem; text-align: center; color: var(--vcp-text-3); }
.ey-list[b-4zv7n7uxt9] { display: flex; flex-direction: column; gap: 0.4rem; min-height: 0; background: var(--vcp-tint-1); border-radius: 12px; padding: 0.5rem; }
.ey-list-head[b-4zv7n7uxt9] { display: flex; align-items: center; justify-content: space-between; font-size: 0.88rem; padding: 0.2rem 0.3rem; }
.ey-count[b-4zv7n7uxt9] { font-size: 0.74rem; background: #fff; border-radius: 999px; padding: 0 0.5rem; color: var(--vcp-text-2); }
.ey-rows[b-4zv7n7uxt9] { overflow: auto; min-height: 0; display: flex; flex-direction: column; gap: 0.2rem; }
.ey-row[b-4zv7n7uxt9] { display: flex; flex-direction: column; align-items: flex-start; gap: 0.1rem; border: 0; background: #fff; border-radius: 8px; padding: 0.45rem 0.6rem;
    text-align: left; font: inherit; cursor: pointer; }
.ey-row:hover[b-4zv7n7uxt9] { background: var(--vcp-tint-2); }
.ey-row.on[b-4zv7n7uxt9] { background: var(--vcp-accent-dark); color: #fff; }
.ey-row.new[b-4zv7n7uxt9] { font-style: italic; cursor: default; }
.ey-row strong[b-4zv7n7uxt9] { font-size: 0.88rem; font-variant-numeric: tabular-nums; }
.ey-row small[b-4zv7n7uxt9] { font-size: 0.74rem; opacity: 0.85; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
.ey-main[b-4zv7n7uxt9] { display: flex; flex-direction: column; min-height: 0; min-width: 0; gap: 0.5rem; }
.ey-tabs[b-4zv7n7uxt9] { display: flex; gap: 0.25rem; border-bottom: 1px solid #d5e3e8; border-bottom: 1px solid hsl(from #d5e3e8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); flex-wrap: wrap; }
.ey-tab[b-4zv7n7uxt9] { border: 0; background: none; font: inherit; font-size: 0.86rem; font-weight: 600; color: var(--vcp-text-3); padding: 0.45rem 0.8rem; border-bottom: 3px solid transparent;
    cursor: pointer; }
.ey-tab:hover[b-4zv7n7uxt9] { color: var(--vcp-ink-2); }
.ey-tab.on[b-4zv7n7uxt9] { color: var(--vcp-ink-2); border-bottom-color: var(--vcp-accent-dark); }
.ey-page[b-4zv7n7uxt9] { flex: 1; min-height: 0; overflow: auto; padding: 0.2rem 0.4rem 0.6rem 0; display: flex; flex-direction: column; gap: 0.55rem; }
.ey-page h4[b-4zv7n7uxt9] { margin: 0.5rem 0 0; font-size: 0.82rem; text-transform: uppercase; letter-spacing: 0.04em; color: var(--vcp-ink-2); }
.ey-grid1[b-4zv7n7uxt9] { display: grid; grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr)); gap: 0.5rem 0.9rem; }
.ey-grid1 .ey-span[b-4zv7n7uxt9], .ey-grid1 > .ey-f:has(textarea)[b-4zv7n7uxt9] { grid-column: 1 / -1; }
.ey-grid2[b-4zv7n7uxt9] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem 0.9rem; }
.ey-grid3[b-4zv7n7uxt9] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.5rem 0.9rem; }
.ey-grid4[b-4zv7n7uxt9] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.5rem 0.9rem; }
.ey-f[b-4zv7n7uxt9] { display: flex; flex-direction: column; gap: 0.15rem; min-width: 0; }
.ey-f > span:first-child[b-4zv7n7uxt9] { font-size: 0.76rem; font-weight: 600; color: var(--vcp-text-2); }
.ey-in[b-4zv7n7uxt9] { display: flex; align-items: center; gap: 0.35rem; }
.ey-pair .ey-in:not(:has(textarea))[b-4zv7n7uxt9] { max-width: 24rem; }
.ey-in small[b-4zv7n7uxt9] { font-size: 0.76rem; color: var(--vcp-text-3); white-space: nowrap; }
[b-4zv7n7uxt9] .ey-box { width: 100%; }
.ey-checks[b-4zv7n7uxt9] { display: flex; flex-wrap: wrap; gap: 0.35rem 1.1rem; }
.ey-check[b-4zv7n7uxt9] { display: inline-flex; align-items: center; gap: 0.35rem; font-size: 0.86rem; cursor: pointer; }
.ey-pick[b-4zv7n7uxt9] { display: flex; gap: 0.3rem; flex-wrap: wrap; }
.ey-eyes[b-4zv7n7uxt9] { display: flex; flex-direction: column; gap: 0.5rem; }
.ey-eyes-head[b-4zv7n7uxt9], .ey-pair[b-4zv7n7uxt9] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem 1.6rem; }
.ey-eyes-head[b-4zv7n7uxt9] { position: sticky; top: 0; z-index: 2; background: #fff; padding: 0.3rem 0; border-bottom: 1px solid #e3edf0; border-bottom: 1px solid hsl(from #e3edf0 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ey-eyes-head strong[b-4zv7n7uxt9] { font-size: 0.92rem; color: #1f3b46; color: hsl(from #1f3b46 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ey-eyes-head small[b-4zv7n7uxt9] { font-weight: 600; color: var(--vcp-accent-dark); margin-left: 0.3rem; }
.ey-sec[b-4zv7n7uxt9] { border-top: 1px dashed #d5e3e8; border-top: 1px dashed hsl(from #d5e3e8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); padding-top: 0.45rem; }
.ey-sec:first-of-type[b-4zv7n7uxt9] { border-top: 0; }
.ey-draw[b-4zv7n7uxt9] { display: flex; flex-direction: column; gap: 0.2rem; align-items: flex-start; position: relative; }
.ey-draw-label[b-4zv7n7uxt9] { display: flex; align-items: center; gap: 0.3rem; min-height: 1.6rem; font-size: 0.76rem; font-weight: 600; color: var(--vcp-text-2); }
.ey-pic[b-4zv7n7uxt9] { position: relative; border: 1px solid #d5e3e8; border: 1px solid hsl(from #d5e3e8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 8px; background: #fff; padding: 0.3rem; cursor: pointer; max-width: 100%; line-height: 0; }
.ey-pic img[b-4zv7n7uxt9] { max-width: 100%; max-height: 12rem; object-fit: contain; }
.ey-pic:hover:not(:disabled)[b-4zv7n7uxt9] { border-color: var(--vcp-accent-dark); box-shadow: 0 0 0 2px color-mix(in srgb, var(--vcp-accent-dark) 15%, transparent); }
.ey-pic:disabled[b-4zv7n7uxt9] { cursor: default; }
.ey-pic.drawn[b-4zv7n7uxt9] { border-color: #6aa7bb; border-color: hsl(from #6aa7bb calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ey-pic-edit[b-4zv7n7uxt9] { position: absolute; right: 0.3rem; bottom: 0.3rem; background: rgba(255, 255, 255, 0.9); border-radius: 50%; padding: 0.15rem; line-height: 1;
    color: var(--vcp-accent-dark); opacity: 0; transition: opacity 0.15s; }
.ey-pic:hover .ey-pic-edit[b-4zv7n7uxt9], .ey-pic:focus-visible .ey-pic-edit[b-4zv7n7uxt9] { opacity: 1; }
.ey-legend[b-4zv7n7uxt9] { max-width: 100%; margin-top: 0.4rem; border: 1px solid #e3edf0; border: 1px solid hsl(from #e3edf0 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 6px; }
.ey-tests[b-4zv7n7uxt9] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem 1.2rem; }
.ey-test[b-4zv7n7uxt9] { display: flex; flex-direction: column; gap: 0.2rem; }
.ey-error[b-4zv7n7uxt9] { color: #b42318; font-size: 0.85rem; }
.ey-buttons[b-4zv7n7uxt9] { display: flex; align-items: center; flex-wrap: wrap; gap: 0.4rem; border-top: 1px solid #e3edf0; border-top: 1px solid hsl(from #e3edf0 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); padding-top: 0.5rem; }
.ey-grow[b-4zv7n7uxt9] { flex: 1; }
/* /Modules/Hospital/Components/ActionDialog.razor.rz.scp.css */
.ad[b-rgkmza3k8m] { display: grid; grid-template-columns: 1fr 1fr; gap: 0.6rem 0.9rem; }
.ad-field[b-rgkmza3k8m] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.78rem; font-weight: 600; color: var(--vcp-text-2); }
.ad-field em[b-rgkmza3k8m] { color: #c62828; font-style: normal; }
.ad-wide[b-rgkmza3k8m], .ad-check[b-rgkmza3k8m], .ad-done[b-rgkmza3k8m], .ad-error[b-rgkmza3k8m], .ad-buttons[b-rgkmza3k8m] { grid-column: 1 / -1; }
[b-rgkmza3k8m] .ad-in { width: 100%; font-weight: 400; }
.ad-every[b-rgkmza3k8m] { display: flex; align-items: center; gap: 0.5rem; }
[b-rgkmza3k8m] .ad-num { width: 5.5rem; }
[b-rgkmza3k8m] .ad-num input { text-align: right; }
.ad-help[b-rgkmza3k8m] { font-weight: 400; color: var(--vcp-text-3); font-size: 0.72rem; }
.ad-check[b-rgkmza3k8m] { display: flex; align-items: center; gap: 0.35rem; font-size: 0.86rem; }
[b-rgkmza3k8m] .ad-prio { color: #c62828; font-size: 1.1rem; }
.ad-done[b-rgkmza3k8m] { display: flex; align-items: center; gap: 0.35rem; font-size: 0.82rem; color: #2e7d32; background: #edf7ee; border-radius: 6px; padding: 0.35rem 0.5rem; }
.ad-error[b-rgkmza3k8m] { color: #b42318; font-size: 0.85rem; }
.ad-buttons[b-rgkmza3k8m] { display: flex; justify-content: flex-end; gap: 0.5rem; }
.ad[b-rgkmza3k8m] { grid-template-columns: repeat(3, 1fr); }
[b-rgkmza3k8m] .ad-num input { text-align: right; }
/* /Modules/Hospital/Components/ActionList.razor.rz.scp.css */
.al[b-r12ypepxzb] { display: flex; flex-direction: column; gap: 0.3rem; }
.al-empty[b-r12ypepxzb] { padding: 1.5rem; text-align: center; color: var(--vcp-text-3); font-size: 0.88rem; }
.al-row[b-r12ypepxzb] { display: grid; grid-template-columns: 5.4rem minmax(0, 1fr) auto; gap: 0.7rem; align-items: center; background: #fff;
    border: 1px solid #e3eef1; border: 1px solid hsl(from #e3eef1 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-left: 4px solid #7e57c2; border-radius: 10px; padding: 0.45rem 0.6rem; }
.al-when[b-r12ypepxzb] { display: flex; flex-direction: column; line-height: 1.15; font-variant-numeric: tabular-nums; }
.al-when strong[b-r12ypepxzb] { font-size: 1.05rem; color: var(--vcp-ink-2); }
.al-when span[b-r12ypepxzb] { font-size: 0.72rem; color: var(--vcp-text-3); }
.al-main[b-r12ypepxzb] { display: flex; flex-direction: column; gap: 0.2rem; min-width: 0; }
.al-pet[b-r12ypepxzb] { align-self: flex-start; display: inline-flex; align-items: center; gap: 0.35rem; border: 0; background: transparent; padding: 0; font: inherit;
    font-size: 0.8rem; font-weight: 600; color: var(--vcp-accent-dark); cursor: pointer; }
.al-cage[b-r12ypepxzb] { background: var(--vcp-ink-2); color: #fff; border-radius: 6px; padding: 0 0.35rem; font-size: 0.72rem; }
.al-name[b-r12ypepxzb] { font-size: 0.9rem; white-space: pre-line; }
.al-readings[b-r12ypepxzb] { display: flex; flex-wrap: wrap; gap: 0.25rem; }
.al-reading[b-r12ypepxzb] { display: inline-flex; align-items: center; gap: 0.25rem; background: #f3eefb; border-radius: 6px; padding: 0.05rem 0.4rem; font-size: 0.76rem; color: #3d3550; }
.al-reading span[b-r12ypepxzb] { color: #6b5f86; }
.al-reading[b-r12ypepxzb]  .rzi { font-size: 0.95rem; }
.al-side[b-r12ypepxzb] { display: flex; align-items: center; gap: 0.15rem; }
.al-staff[b-r12ypepxzb] { font-size: 0.74rem; color: var(--vcp-text-3); margin-right: 0.3rem; }
/* /Modules/Hospital/Components/DayPicker.razor.rz.scp.css */
.dp[b-jnkuqy2w5w] { display: inline-flex; align-items: center; gap: 0.15rem; }
.dp-btn[b-jnkuqy2w5w] { border: 0; background: transparent; color: var(--vcp-accent-dark); cursor: pointer; display: inline-flex; border-radius: 6px; padding: 0.15rem; }
.dp-btn:hover[b-jnkuqy2w5w] { background: #dcebf0; background: hsl(from #dcebf0 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
[b-jnkuqy2w5w] .dp-date { width: 12rem; }
.dp-today[b-jnkuqy2w5w] { border: 0; background: var(--vcp-tint-1); color: var(--vcp-accent-dark); border-radius: 999px; font: inherit; font-size: 0.76rem; padding: 0.15rem 0.55rem; cursor: pointer; }
/* /Modules/Hospital/Components/HospitalBoard.razor.rz.scp.css */
.hb[b-qblikfllzm] { display: grid; grid-template-columns: minmax(22rem, 30rem) minmax(0, 1fr); gap: 1rem; height: 100%; min-height: 0; }
.hb-empty[b-qblikfllzm] { padding: 2rem; text-align: center; color: var(--vcp-text-3); }
.hb-empty.small[b-qblikfllzm] { padding: 1rem; font-size: 0.86rem; }
.hb-stays[b-qblikfllzm], .hb-right[b-qblikfllzm] { display: flex; flex-direction: column; gap: 0.5rem; min-height: 0; }
.hb-bar[b-qblikfllzm] { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; }
.hb-search[b-qblikfllzm] { display: flex; align-items: center; gap: 0.4rem; background: var(--vcp-tint-1); border-radius: 10px; padding: 0.3rem 0.6rem; }
.hb-search input[b-qblikfllzm] { flex: 1; border: 0; background: transparent; font: inherit; font-size: 0.9rem; outline: none; }
.hb-search[b-qblikfllzm]  .rzi { color: var(--vcp-text-3); }
.hb-total[b-qblikfllzm] { font-size: 0.76rem; color: var(--vcp-text-3); background: #fff; border-radius: 999px; padding: 0 0.5rem; }
.hb-cards[b-qblikfllzm] { flex: 1; min-height: 0; overflow: auto; display: flex; flex-direction: column; gap: 0.5rem; padding-right: 0.2rem; }
.hb-card[b-qblikfllzm] { background: #fff; border: 1px solid #dfeaee; border: 1px solid hsl(from #dfeaee calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 12px; padding: 0.55rem 0.7rem; display: flex; flex-direction: column; gap: 0.25rem;
    box-shadow: 0 1px 2px color-mix(in srgb, var(--vcp-ink) 5%, transparent); }
.hb-card.on[b-qblikfllzm] { border-color: var(--vcp-accent-dark); box-shadow: 0 0 0 2px color-mix(in srgb, var(--vcp-accent-dark) 18%, transparent); }
.hb-card.late[b-qblikfllzm] { border-left: 4px solid #d32f2f; }
.hb-card.leaving[b-qblikfllzm] { background: #fffaf0; }
.hb-card-head[b-qblikfllzm] { display: flex; align-items: center; gap: 0.5rem; }
.hb-cage[b-qblikfllzm] { min-width: 2rem; text-align: center; background: var(--vcp-ink-2); color: #fff; border-radius: 8px; padding: 0.1rem 0.4rem; font-weight: 700; font-size: 0.9rem; }
.hb-pet[b-qblikfllzm] { display: inline-flex; align-items: center; gap: 0.3rem; border: 0; background: transparent; padding: 0; font: inherit; font-size: 1.02rem; font-weight: 700; color: #1d2a30; color: hsl(from #1d2a30 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); cursor: pointer; }
.hb-pet:hover[b-qblikfllzm] { color: var(--vcp-accent-dark); text-decoration: underline; }
[b-qblikfllzm] .hb-drop { color: #1e88e5; color: hsl(from #1e88e5 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); font-size: 1.15rem; }
.hb-grow[b-qblikfllzm] { flex: 1; }
.hb-badge[b-qblikfllzm] { display: inline-flex; align-items: center; gap: 0.15rem; font-size: 0.76rem; background: var(--vcp-tint-1); color: var(--vcp-ink-2); border-radius: 999px; padding: 0.05rem 0.45rem; }
.hb-badge.late[b-qblikfllzm] { background: #fdecec; color: #c62828; font-weight: 700; }
.hb-badge[b-qblikfllzm]  .rzi { font-size: 0.95rem; }
.hb-meta[b-qblikfllzm] { font-size: 0.78rem; color: var(--vcp-text-3); }
.hb-owner[b-qblikfllzm] { align-self: flex-start; display: inline-flex; align-items: center; gap: 0.25rem; border: 0; background: transparent; padding: 0; font: inherit;
    font-size: 0.8rem; color: var(--vcp-accent-dark); cursor: pointer; }
.hb-owner[b-qblikfllzm]  .rzi { font-size: 0.95rem; }
.hb-chips[b-qblikfllzm] { display: flex; flex-wrap: wrap; gap: 0.25rem; }
.hb-chip[b-qblikfllzm] { display: inline-flex; align-items: center; gap: 0.2rem; font-size: 0.72rem; background: #f1f3f4; background: hsl(from #f1f3f4 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: var(--vcp-text-2); border-radius: 999px; padding: 0.05rem 0.5rem; }
.hb-chip.leave[b-qblikfllzm] { background: #fff3e0; color: #b45f06; font-weight: 600; }
.hb-chip[b-qblikfllzm]  .rzi { font-size: 0.9rem; }
.hb-line[b-qblikfllzm] { font-size: 0.8rem; color: #1d2a30; color: hsl(from #1d2a30 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.hb-line span[b-qblikfllzm] { color: var(--vcp-text-3); font-weight: 600; }
.hb-card-foot[b-qblikfllzm] { display: flex; align-items: center; gap: 0.3rem; border-top: 1px solid var(--vcp-tint-1); padding-top: 0.3rem; margin-top: 0.15rem; }
.hb-act[b-qblikfllzm] { display: inline-flex; align-items: center; gap: 0.2rem; border: 0; background: transparent; color: var(--vcp-accent-dark); font: inherit; font-size: 0.76rem;
    border-radius: 6px; padding: 0.15rem 0.4rem; cursor: pointer; }
.hb-act:hover[b-qblikfllzm] { background: var(--vcp-tint-2); }
.hb-act.on[b-qblikfllzm] { background: var(--vcp-accent-dark); color: #fff; }
.hb-act.out[b-qblikfllzm] { color: #b45f06; }
.hb-act[b-qblikfllzm]  .rzi { font-size: 0.95rem; }
.hb-tabs[b-qblikfllzm] { display: flex; gap: 0.2rem; }
.hb-tab[b-qblikfllzm] { display: inline-flex; align-items: center; gap: 0.35rem; border: 0; border-bottom: 3px solid transparent; background: transparent; font: inherit;
    font-size: 0.92rem; color: var(--vcp-text-2); padding: 0.35rem 0.6rem; cursor: pointer; }
.hb-tab.on[b-qblikfllzm] { border-bottom-color: var(--vcp-accent-dark); color: var(--vcp-ink-2); font-weight: 600; }
.hb-focus[b-qblikfllzm] { display: inline-flex; align-items: center; gap: 0.2rem; background: var(--vcp-accent-dark); color: #fff; border-radius: 999px; padding: 0.1rem 0.2rem 0.1rem 0.6rem;
    font-size: 0.8rem; }
.hb-focus button[b-qblikfllzm] { border: 0; background: transparent; color: #fff; cursor: pointer; display: inline-flex; padding: 0; }
.hb-focus[b-qblikfllzm]  .rzi { font-size: 1rem; }
.hb-focus[b-qblikfllzm]  .species-paw { color: inherit; }
.hb-refresh[b-qblikfllzm] { font-size: 0.72rem; color: var(--vcp-text-3); font-variant-numeric: tabular-nums; }
.hb-sound[b-qblikfllzm] { border: 0; background: transparent; color: var(--vcp-accent-dark); cursor: pointer; display: inline-flex; border-radius: 6px; padding: 0.2rem; }
.hb-sound:hover[b-qblikfllzm] { background: var(--vcp-tint-2); }
.hb-list[b-qblikfllzm] { flex: 1; min-height: 0; overflow: auto; background: var(--vcp-tint-0); border-radius: 12px; padding: 0.5rem; }
/* /Modules/Hospital/Components/HospitalLists.razor.rz.scp.css */
.hl[b-x6w3nj8jxq] { display: flex; flex-direction: column; gap: 0.6rem; height: 100%; min-height: 0; }
.hl-empty[b-x6w3nj8jxq] { padding: 2rem; text-align: center; color: var(--vcp-text-3); }
[b-x6w3nj8jxq] .hl-types { flex-wrap: wrap; }
.hl-rows[b-x6w3nj8jxq] { flex: 1; min-height: 0; overflow: auto; background: var(--vcp-tint-1); border-radius: 12px; padding: 0.4rem; display: flex; flex-direction: column; gap: 0.2rem; }
.hl-row[b-x6w3nj8jxq] { display: flex; align-items: center; gap: 0.3rem; background: #fff; border-radius: 8px; padding: 0.2rem 0.3rem 0.2rem 0.6rem; min-height: 2.2rem; }
.hl-name[b-x6w3nj8jxq] { flex: 1; font-size: 0.9rem; }
[b-x6w3nj8jxq] .hl-in { flex: 1; }
.hl-add[b-x6w3nj8jxq] { display: flex; gap: 0.5rem; }
.hl-error[b-x6w3nj8jxq] { color: #b42318; font-size: 0.85rem; }
/* /Modules/Hospital/Components/NextDoseDialog.razor.rz.scp.css */
.nd[b-1i8ki20nj9] { display: flex; flex-direction: column; gap: 0.5rem; }
.nd-what[b-1i8ki20nj9] { font-size: 0.92rem; color: #1d2a30; color: hsl(from #1d2a30 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.nd-q[b-1i8ki20nj9] { font-size: 0.82rem; color: var(--vcp-text-3); }
.nd-opt[b-1i8ki20nj9] { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 0.6rem; border: 1px solid #d6e6eb; border: 1px solid hsl(from #d6e6eb calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 10px;
    padding: 0.5rem 0.7rem; cursor: pointer; font-size: 0.88rem; }
.nd-opt.on[b-1i8ki20nj9] { border-color: var(--vcp-accent-dark); background: #f5fbfd; background: hsl(from #f5fbfd calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.nd-opt input[b-1i8ki20nj9] { accent-color: var(--vcp-accent-dark); }
.nd-opt strong[b-1i8ki20nj9] { font-variant-numeric: tabular-nums; color: var(--vcp-ink-2); }
[b-1i8ki20nj9] .nd-date { width: 11.5rem; }
.nd-error[b-1i8ki20nj9] { color: #b42318; font-size: 0.85rem; }
.nd-buttons[b-1i8ki20nj9] { display: flex; justify-content: flex-end; gap: 0.5rem; margin-top: 0.3rem; }
/* /Modules/Hospital/Components/PetHospitalization.razor.rz.scp.css */
.ph[b-90a6bj78hd] { display: flex; flex-direction: column; gap: 0.6rem; height: 100%; min-height: 0; }
.ph-empty[b-90a6bj78hd] { padding: 2rem; text-align: center; color: var(--vcp-text-3); }
.ph-pet[b-90a6bj78hd] { display: flex; align-items: center; flex-wrap: wrap; gap: 0.4rem 0.7rem; background: var(--vcp-tint-1); border-radius: 12px; padding: 0.55rem 0.8rem;
    font-size: 0.86rem; color: var(--vcp-text-2); }
.ph-name[b-90a6bj78hd] { display: inline-flex; align-items: center; gap: 0.35rem; font-size: 1.15rem; color: #1d2a30; color: hsl(from #1d2a30 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ph-chip[b-90a6bj78hd] { display: inline-flex; align-items: center; gap: 0.2rem; background: #fff; border-radius: 999px; padding: 0.05rem 0.55rem; font-size: 0.78rem; }
.ph-chip[b-90a6bj78hd]  .rzi { font-size: 0.95rem; color: #c62828; }
.ph-grow[b-90a6bj78hd] { flex: 1; }
.ph-link[b-90a6bj78hd] { display: inline-flex; align-items: center; gap: 0.25rem; border: 0; background: transparent; color: var(--vcp-accent-dark); font: inherit; font-size: 0.82rem;
    cursor: pointer; padding: 0.2rem 0.4rem; border-radius: 6px; }
.ph-link:hover[b-90a6bj78hd] { background: #dcebf0; background: hsl(from #dcebf0 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ph-notes[b-90a6bj78hd] { display: flex; gap: 0.35rem; font-size: 0.8rem; color: #8a5a00; background: #fff8e6; border-radius: 8px; padding: 0.35rem 0.6rem; white-space: pre-line; }
.ph-notes[b-90a6bj78hd]  .rzi { font-size: 1rem; }
.ph-body[b-90a6bj78hd] { display: grid; grid-template-columns: 14rem minmax(0, 1fr); gap: 0.9rem; flex: 1; min-height: 0; }
.ph-stays[b-90a6bj78hd] { display: flex; flex-direction: column; gap: 0.25rem; overflow: auto; min-height: 0; }
.ph-stays-head[b-90a6bj78hd] { display: flex; align-items: center; justify-content: space-between; gap: 0.4rem; font-size: 0.86rem; padding-bottom: 0.2rem; }
.ph-stay[b-90a6bj78hd] { display: flex; flex-direction: column; align-items: flex-start; gap: 0.1rem; text-align: left; border: 1px solid #e3eef1; border: 1px solid hsl(from #e3eef1 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); background: #fff;
    border-radius: 9px; padding: 0.4rem 0.55rem; cursor: pointer; font: inherit; }
.ph-stay:hover[b-90a6bj78hd] { border-color: #b9d5de; border-color: hsl(from #b9d5de calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ph-stay.on[b-90a6bj78hd] { border-color: var(--vcp-accent-dark); background: #f5fbfd; background: hsl(from #f5fbfd calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ph-stay.new[b-90a6bj78hd] { font-size: 0.85rem; font-style: italic; color: var(--vcp-accent-dark); }
.ph-stay-date[b-90a6bj78hd] { font-weight: 600; font-size: 0.84rem; color: var(--vcp-ink-2); display: flex; gap: 0.4rem; align-items: center; }
.ph-in[b-90a6bj78hd] { background: #2e7d32; color: #fff; border-radius: 999px; padding: 0 0.45rem; font-size: 0.68rem; font-weight: 600; }
.ph-stay-text[b-90a6bj78hd] { font-size: 0.78rem; color: var(--vcp-text-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
.ph-main[b-90a6bj78hd] { display: flex; flex-direction: column; gap: 0.5rem; min-height: 0; overflow: auto; }
.ph-form[b-90a6bj78hd] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.5rem 0.8rem; }
.ph-field[b-90a6bj78hd] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.76rem; font-weight: 600; color: var(--vcp-text-2); }
.ph-field > span[b-90a6bj78hd] { display: flex; align-items: center; gap: 0.3rem; }
.ph-field em[b-90a6bj78hd] { color: #c62828; font-style: normal; }
.ph-span2[b-90a6bj78hd] { grid-column: span 2; }
.ph-span3[b-90a6bj78hd] { grid-column: 1 / -1; }
[b-90a6bj78hd] .ph-in { width: 100%; font-weight: 400; }
.ph-mini[b-90a6bj78hd] { border: 0; background: transparent; color: var(--vcp-accent-dark); cursor: pointer; padding: 0; display: inline-flex; }
.ph-mini[b-90a6bj78hd]  .rzi { font-size: 1rem; }
.ph-check[b-90a6bj78hd] { display: flex; align-items: center; gap: 0.35rem; font-size: 0.86rem; align-self: end; padding-bottom: 0.4rem; }
[b-90a6bj78hd] .ph-drop { color: #1e88e5; color: hsl(from #1e88e5 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ph-warn[b-90a6bj78hd] { font-weight: 400; color: #b45f06; font-size: 0.74rem; }
.ph-error[b-90a6bj78hd] { color: #b42318; font-size: 0.85rem; }
.ph-foot[b-90a6bj78hd] { display: flex; align-items: center; gap: 0.5rem; }
.ph-days[b-90a6bj78hd] { font-size: 0.8rem; color: var(--vcp-text-3); }
.ph-tabs[b-90a6bj78hd] { display: flex; align-items: center; gap: 0.3rem; border-bottom: 1px solid #e3eef1; border-bottom: 1px solid hsl(from #e3eef1 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); padding-top: 0.3rem; }
.ph-tab[b-90a6bj78hd] { display: inline-flex; align-items: center; gap: 0.35rem; border: 0; border-bottom: 3px solid transparent; background: transparent; font: inherit;
    font-size: 0.88rem; color: var(--vcp-text-2); padding: 0.4rem 0.6rem; cursor: pointer; }
.ph-tab.on[b-90a6bj78hd] { border-bottom-color: var(--vcp-accent-dark); color: var(--vcp-ink-2); font-weight: 600; }
.ph-count[b-90a6bj78hd] { background: var(--vcp-tint-1); border-radius: 999px; padding: 0 0.45rem; font-size: 0.74rem; }
.ph-list[b-90a6bj78hd] { padding-bottom: 0.5rem; }
/* /Modules/Hospital/Components/TreatmentDialog.razor.rz.scp.css */
.hd[b-gooixb2cnw] { display: grid; grid-template-columns: 1fr 1fr; gap: 0.6rem 0.9rem; }
.hd-field[b-gooixb2cnw] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.78rem; font-weight: 600; color: var(--vcp-text-2); }
.hd-field em[b-gooixb2cnw] { color: #c62828; font-style: normal; }
.hd-wide[b-gooixb2cnw], .hd-check[b-gooixb2cnw], .hd-done[b-gooixb2cnw], .hd-error[b-gooixb2cnw], .hd-buttons[b-gooixb2cnw] { grid-column: 1 / -1; }
[b-gooixb2cnw] .hd-in { width: 100%; font-weight: 400; }
.hd-every[b-gooixb2cnw] { display: flex; align-items: center; gap: 0.5rem; }
[b-gooixb2cnw] .hd-num { width: 5.5rem; }
[b-gooixb2cnw] .hd-num input { text-align: right; }
.hd-help[b-gooixb2cnw] { font-weight: 400; color: var(--vcp-text-3); font-size: 0.72rem; }
.hd-check[b-gooixb2cnw] { display: flex; align-items: center; gap: 0.35rem; font-size: 0.86rem; }
[b-gooixb2cnw] .hd-prio { color: #c62828; font-size: 1.1rem; }
.hd-done[b-gooixb2cnw] { display: flex; align-items: center; gap: 0.35rem; font-size: 0.82rem; color: #2e7d32; background: #edf7ee; border-radius: 6px; padding: 0.35rem 0.5rem; }
.hd-error[b-gooixb2cnw] { color: #b42318; font-size: 0.85rem; }
.hd-buttons[b-gooixb2cnw] { display: flex; justify-content: flex-end; gap: 0.5rem; }
/* /Modules/Hospital/Components/TreatmentList.razor.rz.scp.css */
.tl[b-mqfl04klzp] { display: flex; flex-direction: column; gap: 0.3rem; }
.tl-empty[b-mqfl04klzp] { padding: 1.5rem; text-align: center; color: var(--vcp-text-3); font-size: 0.88rem; }
.tl-row[b-mqfl04klzp] { display: grid; grid-template-columns: 6.6rem minmax(0, 1fr) auto; gap: 0.7rem; align-items: center; background: #fff;
    border: 1px solid #e3eef1; border: 1px solid hsl(from #e3eef1 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-left: 4px solid #b9d5de; border-left: 4px solid hsl(from #b9d5de calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 10px; padding: 0.45rem 0.6rem; }
.tl-row.soon[b-mqfl04klzp] { border-left-color: #f0a35e; }
.tl-row.late[b-mqfl04klzp] { border-left-color: #d32f2f; background: #fff7f7; }
.tl-row.done[b-mqfl04klzp] { border-left-color: #43a047; opacity: 0.85; }
.tl-when[b-mqfl04klzp] { display: flex; flex-direction: column; line-height: 1.15; font-variant-numeric: tabular-nums; }
.tl-when strong[b-mqfl04klzp] { font-size: 1.05rem; color: var(--vcp-ink-2); }
.tl-when span[b-mqfl04klzp] { font-size: 0.72rem; color: var(--vcp-text-3); }
.tl-due[b-mqfl04klzp] { margin-top: 0.15rem; font-weight: 600; }
.tl-due.soon[b-mqfl04klzp] { color: #b45f06 !important; }
.tl-due.late[b-mqfl04klzp] { color: #c62828 !important; }
.tl-main[b-mqfl04klzp] { display: flex; flex-direction: column; gap: 0.15rem; min-width: 0; }
.tl-pet[b-mqfl04klzp] { align-self: flex-start; display: inline-flex; align-items: center; gap: 0.35rem; border: 0; background: transparent; padding: 0; font: inherit;
    font-size: 0.8rem; font-weight: 600; color: var(--vcp-accent-dark); cursor: pointer; }
.tl-pet:hover[b-mqfl04klzp] { text-decoration: underline; }
.tl-cage[b-mqfl04klzp] { background: var(--vcp-ink-2); color: #fff; border-radius: 6px; padding: 0 0.35rem; font-size: 0.72rem; }
.tl-name[b-mqfl04klzp] { display: flex; align-items: baseline; gap: 0.4rem; flex-wrap: wrap; font-size: 0.92rem; }
.tl-dose[b-mqfl04klzp] { color: var(--vcp-text-2); font-size: 0.84rem; }
[b-mqfl04klzp] .tl-prio { color: #d32f2f; font-size: 1.1rem; align-self: center; }
.tl-sub[b-mqfl04klzp] { display: flex; flex-wrap: wrap; gap: 0.3rem 0.8rem; font-size: 0.76rem; color: var(--vcp-text-3); align-items: center; }
.tl-sub[b-mqfl04klzp]  .rzi { font-size: 0.95rem; vertical-align: -0.2rem; }
.tl-notes[b-mqfl04klzp] { font-style: italic; }
.tl-given[b-mqfl04klzp] { color: #2e7d32; }
.tl-timing[b-mqfl04klzp] { border-radius: 999px; padding: 0 0.45rem; background: #edf7ee; color: #2e7d32; }
.tl-timing.late[b-mqfl04klzp], .tl-timing.early[b-mqfl04klzp] { background: #fff3e0; color: #b45f06; }
.tl-timing.verylate[b-mqfl04klzp], .tl-timing.veryearly[b-mqfl04klzp] { background: #fdecec; color: #c62828; }
.tl-buttons[b-mqfl04klzp] { display: flex; align-items: center; gap: 0.15rem; }
/* /Modules/Insurers/Components/InsuranceProvidersButton.razor.rz.scp.css */
.ins-open[b-unhejg0gsn] { display: inline-flex; align-items: center; justify-content: center; width: 1.25rem; height: 1.25rem; margin-left: 0.25rem;
           border-radius: 5px; color: #7b94a0; color: hsl(from #7b94a0 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); cursor: pointer; vertical-align: middle; }
.ins-open:hover[b-unhejg0gsn], .ins-open:focus-visible[b-unhejg0gsn] { background: var(--vcp-accent-dark); color: #fff; outline: none; }
.ins-open[b-unhejg0gsn]  .rzi { font-size: 1rem; }
/* /Modules/Insurers/Components/InsuranceProvidersDialog.razor.rz.scp.css */
.ip[b-bses6o6t4g] { display: grid; grid-template-columns: 13rem 1fr; gap: 1rem; height: 100%; min-height: 0; }
.ip-list[b-bses6o6t4g] { overflow: auto; border-right: 1px solid var(--vcp-line-soft); padding-right: 0.6rem; display: flex; flex-direction: column; gap: 0.2rem; }
.ip-item[b-bses6o6t4g] { display: flex; align-items: center; gap: 0.4rem; border: 0; background: transparent; text-align: left; padding: 0.45rem 0.55rem;
           border-radius: 8px; font: inherit; font-size: 0.88rem; color: inherit; cursor: pointer; }
.ip-item:hover[b-bses6o6t4g] { background: var(--vcp-tint-1); }
.ip-current[b-bses6o6t4g], .ip-current:hover[b-bses6o6t4g] { background: var(--vcp-accent-dark); color: #fff; }
.ip-new[b-bses6o6t4g] { font-style: italic; cursor: default; }
.ip-item-name[b-bses6o6t4g] { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ip-item-pets[b-bses6o6t4g] { font-size: 0.75rem; opacity: 0.75; font-variant-numeric: tabular-nums; }
.ip-form[b-bses6o6t4g] { display: flex; flex-direction: column; gap: 0.6rem; min-width: 0; }
.ip-head[b-bses6o6t4g] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.ip-head h3[b-bses6o6t4g] { margin: 0; font-size: 1.25rem; color: var(--vcp-ink-2); }
.ip-grid[b-bses6o6t4g] { display: grid; grid-template-columns: 1fr 13rem; gap: 1rem; }
.ip-fields[b-bses6o6t4g] { display: flex; flex-direction: column; gap: 0.45rem; }
.ip-field[b-bses6o6t4g] { display: grid; grid-template-columns: 11.5rem 1fr; align-items: center; gap: 0.6rem; font-size: 0.85rem; color: var(--vcp-text-3); font-weight: 600; }
.ip[b-bses6o6t4g]  .ip-in { width: 100%; }
.ip-url[b-bses6o6t4g] { display: flex; align-items: center; gap: 0.3rem; }
.ip-open[b-bses6o6t4g] { color: var(--vcp-accent-dark); display: inline-flex; }
.ip-logo-col[b-bses6o6t4g] { display: flex; flex-direction: column; align-items: flex-end; gap: 0.3rem; }
.ip-logo[b-bses6o6t4g] { position: relative; width: 13rem; height: 9.5rem; border: 1px solid var(--vcp-text-2); border-radius: 12px; display: flex; align-items: center;
           justify-content: center; overflow: hidden; cursor: pointer; background: #fff; }
.ip-logo img[b-bses6o6t4g] { max-width: 100%; max-height: 100%; object-fit: contain; }
.ip-logo[b-bses6o6t4g]  .rzi { font-size: 4rem; color: #1d2129; color: hsl(from #1d2129 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ip-logo-off[b-bses6o6t4g] { opacity: 0.45; cursor: not-allowed; }
.ip[b-bses6o6t4g]  .ip-file { position: absolute; inset: 0; opacity: 0; cursor: inherit; }
.ip-clear[b-bses6o6t4g] { font-size: 0.8rem; }
.ip-notes[b-bses6o6t4g] { grid-template-columns: 1fr; align-items: start; }
.ip-error[b-bses6o6t4g] { color: #b42318; font-size: 0.85rem; }
.ip-foot[b-bses6o6t4g] { display: flex; align-items: center; gap: 0.5rem; margin-top: auto; }
.ip-grow[b-bses6o6t4g] { flex: 1; }
.ip-empty[b-bses6o6t4g] { padding: 1rem; color: var(--vcp-text-3); }
/* /Modules/Items/Components/ItemCategories.razor.rz.scp.css */
.ic[b-xmuf1pu2gg] { display: grid; grid-template-columns: 19rem 1fr 15rem; gap: 1rem; height: calc(100% - var(--vcp-foot-room, 3.4rem)); min-height: 0; }
.ic-empty[b-xmuf1pu2gg] { padding: 1.5rem; text-align: center; color: var(--vcp-text-3); }
.ic-left[b-xmuf1pu2gg], .ic-items[b-xmuf1pu2gg] { display: flex; flex-direction: column; gap: 0.45rem; min-height: 0; background: var(--vcp-tint-1); border-radius: 12px; padding: 0.55rem; }
.ic-list[b-xmuf1pu2gg] { flex: 1 1 auto; overflow: auto; display: flex; flex-direction: column; gap: 0.2rem; }
.ic-row[b-xmuf1pu2gg] { display: flex; align-items: center; gap: 0.5rem; background: #fff; border-radius: 9px; padding: 0.35rem 0.4rem 0.35rem 0.5rem; cursor: pointer; }
.ic-row:hover[b-xmuf1pu2gg] { background: var(--vcp-tint-2); }
.ic-current[b-xmuf1pu2gg], .ic-current:hover[b-xmuf1pu2gg] { background: var(--vcp-accent-dark); color: #fff; }
.ic-pos[b-xmuf1pu2gg] { width: 1.5rem; height: 1.5rem; border-radius: 50%; background: #f0a35e; color: #fff; font-size: 0.75rem; font-weight: 700;
          display: inline-flex; align-items: center; justify-content: center; flex: none; }
.ic-name[b-xmuf1pu2gg] { flex: 1; display: flex; flex-direction: column; font-size: 0.88rem; min-width: 0; }
.ic-name small[b-xmuf1pu2gg] { font-size: 0.72rem; opacity: 0.75; }
.ic-moves[b-xmuf1pu2gg] { display: flex; gap: 0.1rem; }
.ic-moves button[b-xmuf1pu2gg] { border: 0; background: transparent; color: inherit; cursor: pointer; border-radius: 6px; display: inline-flex; padding: 0.1rem; opacity: 0.7; }
.ic-moves button:hover[b-xmuf1pu2gg] { opacity: 1; background: rgba(0, 0, 0, 0.08); }
.ic-count[b-xmuf1pu2gg] { font-size: 0.75rem; color: var(--vcp-text-3); text-align: right; }
.ic-main[b-xmuf1pu2gg] { display: flex; flex-direction: column; gap: 0.65rem; overflow: auto; min-height: 0; }
.ic-main h4[b-xmuf1pu2gg] { margin: 0.6rem 0 0; font-size: 0.86rem; color: var(--vcp-ink-2); border-bottom: 1px solid var(--vcp-line-accent); padding-bottom: 0.15rem; }
.ic-field[b-xmuf1pu2gg] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.78rem; color: var(--vcp-text-2); font-weight: 600; }
.ic-field em[b-xmuf1pu2gg] { color: #c62828; font-style: normal; }
.ic[b-xmuf1pu2gg]  .ic-in { width: 100%; }
.ic-check[b-xmuf1pu2gg] { display: flex; align-items: center; gap: 0.45rem; font-size: 0.86rem; font-weight: 600; color: #1d2a30; color: hsl(from #1d2a30 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); cursor: pointer; }
.ic-note[b-xmuf1pu2gg] { font-size: 0.8rem; color: #a15c00; font-weight: 600; }
.ic-tool[b-xmuf1pu2gg] { display: grid; grid-template-columns: 1fr auto; gap: 0.5rem; align-items: center; }
.ic[b-xmuf1pu2gg]  .ic-stock-btn { align-self: flex-start; }
.ic-items h4[b-xmuf1pu2gg] { margin: 0; font-size: 0.86rem; color: var(--vcp-ink-2); display: flex; justify-content: space-between; }
.ic-items h4 span[b-xmuf1pu2gg] { font-size: 0.75rem; color: var(--vcp-text-3); }
.ic-item-list[b-xmuf1pu2gg] { flex: 1 1 auto; overflow: auto; background: #fff; border-radius: 10px; padding: 0.25rem; display: flex; flex-direction: column; }
.ic-item[b-xmuf1pu2gg] { border: 0; background: transparent; text-align: left; padding: 0.32rem 0.45rem; border-radius: 7px; font: inherit; font-size: 0.83rem; cursor: pointer; color: inherit; }
.ic-item:hover[b-xmuf1pu2gg] { background: var(--vcp-tint-1); color: var(--vcp-accent-dark); }
.ic-item-off[b-xmuf1pu2gg] { text-decoration: line-through; opacity: 0.6; }
.ic-error[b-xmuf1pu2gg] { color: #b42318; font-size: 0.85rem; }
.ic-foot[b-xmuf1pu2gg] { display: flex; align-items: center; gap: 0.5rem; margin-top: 0.6rem; }
.ic-grow[b-xmuf1pu2gg] { flex: 1; }
/* /Modules/Items/Components/ItemCombosWindow.razor.rz.scp.css */
.cb[b-t0z451rgy4] { display: grid; grid-template-columns: minmax(0, 0.7fr) minmax(0, 2fr); gap: 0.8rem; height: calc(100% - var(--vcp-foot-room, 3.4rem)); min-height: 0; }
.cb-empty[b-t0z451rgy4] { padding: 2rem; text-align: center; color: var(--vcp-text-3); }
.cb-grow[b-t0z451rgy4] { flex: 1; }
.cb-dim[b-t0z451rgy4] { color: var(--vcp-text-3); }
.cb-list[b-t0z451rgy4] { display: flex; flex-direction: column; gap: 0.45rem; min-height: 0; }
.cb-find[b-t0z451rgy4] { display: flex; align-items: center; gap: 0.35rem; padding: 0.35rem 0.55rem; border-radius: 8px; background: var(--vcp-tint-0); color: var(--vcp-text-3); }
.cb-find input[b-t0z451rgy4] { flex: 1; border: 0; outline: 0; background: transparent; font: inherit; font-size: 0.88rem; min-width: 0; }
.cb-scroll[b-t0z451rgy4] { flex: 1; min-height: 0; overflow: auto; border: 1px solid #e3e8ea; border-radius: 8px; }
.cb-none[b-t0z451rgy4] { padding: 1rem; text-align: center; color: var(--vcp-text-3); font-size: 0.82rem; }
.cb-row[b-t0z451rgy4] { display: flex; flex-direction: column; width: 100%; text-align: left; border: 0; border-bottom: 1px solid #eef2f3; background: #fff; padding: 0.45rem 0.6rem;
          cursor: pointer; font: inherit; line-height: 1.25; }
.cb-row:hover[b-t0z451rgy4] { background: var(--vcp-tint-0); }
.cb-row-on[b-t0z451rgy4] { background: var(--vcp-tint-1) !important; box-shadow: inset 3px 0 0 var(--vcp-accent); }
.cb-row-name[b-t0z451rgy4] { display: flex; align-items: center; gap: 0.3rem; font-size: 0.86rem; font-weight: 600; color: var(--vcp-ink-2); }
.cb-row small[b-t0z451rgy4] { font-size: 0.72rem; color: var(--vcp-text-3); }
.cb[b-t0z451rgy4]  .cb-row-warn { font-size: 1rem; color: #b45309; }
.cb-count[b-t0z451rgy4] { font-size: 0.76rem; color: var(--vcp-text-3); text-align: right; }

.cb-main[b-t0z451rgy4] { display: flex; flex-direction: column; gap: 0.6rem; min-height: 0; overflow: auto; }
.cb-head[b-t0z451rgy4] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0.8rem; }
.cb-field[b-t0z451rgy4] { display: flex; flex-direction: column; gap: 0.12rem; font-size: 0.78rem; font-weight: 600; color: var(--vcp-text-2); min-width: 0; }
.cb-field em[b-t0z451rgy4] { color: #c62828; font-style: normal; }
.cb[b-t0z451rgy4]  .cb-in { width: 100%; }
.cb-hint[b-t0z451rgy4] { font-size: 0.72rem; font-weight: 400; color: var(--vcp-text-3); }
.cb-error-line[b-t0z451rgy4] { display: flex; align-items: center; gap: 0.4rem; padding: 0.4rem 0.6rem; border-radius: 8px; background: #fdecea; color: #b42318; font-size: 0.85rem; }

.cb-lines[b-t0z451rgy4] { border: 1px solid #e3e8ea; border-radius: 8px; overflow: hidden; }
.cb-table[b-t0z451rgy4] { width: 100%; border-collapse: collapse; font-size: 0.86rem; }
.cb-table th[b-t0z451rgy4] { text-align: left; font-size: 0.74rem; color: var(--vcp-text-3); font-weight: 600; padding: 0.35rem 0.5rem; background: var(--vcp-tint-0); }
.cb-table td[b-t0z451rgy4] { padding: 0.25rem 0.5rem; border-top: 1px solid #eef2f3; vertical-align: middle; font-variant-numeric: tabular-nums; }
.cb-table .n[b-t0z451rgy4] { text-align: right; }
.cb-item-cell[b-t0z451rgy4] { display: flex; flex-direction: column; line-height: 1.2; min-width: 0; }
.cb-item-cell small[b-t0z451rgy4] { font-size: 0.72rem; color: var(--vcp-text-3); }
.cb[b-t0z451rgy4]  .cb-num { width: 6.5rem; }
.cb[b-t0z451rgy4]  .cb-num .rz-numeric-input { text-align: right; }
.cb-tag[b-t0z451rgy4] { margin-left: 0.3rem; padding: 0 0.35rem; border-radius: 4px; background: var(--vcp-tint-1); color: var(--vcp-accent-dark); font-size: 0.66rem; font-weight: 700; }
.cb-tag-bad[b-t0z451rgy4] { background: #ffe6e6; color: #b42318; }
.cb-off td[b-t0z451rgy4], .cb-off[b-t0z451rgy4] { opacity: 0.6; }
.cb-off strong[b-t0z451rgy4], .cb-charge-row.cb-off span:first-child[b-t0z451rgy4] { text-decoration: line-through; }
.cb-del[b-t0z451rgy4] { border: 0; background: transparent; color: #7a96a1; cursor: pointer; display: inline-flex; border-radius: 6px; padding: 0.1rem; }
.cb-del:hover[b-t0z451rgy4] { background: #fdecea; color: #b42318; }
.cb-add[b-t0z451rgy4] { display: flex; align-items: center; gap: 0.4rem; padding: 0.45rem 0.55rem; border-top: 1px dashed var(--vcp-line-accent); color: var(--vcp-accent-dark); }
.cb[b-t0z451rgy4]  .cb-add-in { flex: 1; max-width: 32rem; }

.cb-bottom[b-t0z451rgy4] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0.8rem; }
.cb-sum[b-t0z451rgy4] { display: grid; grid-template-columns: 1fr auto; gap: 0.2rem 0.8rem; align-content: start; background: var(--vcp-tint-0); border-radius: 10px; padding: 0.6rem 0.8rem;
          font-size: 0.86rem; color: var(--vcp-text-2); }
.cb-sum strong[b-t0z451rgy4] { text-align: right; font-variant-numeric: tabular-nums; color: var(--vcp-ink-2); }
.cb-sum .cb-total[b-t0z451rgy4] { font-size: 1.05rem; font-weight: 700; color: var(--vcp-accent-dark); border-top: 1px solid var(--vcp-line-accent); padding-top: 0.2rem; }
.cb[b-t0z451rgy4]  .cb-help { font-size: 0.9rem; vertical-align: middle; cursor: help; color: var(--vcp-text-3); }
.cb-good[b-t0z451rgy4] { color: #1b6b32 !important; }
.cb-bad[b-t0z451rgy4] { color: #b42318 !important; }
.cb-target[b-t0z451rgy4] { grid-column: 1 / -1; display: flex; align-items: center; gap: 0.4rem; margin-top: 0.4rem; padding-top: 0.45rem; border-top: 1px dashed var(--vcp-line-accent); }
.cb-target > span[b-t0z451rgy4] { flex: 1; font-size: 0.8rem; }
.cb-charge[b-t0z451rgy4] { border: 1px solid #e3e8ea; border-radius: 10px; padding: 0.55rem 0.8rem; font-size: 0.84rem; }
.cb-charge h4[b-t0z451rgy4] { margin: 0 0 0.3rem; font-size: 0.82rem; color: var(--vcp-ink-2); }
.cb-charge-row[b-t0z451rgy4] { display: flex; justify-content: space-between; gap: 0.6rem; padding: 0.1rem 0; font-variant-numeric: tabular-nums; }
.cb-charge-main[b-t0z451rgy4] { font-weight: 700; }
.cb-warn[b-t0z451rgy4] { display: flex; align-items: flex-start; gap: 0.35rem; margin-top: 0.35rem; padding: 0.3rem 0.5rem; border-radius: 6px; background: #fff7e6; color: #7a4a00; font-size: 0.8rem; }
.cb-warn[b-t0z451rgy4]  .rzi { font-size: 1rem; }
.cb-error[b-t0z451rgy4] { margin-top: 0.4rem; padding: 0.4rem 0.7rem; border-radius: 8px; background: #fdecea; color: #b42318; font-size: 0.85rem; }
.cb-foot[b-t0z451rgy4] { display: flex; align-items: center; gap: 0.6rem; width: 100%; }
/* /Modules/Items/Components/ItemHistoryWindow.razor.rz.scp.css */
.ih[b-vrku00vmpr] { display: flex; flex-direction: column; gap: 0.55rem; height: calc(100% - var(--vcp-foot-room, 3.4rem)); min-height: 0; }
.ih-empty[b-vrku00vmpr] { padding: 2rem; text-align: center; color: var(--vcp-text-3); }
.ih-grow[b-vrku00vmpr] { flex: 1; }
.ih-head[b-vrku00vmpr] { display: flex; align-items: center; gap: 0.6rem; border-bottom: 1px solid var(--vcp-line-accent); padding-bottom: 0.4rem; }
.ih-title[b-vrku00vmpr] { display: flex; flex-direction: column; min-width: 0; }
.ih-title strong[b-vrku00vmpr] { font-size: 1.05rem; color: var(--vcp-ink-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ih-code[b-vrku00vmpr] { font-size: 0.75rem; color: var(--vcp-text-3); }
.ih-badge[b-vrku00vmpr] { padding: 0.1rem 0.55rem; border-radius: 999px; background: var(--vcp-tint-1); color: var(--vcp-accent-dark); font-size: 0.72rem; font-weight: 700; white-space: nowrap; }
.ih-badge-off[b-vrku00vmpr] { background: #fff3d6; color: #8a5300; }
.ih-store[b-vrku00vmpr] { display: inline-flex; align-items: center; gap: 0.3rem; color: var(--vcp-ink-2); }
.ih[b-vrku00vmpr]  .ih-store-in { width: 12rem; }

.ih-tiles[b-vrku00vmpr] { display: grid; grid-template-columns: repeat(auto-fill, minmax(7.5rem, 1fr)); gap: 0.4rem; background: var(--vcp-tint-0); border-radius: 10px; padding: 0.45rem; }
.ih-tile[b-vrku00vmpr] { display: flex; flex-direction: column; font-size: 0.72rem; color: var(--vcp-text-3); }
.ih-tile strong[b-vrku00vmpr] { font-size: 1rem; color: var(--vcp-ink-2); font-variant-numeric: tabular-nums; }
.ih-tile small[b-vrku00vmpr] { font-size: 0.68rem; }
.ih-tile-main strong[b-vrku00vmpr] { font-size: 1.25rem; color: var(--vcp-accent-dark); }

.ih-body[b-vrku00vmpr] { flex: 1; min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: 0.7rem; }
.ih-col[b-vrku00vmpr] { display: flex; flex-direction: column; gap: 0.6rem; min-height: 0; }
.ih-card[b-vrku00vmpr] { display: flex; flex-direction: column; min-height: 0; border: 1px solid #e3e8ea; border-radius: 8px; overflow: hidden; }
.ih-card h4[b-vrku00vmpr] { display: flex; align-items: center; gap: 0.4rem; margin: 0; padding: 0.35rem 0.6rem; font-size: 0.82rem; color: var(--vcp-ink-2); background: var(--vcp-tint-0);
              border-bottom: 1px solid #e3e8ea; }
.ih-card h4 small[b-vrku00vmpr] { font-weight: 500; color: var(--vcp-text-3); font-size: 0.74rem; }
.ih-lots[b-vrku00vmpr] { flex: 0 1 auto; max-height: 40%; }
.ih-purchases[b-vrku00vmpr] { flex: 1 1 0; }
.ih-moves[b-vrku00vmpr] { flex: 1 1 0; }
.ih-detail[b-vrku00vmpr] { flex: none; padding-bottom: 0.5rem; }
.ih-scroll[b-vrku00vmpr] { overflow: auto; min-height: 0; }

.ih-table[b-vrku00vmpr] { width: 100%; border-collapse: collapse; font-size: 0.82rem; }
.ih-table th[b-vrku00vmpr] { position: sticky; top: 0; background: #fff; text-align: left; font-size: 0.74rem; color: var(--vcp-text-3); font-weight: 600; padding: 0.25rem 0.45rem;
               border-bottom: 1px solid #e3e8ea; }
.ih-table td[b-vrku00vmpr] { padding: 0.22rem 0.45rem; border-bottom: 1px solid #f0f3f4; font-variant-numeric: tabular-nums; }
.ih-table .n[b-vrku00vmpr] { text-align: right; }
.ih-table tbody tr[b-vrku00vmpr] { cursor: pointer; }
.ih-table tbody tr:hover td[b-vrku00vmpr] { background: var(--vcp-tint-0); }
.ih-table .ih-lot-current td[b-vrku00vmpr] { background: var(--vcp-tint-1) !important; font-weight: 600; }
.ih-used td[b-vrku00vmpr] { color: var(--vcp-text-3); }
.ih-negative td[b-vrku00vmpr] { color: #b42318; }
.ih-expired[b-vrku00vmpr] { color: #b42318; }
.ih-none[b-vrku00vmpr] { text-align: center; color: var(--vcp-text-3); cursor: default; }

.ih[b-vrku00vmpr]  .ih-grid { flex: 1 1 auto; min-height: 0; border: 0; }
.ih[b-vrku00vmpr]  .ih-grid td, .ih[b-vrku00vmpr]  .ih-grid th { padding-left: 0.3rem; padding-right: 0.3rem; }
.ih[b-vrku00vmpr]  .ih-grid .rz-cell-data { font-size: 0.82rem; }
.ih[b-vrku00vmpr]  .ih-current > td { background: #e8f3f7 !important; background: hsl(from #e8f3f7 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l) !important; }
.ih[b-vrku00vmpr]  .ih-grid tbody tr { cursor: pointer; }
.ih-doc[b-vrku00vmpr] { display: flex; flex-direction: column; min-width: 0; line-height: 1.2; }
.ih-doc small[b-vrku00vmpr] { font-size: 0.7rem; color: var(--vcp-text-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ih-link[b-vrku00vmpr] { border: 0; background: none; padding: 0; font: inherit; color: var(--vcp-accent); text-align: left; cursor: pointer; text-decoration: underline;
           text-decoration-color: transparent; }
.ih-link:hover[b-vrku00vmpr] { text-decoration-color: currentColor; }
.ih-kind[b-vrku00vmpr] { font-weight: 600; color: var(--vcp-ink-2); }
.ih-kind-transfer[b-vrku00vmpr] { color: #4a2f7a; }
.ih-kind-open[b-vrku00vmpr] { color: #8a5300; }
.ih-kind-credit[b-vrku00vmpr] { color: #b42318; }
.ih-missing[b-vrku00vmpr] { padding: 0 0.35rem; border-radius: 4px; background: #fff3d6; color: #8a5300; font-size: 0.72rem; font-weight: 700; }
.ih-conflict[b-vrku00vmpr] { padding: 0 0.3rem; border-radius: 4px; background: #ffe6e6; color: #b42318; font-weight: 700; cursor: help; }

.ih-facts[b-vrku00vmpr] { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 0.15rem 0.7rem; padding: 0.45rem 0.6rem 0.2rem; font-size: 0.8rem; color: var(--vcp-text-3); }
.ih-facts strong[b-vrku00vmpr] { color: var(--vcp-ink-2); font-weight: 600; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.ih-notes[b-vrku00vmpr] { white-space: pre-wrap; max-height: 3.4rem; overflow: auto !important; font-weight: 500 !important; }
.ih-hint[b-vrku00vmpr] { padding: 0.8rem; text-align: center; color: var(--vcp-text-3); font-size: 0.82rem; }
.ih-lot-ro[b-vrku00vmpr] { display: flex; align-items: center; flex-wrap: wrap; gap: 0.3rem 0.6rem; padding: 0.3rem 0.6rem 0; font-size: 0.8rem; color: var(--vcp-text-3); }
.ih-lot-ro strong[b-vrku00vmpr] { color: var(--vcp-ink-2); }
.ih-lot-ro small[b-vrku00vmpr] { flex-basis: 100%; color: #4a2f7a; }
.ih-lot-edit[b-vrku00vmpr] { display: grid; grid-template-columns: minmax(0, 1fr) 9.5rem minmax(0, 1.4fr) auto; gap: 0.5rem; align-items: end; padding: 0.4rem 0.6rem 0; }
.ih-lot-edit label[b-vrku00vmpr] { display: flex; flex-direction: column; gap: 0.1rem; font-size: 0.74rem; font-weight: 600; color: var(--vcp-text-2); min-width: 0; }
.ih[b-vrku00vmpr]  .ih-in { width: 100%; }
.ih-lot-actions[b-vrku00vmpr] { display: flex; align-items: center; gap: 0.2rem; }

.ih-error[b-vrku00vmpr] { margin-top: 0.4rem; padding: 0.4rem 0.7rem; border-radius: 8px; background: #fdecea; color: #b42318; font-size: 0.85rem; }
.ih-foot[b-vrku00vmpr] { display: flex; align-items: center; gap: 0.6rem; width: 100%; }
.ih-store-note[b-vrku00vmpr] { font-size: 0.78rem; color: var(--vcp-text-3); }
/* /Modules/Items/Components/ItemMergeWindow.razor.rz.scp.css */
.ix[b-n10gne3l18] { display: flex; flex-direction: column; gap: 0.55rem; height: calc(100% - var(--vcp-foot-room, 3.4rem)); min-height: 0; }
.ix-empty[b-n10gne3l18] { padding: 2rem; text-align: center; color: var(--vcp-text-3); }
.ix-grow[b-n10gne3l18] { flex: 1; }
.ix-missing[b-n10gne3l18] { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 0.7rem; border-radius: 8px; background: #fff7e6; color: #7a4a00; font-size: 0.85rem; }
.ix-body[b-n10gne3l18] { flex: 1; min-height: 0; display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.6fr); gap: 0.8rem; }
.ix-side[b-n10gne3l18] { display: flex; flex-direction: column; gap: 0.6rem; min-height: 0; }
.ix-card[b-n10gne3l18] { display: flex; flex-direction: column; min-height: 0; border: 1px solid #e3e8ea; border-radius: 8px; overflow: hidden; }
.ix-card h4[b-n10gne3l18] { margin: 0; padding: 0.35rem 0.6rem; font-size: 0.82rem; color: var(--vcp-ink-2); background: var(--vcp-tint-0); border-bottom: 1px solid #e3e8ea; }
.ix-groups[b-n10gne3l18] { flex: 1.6 1 0; }
.ix-log[b-n10gne3l18] { flex: 1 1 0; }
.ix-scroll[b-n10gne3l18] { overflow: auto; min-height: 0; flex: 1; }
.ix-none[b-n10gne3l18] { padding: 1rem; text-align: center; color: var(--vcp-text-3); font-size: 0.82rem; }
.ix-group[b-n10gne3l18] { display: flex; flex-direction: column; gap: 0.2rem; width: 100%; text-align: left; border: 0; border-bottom: 1px solid #eef2f3; background: #fff; padding: 0.45rem 0.6rem;
            cursor: pointer; font: inherit; }
.ix-group:hover[b-n10gne3l18] { background: var(--vcp-tint-0); }
.ix-group-on[b-n10gne3l18] { background: var(--vcp-tint-1) !important; box-shadow: inset 3px 0 0 var(--vcp-accent); }
.ix-reasons[b-n10gne3l18] { display: flex; gap: 0.25rem; flex-wrap: wrap; }
.ix-reason[b-n10gne3l18] { padding: 0 0.4rem; border-radius: 999px; background: #fff3d6; color: #8a5300; font-size: 0.68rem; font-weight: 700; }
.ix-group-item[b-n10gne3l18] { display: flex; flex-direction: column; line-height: 1.2; }
.ix-group-item strong[b-n10gne3l18] { font-size: 0.84rem; color: var(--vcp-ink-2); font-weight: 600; }
.ix-group-item small[b-n10gne3l18], .ix-dim[b-n10gne3l18] { font-size: 0.72rem; color: var(--vcp-text-3); }
.ix-off strong[b-n10gne3l18] { text-decoration: line-through; opacity: 0.7; }
.ix-entry[b-n10gne3l18] { display: flex; align-items: center; gap: 0.5rem; padding: 0.4rem 0.6rem; border-bottom: 1px solid #eef2f3; font-size: 0.8rem; }
.ix-entry > div[b-n10gne3l18] { flex: 1; display: flex; flex-direction: column; min-width: 0; }
.ix-entry small[b-n10gne3l18] { color: var(--vcp-text-3); font-size: 0.72rem; }
.ix-entry-undone[b-n10gne3l18] { opacity: 0.6; }
.ix-undone[b-n10gne3l18] { color: #8a5300 !important; }

.ix-main[b-n10gne3l18] { display: flex; flex-direction: column; gap: 0.6rem; min-height: 0; }
.ix-pickers[b-n10gne3l18] { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 0.5rem; align-items: end; }
.ix-pickers label[b-n10gne3l18] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.78rem; font-weight: 600; color: var(--vcp-text-2); min-width: 0; }
.ix-pickers label > span[b-n10gne3l18] { display: inline-flex; align-items: center; gap: 0.25rem; }
.ix[b-n10gne3l18]  .ix-pick { width: 100%; }
.ix-swap[b-n10gne3l18] { border: 1px solid var(--vcp-line-soft); background: #fff; border-radius: 8px; padding: 0.35rem; cursor: pointer; color: var(--vcp-accent-dark); display: inline-flex; }
.ix-swap:hover:not(:disabled)[b-n10gne3l18] { background: var(--vcp-tint-1); }
.ix-swap:disabled[b-n10gne3l18] { opacity: 0.4; cursor: default; }
.ix-hint[b-n10gne3l18] { margin: auto; text-align: center; color: var(--vcp-text-3); }
.ix-hint[b-n10gne3l18]  .rzi { font-size: 2.6rem; color: var(--vcp-line-accent); }
.ix-compare-box[b-n10gne3l18] { display: flex; flex-direction: column; gap: 0.7rem; }
.ix-compare[b-n10gne3l18] { width: 100%; border-collapse: collapse; font-size: 0.86rem; }
.ix-compare th[b-n10gne3l18], .ix-compare td[b-n10gne3l18] { padding: 0.32rem 0.6rem; border-bottom: 1px solid #eef2f3; text-align: left; vertical-align: top; }
.ix-compare tbody th[b-n10gne3l18] { width: 11rem; font-size: 0.76rem; color: var(--vcp-text-3); font-weight: 600; }
.ix-compare thead th[b-n10gne3l18] { font-size: 0.8rem; }
.ix-kept-h[b-n10gne3l18] { color: #1b6b32; background: #e3f4e7; }
.ix-merged-h[b-n10gne3l18] { color: #8a5300; background: #fff3d6; }
.ix-kept[b-n10gne3l18], .ix-merged[b-n10gne3l18] { width: 40%; word-break: break-word; }
.ix-differs td[b-n10gne3l18] { background: #fffbea; font-weight: 600; }
.ix-after[b-n10gne3l18] { border: 1px solid #e3e8ea; border-radius: 8px; padding: 0.5rem 0.8rem; font-size: 0.85rem; color: var(--vcp-text-2); }
.ix-after h4[b-n10gne3l18] { margin: 0 0 0.3rem; font-size: 0.85rem; color: var(--vcp-ink-2); }
.ix-after ul[b-n10gne3l18] { margin: 0 0 0.4rem; padding-left: 1.1rem; }
.ix-warn[b-n10gne3l18] { display: flex; align-items: flex-start; gap: 0.35rem; margin-top: 0.3rem; padding: 0.35rem 0.55rem; border-radius: 6px; background: #fff7e6; color: #7a4a00; }
.ix-warn[b-n10gne3l18]  .rzi { font-size: 1.05rem; }
.ix-error[b-n10gne3l18] { margin-top: 0.4rem; padding: 0.4rem 0.7rem; border-radius: 8px; background: #fdecea; color: #b42318; font-size: 0.85rem; }
.ix-foot[b-n10gne3l18] { display: flex; align-items: center; gap: 0.6rem; width: 100%; }
.ix-entry-names[b-n10gne3l18] { overflow-wrap: anywhere; }
/* /Modules/Items/Components/ItemPrescriptionsDialog.razor.rz.scp.css */
.ip[b-lpetwf0f9y] { display: flex; flex-direction: column; gap: 0.6rem; max-height: 76vh; }
.ip-intro[b-lpetwf0f9y] { margin: 0; font-size: 0.84rem; color: var(--vcp-text-2); }
.ip-empty[b-lpetwf0f9y] { display: flex; align-items: center; justify-content: center; gap: 0.4rem; padding: 1.2rem; color: var(--vcp-text-3); font-size: 0.86rem; }
.ip-list[b-lpetwf0f9y] { display: flex; flex-direction: column; gap: 0.5rem; overflow: auto; min-height: 0; }
.ip-card[b-lpetwf0f9y] { display: grid; grid-template-columns: 1.8rem minmax(0, 1fr) auto; gap: 0.5rem; align-items: start; padding: 0.55rem 0.6rem; border: 1px solid #e3e8ea;
           border-radius: 10px; background: #fff; }
.ip-number[b-lpetwf0f9y] { display: inline-flex; align-items: center; justify-content: center; width: 1.6rem; height: 1.6rem; border-radius: 999px; background: var(--vcp-tint-1);
             color: var(--vcp-accent-dark); font-weight: 700; font-size: 0.8rem; }
.ip-body[b-lpetwf0f9y] { display: flex; flex-direction: column; gap: 0.35rem; min-width: 0; }
.ip[b-lpetwf0f9y]  .ip-text { width: 100%; resize: vertical; font-size: 0.9rem; }
.ip-meta[b-lpetwf0f9y] { display: flex; align-items: center; gap: 0.4rem; color: var(--vcp-text-3); }
.ip[b-lpetwf0f9y]  .ip-species { width: 13rem; }
.ip-count[b-lpetwf0f9y] { margin-left: auto; font-size: 0.72rem; }
.ip-actions[b-lpetwf0f9y] { display: flex; flex-direction: column; gap: 0.15rem; }
.ip-actions button[b-lpetwf0f9y] { border: 0; background: transparent; color: #7a96a1; cursor: pointer; display: inline-flex; border-radius: 6px; padding: 0.15rem; }
.ip-actions button:hover:not(:disabled)[b-lpetwf0f9y] { background: var(--vcp-tint-1); color: var(--vcp-accent-dark); }
.ip-actions button:disabled[b-lpetwf0f9y] { opacity: 0.3; cursor: default; }
.ip-actions .ip-del:hover[b-lpetwf0f9y] { background: #fdecea !important; color: #b42318 !important; }
.ip[b-lpetwf0f9y]  .ip-add { align-self: flex-start; }
.ip-error[b-lpetwf0f9y] { padding: 0.4rem 0.7rem; border-radius: 8px; background: #fdecea; color: #b42318; font-size: 0.85rem; }
.ip-foot[b-lpetwf0f9y] { display: flex; justify-content: flex-end; gap: 0.5rem; }
/* /Modules/Items/Components/ItemsSetup.razor.rz.scp.css */
.it[b-rarqplts4q] { display: grid; grid-template-columns: 19rem 1fr; gap: 1rem; height: calc(100% - var(--vcp-foot-room, 3.4rem)); min-height: 0; }
.it-empty[b-rarqplts4q] { padding: 2rem; text-align: center; color: var(--vcp-text-3); }
.it[b-rarqplts4q]  .it-in { width: 100%; }
.it[b-rarqplts4q]  .it-missing, .it[b-rarqplts4q]  .it-missing .rz-inputtext { background: #ffe6e6 !important; border-color: #e57373 !important; }
.it[b-rarqplts4q]  .it-num input { text-align: right; }

.it-left[b-rarqplts4q] { display: flex; flex-direction: column; gap: 0.45rem; min-height: 0; background: var(--vcp-tint-1); border-radius: 12px; padding: 0.6rem; }
.it-search[b-rarqplts4q] { display: flex; align-items: center; gap: 0.35rem; background: #fff; border-radius: 10px; padding: 0.3rem 0.5rem; border: 1px solid var(--vcp-line-accent); color: var(--vcp-text-2); }
.it-search-in[b-rarqplts4q] { flex: 1; border: 0; outline: none; font: inherit; font-size: 0.92rem; min-width: 0; background: transparent; }
.it-filters[b-rarqplts4q] { display: flex; flex-direction: column; gap: 0.35rem; }
.it-check[b-rarqplts4q] { display: flex; align-items: center; gap: 0.4rem; font-size: 0.8rem; color: var(--vcp-text-2); cursor: pointer; }
.it-list[b-rarqplts4q] { flex: 1 1 auto; overflow: auto; background: #fff; border-radius: 10px; padding: 0.25rem; min-height: 0; }
.it-row[b-rarqplts4q] { display: flex; flex-direction: column; align-items: stretch; width: 100%; height: 44px; border: 0; background: transparent; text-align: left;
          padding: 0.3rem 0.55rem; border-radius: 8px; font: inherit; cursor: pointer; color: inherit; overflow: hidden; }
.it-row:hover[b-rarqplts4q] { background: var(--vcp-tint-1); }
.it-row-name[b-rarqplts4q] { font-size: 0.88rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.it-row-sub[b-rarqplts4q] { display: flex; justify-content: space-between; gap: 0.5rem; font-size: 0.72rem; opacity: 0.75; }
.it-row-price[b-rarqplts4q] { font-variant-numeric: tabular-nums; }
.it-inactive .it-row-name[b-rarqplts4q] { text-decoration: line-through; opacity: 0.6; }
.it-current[b-rarqplts4q], .it-current:hover[b-rarqplts4q] { background: var(--vcp-accent-dark); color: #fff; }
.it-found[b-rarqplts4q] { font-size: 0.75rem; color: var(--vcp-text-3); text-align: right; }
.it-hint[b-rarqplts4q] { font-size: 0.8rem; color: var(--vcp-text-3); padding: 0.5rem 0.3rem; }

.it-main[b-rarqplts4q] { display: flex; flex-direction: column; min-height: 0; overflow: auto; padding-right: 0.3rem; }
.it-head[b-rarqplts4q] { display: flex; align-items: center; justify-content: space-between; gap: 0.6rem; border-bottom: 1px solid #f0a35e; padding-bottom: 0.3rem; margin-bottom: 0.6rem; }
.it-title[b-rarqplts4q] { display: flex; align-items: baseline; gap: 0.6rem; min-width: 0; }
.it-title strong[b-rarqplts4q] { font-size: 1.05rem; color: var(--vcp-ink-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.it-id[b-rarqplts4q] { font-size: 0.78rem; color: var(--vcp-text-3); }
.it-badge[b-rarqplts4q] { font-size: 0.7rem; background: #fdecea; color: #b42318; border-radius: 6px; padding: 0.05rem 0.4rem; }
.it-head-actions[b-rarqplts4q] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 0.15rem 0.8rem; }
.it-head-actions .link-button[b-rarqplts4q] { display: inline-flex; align-items: center; gap: 0.25rem; font-size: 0.82rem; }

.it-stats[b-rarqplts4q] { display: grid; grid-template-columns: repeat(auto-fill, minmax(8.5rem, 1fr)); gap: 0.4rem; background: var(--vcp-tint-0); border: 1px solid #d6e6eb; border: 1px solid hsl(from #d6e6eb calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l);
            border-radius: 10px; padding: 0.5rem; margin-bottom: 0.7rem; }
.it-stat[b-rarqplts4q] { display: flex; flex-direction: column; font-size: 0.72rem; color: var(--vcp-text-3); }
.it-stat strong[b-rarqplts4q] { font-size: 0.95rem; color: #1d2a30; color: hsl(from #1d2a30 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); font-variant-numeric: tabular-nums; }
.it-stat-main strong[b-rarqplts4q] { color: var(--vcp-accent-dark); }
.it-stat small[b-rarqplts4q] { font-size: 0.68rem; color: var(--vcp-text-3); }
.it-stat-note[b-rarqplts4q] { grid-column: 1 / -1; font-size: 0.72rem; color: var(--vcp-text-3); }

.it-body[b-rarqplts4q] { display: grid; grid-template-columns: 1fr 17.5rem; gap: 1rem; }
.it-fields[b-rarqplts4q] { display: grid; grid-template-columns: 1fr 1fr; gap: 0.45rem 0.8rem; align-content: start; }
.it-field[b-rarqplts4q] { display: flex; flex-direction: column; gap: 0.1rem; font-size: 0.78rem; color: var(--vcp-text-2); font-weight: 600; min-width: 0; }
.it-field em[b-rarqplts4q] { color: #c62828; font-style: normal; }
.it-wide[b-rarqplts4q] { grid-column: 1 / -1; }
.it-prices[b-rarqplts4q] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.45rem 0.8rem; background: var(--vcp-tint-0); border-radius: 10px; padding: 0.45rem 0.5rem; }
.it-pair[b-rarqplts4q] { display: grid; grid-template-columns: 1fr 1fr; gap: 0.8rem; }
.it-help[b-rarqplts4q] { font-weight: 400; color: var(--vcp-text-3); font-size: 0.72rem; }
.it-warn[b-rarqplts4q] { font-weight: 600; color: #a15c00; font-size: 0.72rem; }
.it[b-rarqplts4q]  .it-area { resize: vertical; }

.it-side[b-rarqplts4q] { display: flex; flex-direction: column; gap: 0.3rem; }
.it-side h4[b-rarqplts4q] { margin: 0.6rem 0 0.2rem; font-size: 0.85rem; color: var(--vcp-ink-2); border-bottom: 1px solid var(--vcp-line-accent); padding-bottom: 0.15rem; }
.it-picture[b-rarqplts4q] { position: relative; display: flex; align-items: center; justify-content: center; height: 12rem; border-radius: 12px; background: var(--vcp-tint-1);
              border: 1px dashed #9fc1cc; border: 1px dashed hsl(from #9fc1cc calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); overflow: hidden; cursor: pointer; color: #7aa3b1; color: hsl(from #7aa3b1 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.it-picture img[b-rarqplts4q] { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; background: #fff; }
.it-picture-icon[b-rarqplts4q] { font-size: 2rem; }
.it-picture:hover .it-picture-icon[b-rarqplts4q] { color: var(--vcp-accent-dark); }
.it-picture-off[b-rarqplts4q] { cursor: default; opacity: 0.7; }
.it[b-rarqplts4q]  .it-file { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.it-clear-pic[b-rarqplts4q] { align-self: flex-end; font-size: 0.78rem; }
.it-opt[b-rarqplts4q] { display: flex; align-items: center; gap: 0.45rem; font-size: 0.85rem; font-weight: 600; color: #1d2a30; color: hsl(from #1d2a30 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); padding: 0.12rem 0; cursor: pointer; }
.it-opt-off span[b-rarqplts4q] { color: #b42318; }

.it-sp[b-rarqplts4q] { width: 100%; border-collapse: collapse; font-size: 0.8rem; }
.it-sp th[b-rarqplts4q] { text-align: left; font-size: 0.72rem; color: var(--vcp-text-3); font-weight: 600; padding: 0.1rem 0.2rem; }
.it-sp td[b-rarqplts4q] { padding: 0.15rem 0.2rem; border-bottom: 1px solid #e3eef1; border-bottom: 1px solid hsl(from #e3eef1 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.it-sp th:first-child[b-rarqplts4q], .it-sp td:first-child[b-rarqplts4q] { width: 3.5rem; overflow: hidden; text-overflow: ellipsis; }
.it-sp th:last-child[b-rarqplts4q], .it-sp td:last-child[b-rarqplts4q] { width: 1.6rem; }
.it-sp[b-rarqplts4q]  input { padding: 0 0.35rem; font-size: 0.82rem; min-width: 0; }
.it-x[b-rarqplts4q] { border: 0; background: transparent; color: #c62828; cursor: pointer; display: inline-flex; border-radius: 6px; padding: 0.15rem; }
.it-x:hover[b-rarqplts4q] { background: #c62828; color: #fff; }
.it-search .it-x[b-rarqplts4q] { color: var(--vcp-text-3); }

.it-error[b-rarqplts4q] { color: #b42318; font-size: 0.85rem; margin-top: 0.4rem; }
.it-foot[b-rarqplts4q] { display: flex; align-items: center; gap: 0.5rem; margin-top: 0.6rem; }
.it-grow[b-rarqplts4q] { flex: 1; }
.it-link[b-rarqplts4q] { border: 0; background: transparent; color: var(--vcp-accent-dark); cursor: pointer; display: inline-flex; vertical-align: middle; padding: 0 0.2rem;
           border-radius: 6px; font-size: 0.9rem; }
.it-link:hover[b-rarqplts4q] { background: var(--vcp-accent-dark); color: #fff; }
/* /Modules/Items/Components/ProductivePrescriptionsDialog.razor.rz.scp.css */
.pp[b-9oba7jfy7a] { display: flex; flex-direction: column; gap: 0.6rem; max-height: 78vh; }
.pp-intro[b-9oba7jfy7a] { margin: 0; font-size: 0.84rem; color: var(--vcp-text-2); }
.pp-empty[b-9oba7jfy7a] { display: flex; align-items: center; justify-content: center; gap: 0.4rem; padding: 1.2rem; color: var(--vcp-text-3); font-size: 0.86rem; }
.pp-filter[b-9oba7jfy7a] { display: flex; flex-wrap: wrap; gap: 0.35rem; }
.pp-filter button[b-9oba7jfy7a] { border: 1px solid var(--vcp-line-soft); background: transparent; border-radius: 999px; padding: 0.2rem 0.7rem; font-size: 0.8rem;
                    color: var(--vcp-text-2); cursor: pointer; }
.pp-filter button b[b-9oba7jfy7a] { margin-left: 0.25rem; font-weight: 700; color: var(--vcp-accent-dark); }
.pp-filter button.on[b-9oba7jfy7a] { background: var(--vcp-tint-1); border-color: var(--vcp-accent); color: var(--vcp-accent-dark); }
.pp-list[b-9oba7jfy7a] { display: flex; flex-direction: column; gap: 0.5rem; overflow: auto; min-height: 0; }
.pp-card[b-9oba7jfy7a] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.45rem 0.6rem; padding: 0.6rem 0.7rem; border: 1px solid var(--vcp-line-soft);
           border-left: 4px solid var(--vcp-accent); border-radius: 10px; background: #fff; }
.pp-card.pp-incomplete[b-9oba7jfy7a] { border-left-color: #e8a33d; }
.pp-who[b-9oba7jfy7a] { grid-column: 1 / -1; display: flex; align-items: center; gap: 0.45rem; color: var(--vcp-text-3); }
.pp[b-9oba7jfy7a]  .pp-species { width: 13rem; }
.pp[b-9oba7jfy7a]  .pp-breed { width: 14rem; }
.pp-actions[b-9oba7jfy7a] { margin-left: auto; display: flex; gap: 0.15rem; }
.pp-actions button[b-9oba7jfy7a] { border: 0; background: transparent; color: #7a96a1; cursor: pointer; display: inline-flex; border-radius: 6px; padding: 0.2rem; }
.pp-actions button:hover[b-9oba7jfy7a] { background: var(--vcp-tint-1); color: var(--vcp-accent-dark); }
.pp-actions .pp-del:hover[b-9oba7jfy7a] { background: #fdecea; color: #b42318; }
.pp-field[b-9oba7jfy7a] { display: flex; flex-direction: column; gap: 0.15rem; min-width: 0; }
.pp-field > span[b-9oba7jfy7a] { font-size: 0.72rem; font-weight: 600; color: var(--vcp-text-3); text-transform: uppercase; letter-spacing: 0.03em; }
.pp-wide[b-9oba7jfy7a] { grid-column: 1 / -1; }
.pp-field[b-9oba7jfy7a]  textarea, .pp-field[b-9oba7jfy7a]  input { width: 100%; }
.pp-field[b-9oba7jfy7a]  .rz-autocomplete { width: 100%; }
.pp-field[b-9oba7jfy7a]  textarea { resize: vertical; font-size: 0.9rem; }
.pp[b-9oba7jfy7a]  .pp-add { align-self: flex-start; }
.pp-error[b-9oba7jfy7a] { padding: 0.4rem 0.7rem; border-radius: 8px; background: #fdecea; color: #b42318; font-size: 0.85rem; }
.pp-foot[b-9oba7jfy7a] { display: flex; justify-content: flex-end; gap: 0.5rem; }
@media (max-width: 640px) { .pp-card[b-9oba7jfy7a] { grid-template-columns: minmax(0, 1fr); } .pp-who[b-9oba7jfy7a] { flex-wrap: wrap; } }
/* /Modules/LabResults/Components/LabFileDialog.razor.rz.scp.css */
.lf[b-usinhd1af2] { display: flex; flex-direction: column; gap: 0.8rem; }
.lf-result[b-usinhd1af2] { position: relative; display: flex; flex-direction: column; gap: 0.2rem; background: var(--vcp-tint-1); border-radius: 10px; padding: 0.6rem 0.8rem;
    font-size: 0.86rem; }
.lf-label[b-usinhd1af2] { display: inline-block; min-width: 7.5rem; color: var(--vcp-text-3); font-size: 0.78rem; }
.lf-result small[b-usinhd1af2] { color: var(--vcp-text-3); }
.lf-result[b-usinhd1af2]  .species-img, .lf-result[b-usinhd1af2]  .species-emoji, .lf-result[b-usinhd1af2]  .species-paw { margin-right: 0.25rem; vertical-align: -3px; }
.lf-notes[b-usinhd1af2] { color: #8a5a00; font-size: 0.82rem; display: flex; gap: 0.3rem; align-items: flex-start; white-space: pre-line; }
[b-usinhd1af2] .lf-pdf { position: absolute; top: 0.4rem; right: 0.4rem; }
.lf-step[b-usinhd1af2] { display: flex; flex-direction: column; gap: 0.4rem; }
.lf-head[b-usinhd1af2] { font-size: 0.78rem; font-weight: 600; color: var(--vcp-text-2); text-transform: uppercase; letter-spacing: 0.03em; }
.lf-pet[b-usinhd1af2] { display: flex; align-items: center; gap: 0.5rem; border: 1px solid var(--vcp-accent-dark); background: #f5fbfd; background: hsl(from #f5fbfd calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 10px; padding: 0.5rem 0.7rem;
    font-size: 0.9rem; }
.lf-pet small[b-usinhd1af2] { color: var(--vcp-text-3); }
.lf-grow[b-usinhd1af2] { flex: 1; }
.lf-warn[b-usinhd1af2] { display: flex; gap: 0.35rem; align-items: center; color: #8a5a00; font-size: 0.82rem; }
.lf-search[b-usinhd1af2] { display: flex; align-items: center; gap: 0.35rem; border: 1px solid #c9dce2; border: 1px solid hsl(from #c9dce2 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 8px; padding: 0.35rem 0.6rem; }
.lf-search input[b-usinhd1af2] { flex: 1; border: 0; outline: none; font: inherit; background: transparent; }
.lf-hits[b-usinhd1af2] { display: flex; flex-direction: column; gap: 0.15rem; max-height: 14rem; overflow: auto; }
.lf-hit[b-usinhd1af2] { display: flex; align-items: center; gap: 0.45rem; text-align: left; border: 0; background: #fff; border-radius: 8px; padding: 0.4rem 0.6rem; font: inherit; font-size: 0.86rem; cursor: pointer; }
.lf-hit:hover[b-usinhd1af2] { background: #e9f3f6; background: hsl(from #e9f3f6 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.lf-hit small[b-usinhd1af2] { color: var(--vcp-text-3); }
.lf-none[b-usinhd1af2] { color: var(--vcp-text-3); font-size: 0.82rem; padding: 0.3rem 0.6rem; }
.lf-opt[b-usinhd1af2] { display: flex; gap: 0.5rem; align-items: flex-start; border: 1px solid #d6e6eb; border: 1px solid hsl(from #d6e6eb calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 10px; padding: 0.5rem 0.6rem; cursor: pointer; }
.lf-opt.on[b-usinhd1af2] { border-color: var(--vcp-accent-dark); background: #f5fbfd; background: hsl(from #f5fbfd calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.lf-opt.off[b-usinhd1af2] { opacity: 0.6; cursor: default; }
.lf-opt input[b-usinhd1af2] { margin-top: 0.25rem; accent-color: var(--vcp-accent-dark); }
.lf-opt > span[b-usinhd1af2] { display: flex; flex-direction: column; gap: 0.35rem; flex: 1; font-size: 0.88rem; }
.lf-opt small[b-usinhd1af2] { color: var(--vcp-text-3); font-size: 0.78rem; }
[b-usinhd1af2] .lf-in { width: 100%; }
.lf-error[b-usinhd1af2] { color: #b42318; font-size: 0.85rem; }
.lf-buttons[b-usinhd1af2] { display: flex; justify-content: flex-end; gap: 0.5rem; }
/* /Modules/LabResults/Components/LabResultsPanel.razor.rz.scp.css */
.lr[b-27fdnjo63b] { display: flex; flex-direction: column; gap: 0.6rem; height: 100%; min-height: 0; }
.lr-empty[b-27fdnjo63b] { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; padding: 3rem 2rem; text-align: center; color: var(--vcp-text-3); max-width: 34rem;
    margin: 0 auto; line-height: 1.45; }
.lr-empty.small[b-27fdnjo63b] { padding: 2rem; }
.lr-empty[b-27fdnjo63b]  .rzi { font-size: 2.2rem; color: #9ab6c0; color: hsl(from #9ab6c0 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.lr-head[b-27fdnjo63b] { display: flex; align-items: center; gap: 0.7rem; flex-wrap: wrap; }
[b-27fdnjo63b] .lr-login { min-width: 16rem; }
.lr-login-name[b-27fdnjo63b] { font-size: 0.95rem; color: #1d2a30; color: hsl(from #1d2a30 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.lr-status[b-27fdnjo63b] { font-size: 0.8rem; color: var(--vcp-text-3); }
.lr-grow[b-27fdnjo63b] { flex: 1; }
.lr-count[b-27fdnjo63b] { font-size: 0.8rem; color: var(--vcp-text-2); }
.lr-bulk[b-27fdnjo63b] { display: flex; align-items: center; gap: 0.6rem; padding: 0 0.4rem; min-height: 2rem; font-size: 0.84rem; }
.lr-all[b-27fdnjo63b] { display: flex; align-items: center; gap: 0.35rem; cursor: pointer; }
.lr-all input[b-27fdnjo63b], .lr-check input[b-27fdnjo63b] { width: 1rem; height: 1rem; accent-color: var(--vcp-accent-dark); }
.lr-sel[b-27fdnjo63b] { color: var(--vcp-ink-2); font-weight: 600; }
.lr-rows[b-27fdnjo63b] { overflow: auto; min-height: 0; display: flex; flex-direction: column; gap: 0.25rem; padding-right: 0.2rem; }
.lr-row[b-27fdnjo63b] { display: grid; grid-template-columns: 1.4rem 7.4rem 10.5rem minmax(0, 1.3fr) minmax(0, 1fr) auto; align-items: center; gap: 0.7rem;
    background: #fff; border: 1px solid #e1ecef; border: 1px solid hsl(from #e1ecef calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 10px; padding: 0.5rem 0.7rem; font-size: 0.86rem; }
.lr-row.on[b-27fdnjo63b] { border-color: var(--vcp-accent-dark); background: #f5fbfd; background: hsl(from #f5fbfd calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.lr-row.waiting[b-27fdnjo63b] { background: #fbfcfc; border-style: dashed; }
.lr-pill[b-27fdnjo63b] { justify-self: start; border-radius: 999px; padding: 0.1rem 0.55rem; font-size: 0.72rem; font-weight: 600; white-space: nowrap; }
.lr-pill.done[b-27fdnjo63b] { background: #e6f4ea; color: #1e7b34; }
.lr-pill.partial[b-27fdnjo63b] { background: #eef7d9; color: #5b7a12; }
.lr-pill.waiting[b-27fdnjo63b] { background: #fff4d6; color: #8a6100; }
.lr-pill.cancelled[b-27fdnjo63b] { background: #fdecec; color: #b42318; }
.lr-when[b-27fdnjo63b], .lr-test[b-27fdnjo63b], .lr-pet[b-27fdnjo63b] { display: flex; flex-direction: column; min-width: 0; }
.lr-when strong[b-27fdnjo63b] { font-variant-numeric: tabular-nums; color: var(--vcp-ink-2); font-weight: 600; }
.lr-when small[b-27fdnjo63b], .lr-test small[b-27fdnjo63b], .lr-pet small[b-27fdnjo63b] { font-size: 0.74rem; color: var(--vcp-text-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lr-test strong[b-27fdnjo63b] { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lr-pet span[b-27fdnjo63b] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lr-match[b-27fdnjo63b] { color: #1e7b34 !important; display: inline-flex; align-items: center; gap: 0.2rem; }
.lr-match[b-27fdnjo63b]  .rzi { font-size: 0.9rem; }
.lr-pet > span[b-27fdnjo63b]  .species-img, .lr-pet > span[b-27fdnjo63b]  .species-emoji, .lr-pet > span[b-27fdnjo63b]  .species-paw { margin-right: 0.3rem; vertical-align: -3px; }
.lr-unreq[b-27fdnjo63b] { color: #8a6100 !important; }
.lr-actions[b-27fdnjo63b] { display: flex; align-items: center; gap: 0.3rem; justify-content: flex-end; }
[b-27fdnjo63b] .lr-note { color: #b45f06; cursor: help; }
/* /Modules/LabResults/Components/ZoetisClinicsDialog.razor.rz.scp.css */
.zc[b-25m2fuzfdy] { display: flex; flex-direction: column; gap: 0.5rem; height: 100%; min-height: 0; }
.zc-search[b-25m2fuzfdy] { display: flex; align-items: center; gap: 0.35rem; border: 1px solid #c9dce2; border: 1px solid hsl(from #c9dce2 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 8px; padding: 0.35rem 0.6rem; }
.zc-search input[b-25m2fuzfdy] { flex: 1; border: 0; outline: none; font: inherit; background: transparent; }
.zc-rows[b-25m2fuzfdy] { flex: 1; overflow: auto; min-height: 0; display: flex; flex-direction: column; gap: 0.2rem; }
.zc-row[b-25m2fuzfdy] { display: flex; align-items: center; gap: 0.6rem; border-radius: 8px; padding: 0.4rem 0.6rem; background: #f5f9fa; background: hsl(from #f5f9fa calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.zc-row.added[b-25m2fuzfdy] { opacity: 0.7; }
.zc-text[b-25m2fuzfdy] { flex: 1; display: flex; flex-direction: column; min-width: 0; font-size: 0.88rem; }
.zc-text small[b-25m2fuzfdy] { color: var(--vcp-text-3); font-size: 0.74rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.zc-added[b-25m2fuzfdy] { font-size: 0.76rem; color: #1e7b34; font-weight: 600; }
.zc-empty[b-25m2fuzfdy] { color: var(--vcp-text-3); padding: 1rem; text-align: center; font-size: 0.86rem; }
.zc-error[b-25m2fuzfdy] { color: #b42318; font-size: 0.86rem; }
/* /Modules/LabResults/Components/ZoetisOrderDialog.razor.rz.scp.css */
.zo[b-x0g5ioslml] { display: flex; flex-direction: column; gap: 0.6rem; height: 100%; min-height: 0; }
.zo-empty[b-x0g5ioslml] { padding: 2rem; text-align: center; color: var(--vcp-text-3); }
.zo-cols[b-x0g5ioslml] { height: min(32rem, 70vh); min-height: 0; display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 1rem; }
.zo-catalogue[b-x0g5ioslml], .zo-details[b-x0g5ioslml] { display: flex; flex-direction: column; gap: 0.5rem; min-height: 0; }
.zo-catalogue[b-x0g5ioslml] { background: var(--vcp-tint-1); border-radius: 12px; padding: 0.6rem; }
.zo-details[b-x0g5ioslml] { overflow: auto; }
.zo-head[b-x0g5ioslml] { display: flex; align-items: center; gap: 0.5rem; font-size: 0.92rem; color: #1d2a30; color: hsl(from #1d2a30 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.zo-step[b-x0g5ioslml] { display: inline-flex; align-items: center; justify-content: center; width: 1.4rem; height: 1.4rem; border-radius: 50%; background: var(--vcp-accent-dark);
    color: #fff; font-size: 0.78rem; font-weight: 700; }
[b-x0g5ioslml] .zo-login { margin-left: auto; min-width: 12rem; }
.zo-search[b-x0g5ioslml] { display: flex; align-items: center; gap: 0.35rem; background: #fff; border-radius: 8px; padding: 0.3rem 0.6rem; }
.zo-search input[b-x0g5ioslml] { flex: 1; border: 0; outline: none; font: inherit; font-size: 0.88rem; background: transparent; }
.zo-sections[b-x0g5ioslml] { display: flex; flex-wrap: wrap; gap: 0.3rem; }
.zo-sections button[b-x0g5ioslml] { border: 1px solid #c9dce2; border: 1px solid hsl(from #c9dce2 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); background: #fff; border-radius: 999px; padding: 0.1rem 0.6rem; font: inherit; font-size: 0.76rem; cursor: pointer;
    color: var(--vcp-text-2); }
.zo-sections button.on[b-x0g5ioslml] { background: var(--vcp-accent-dark); border-color: var(--vcp-accent-dark); color: #fff; }
.zo-tests[b-x0g5ioslml] { flex: 1; min-height: 0; overflow: auto; display: flex; flex-direction: column; gap: 0.2rem; }
.zo-test[b-x0g5ioslml] { display: flex; align-items: center; gap: 0.5rem; border: 1px solid transparent; background: #fff; border-radius: 8px; padding: 0.4rem 0.6rem;
    text-align: left; font: inherit; cursor: pointer; }
.zo-test:hover[b-x0g5ioslml] { border-color: #b9d5de; border-color: hsl(from #b9d5de calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.zo-test.on[b-x0g5ioslml] { border-color: var(--vcp-accent-dark); background: #f5fbfd; background: hsl(from #f5fbfd calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.zo-test[b-x0g5ioslml]  .rzi { color: var(--vcp-accent-dark); flex: none; }
.zo-test span[b-x0g5ioslml] { display: flex; flex-direction: column; min-width: 0; font-size: 0.86rem; }
.zo-test small[b-x0g5ioslml] { color: var(--vcp-text-3); font-size: 0.74rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.zo-none[b-x0g5ioslml] { color: var(--vcp-text-3); font-size: 0.84rem; padding: 0.8rem; text-align: center; }
.zo-pet[b-x0g5ioslml] { display: flex; align-items: center; gap: 0.5rem; border: 1px solid #d6e6eb; border: 1px solid hsl(from #d6e6eb calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 10px; padding: 0.5rem 0.7rem; font-size: 0.9rem; }
.zo-pet small[b-x0g5ioslml] { color: var(--vcp-text-3); }
.zo-field[b-x0g5ioslml] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.78rem; font-weight: 600; color: var(--vcp-text-2); }
.zo-field em[b-x0g5ioslml] { color: #c62828; font-style: normal; }
[b-x0g5ioslml] .zo-in { width: 100%; font-weight: 400; }
.zo-chosen[b-x0g5ioslml] { display: flex; flex-wrap: wrap; gap: 0.3rem; align-items: center; }
.zo-label[b-x0g5ioslml] { font-size: 0.78rem; font-weight: 600; color: var(--vcp-text-2); width: 100%; }
.zo-chip[b-x0g5ioslml] { display: inline-flex; align-items: center; gap: 0.2rem; background: var(--vcp-tint-2); color: var(--vcp-ink-2); border-radius: 999px; padding: 0.1rem 0.2rem 0.1rem 0.6rem;
    font-size: 0.8rem; }
.zo-chip button[b-x0g5ioslml] { border: 0; background: transparent; cursor: pointer; display: inline-flex; color: inherit; padding: 0; }
.zo-chip[b-x0g5ioslml]  .rzi { font-size: 0.95rem; }
.zo-results[b-x0g5ioslml] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.84rem; }
.zo-results li[b-x0g5ioslml] { display: flex; align-items: center; gap: 0.35rem; }
.zo-results li.ok[b-x0g5ioslml] { color: #1e7b34; }
.zo-results li.bad[b-x0g5ioslml] { color: #b42318; }
.zo-results small[b-x0g5ioslml] { color: var(--vcp-text-3); }
.zo-error[b-x0g5ioslml] { color: #b42318; font-size: 0.85rem; }
.zo-buttons[b-x0g5ioslml] { display: flex; align-items: center; gap: 0.5rem; }
.zo-grow[b-x0g5ioslml] { flex: 1; }
/* /Modules/LabResults/Components/ZoetisSetup.razor.rz.scp.css */
.zs[b-822mec57bs] { display: grid; grid-template-columns: 18rem minmax(0, 1fr); gap: 1rem; height: 100%; min-height: 0; }
.zs-empty[b-822mec57bs] { padding: 2rem; text-align: center; color: var(--vcp-text-3); }
.zs-list[b-822mec57bs] { display: flex; flex-direction: column; gap: 0.4rem; min-height: 0; background: var(--vcp-tint-1); border-radius: 12px; padding: 0.5rem; }
.zs-rows[b-822mec57bs] { flex: 1; overflow: auto; min-height: 0; display: flex; flex-direction: column; gap: 0.2rem; }
.zs-row[b-822mec57bs] { display: flex; flex-direction: column; align-items: flex-start; gap: 0.15rem; border: 0; background: #fff; border-radius: 8px; padding: 0.45rem 0.6rem;
    text-align: left; font: inherit; cursor: pointer; }
.zs-row:hover[b-822mec57bs] { background: var(--vcp-tint-2); }
.zs-row.on[b-822mec57bs] { background: var(--vcp-accent-dark); color: #fff; }
.zs-row.new[b-822mec57bs] { font-style: italic; cursor: default; }
.zs-name[b-822mec57bs] { font-size: 0.9rem; font-weight: 600; }
.zs-sub[b-822mec57bs] { display: flex; gap: 0.35rem; align-items: center; font-size: 0.74rem; opacity: 0.85; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    max-width: 100%; }
.zs-badge[b-822mec57bs] { border-radius: 999px; padding: 0 0.4rem; font-size: 0.68rem; font-weight: 600; background: var(--vcp-tint-2); color: var(--vcp-ink-2); }
.zs-row.on .zs-badge[b-822mec57bs] { background: rgba(255, 255, 255, 0.2); color: #fff; }
.zs-none[b-822mec57bs] { color: var(--vcp-text-3); font-size: 0.84rem; padding: 0.6rem; }
.zs-list-foot[b-822mec57bs] { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.zs-form[b-822mec57bs] { display: grid; grid-template-columns: 1fr 1fr; gap: 0.6rem 0.8rem; align-content: start; overflow: auto; }
.zs-wide[b-822mec57bs] { grid-column: 1 / -1; }
.zs-field[b-822mec57bs] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.78rem; font-weight: 600; color: var(--vcp-text-2); }
.zs-field em[b-822mec57bs] { color: #c62828; font-style: normal; }
[b-822mec57bs] .zs-in { width: 100%; font-weight: 400; }
.zs-mode[b-822mec57bs] { display: flex; gap: 0.5rem; align-items: flex-start; background: var(--vcp-tint-1); border-radius: 10px; padding: 0.55rem 0.7rem; font-size: 0.82rem;
    color: var(--vcp-text-2); line-height: 1.4; }
.zs-test[b-822mec57bs] { display: flex; gap: 0.4rem; align-items: center; font-size: 0.85rem; border-radius: 8px; padding: 0.45rem 0.6rem; }
.zs-test.ok[b-822mec57bs] { background: #e6f4ea; color: #1e7b34; }
.zs-test.bad[b-822mec57bs] { background: #fdecec; color: #b42318; }
.zs-error[b-822mec57bs] { color: #b42318; font-size: 0.85rem; }
.zs-foot[b-822mec57bs] { display: flex; align-items: center; gap: 0.5rem; margin-top: 0.3rem; }
.zs-grow[b-822mec57bs] { flex: 1; }
/* /Modules/Letters/Components/LetterEditor.razor.rz.scp.css */
.le[b-6zlgwi79b5] { display: flex; flex-direction: column; gap: 0.45rem; height: 100%; min-height: 0; padding: 0.5rem; box-sizing: border-box; }
.le-bar[b-6zlgwi79b5] { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
.le-title[b-6zlgwi79b5] { display: flex; align-items: center; gap: 0.6rem; min-width: 0; }
.le-title strong[b-6zlgwi79b5] { font-size: 1.05rem; color: var(--vcp-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 28rem; }
.le-title > span:not(.le-chip)[b-6zlgwi79b5] { color: var(--vcp-text-4); font-size: 0.88rem; }
.le-chip[b-6zlgwi79b5] { display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.15rem 0.55rem; border-radius: 999px; font-size: 0.78rem; font-weight: 700; }
.le-chip[b-6zlgwi79b5]  .rzi { font-size: 1rem; }
.le-chip.signed[b-6zlgwi79b5] { background: #e3f6ec; color: #1d6b42; }
.le-chip.tablet[b-6zlgwi79b5] { background: #e6f0fb; background: hsl(from #e6f0fb calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: #1e4f8a; color: hsl(from #1e4f8a calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.le-state[b-6zlgwi79b5] { flex: 1; font-size: 0.82rem; color: #b26a00; }
.le-note[b-6zlgwi79b5] { display: flex; align-items: center; gap: 0.4rem; padding: 0.4rem 0.65rem; border-radius: 8px; background: #fff4e5; color: #8a4b00; font-size: 0.85rem; }
.le-note.ok[b-6zlgwi79b5] { background: #effaf3; color: #1d6b42; }
.le-editor[b-6zlgwi79b5] { flex: 1; min-height: 0; }
/* /Modules/Letters/Components/LetterEmailDialog.razor.rz.scp.css */
.em[b-k3vezn4puy] { display: flex; flex-direction: column; gap: 0.55rem; }
.em-field[b-k3vezn4puy] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.8rem; font-weight: 600; color: #33475b; color: hsl(from #33475b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
[b-k3vezn4puy] .em-input { width: 100%; font-weight: 400; }
[b-k3vezn4puy] .em-text { resize: vertical; }
.em-note[b-k3vezn4puy] { font-weight: 400; color: #8a5a00; font-size: 0.78rem; }
.em-attach[b-k3vezn4puy] { display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.85rem; color: #33475b; color: hsl(from #33475b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); background: #eef5f8; background: hsl(from #eef5f8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 6px;
    padding: 0.25rem 0.55rem; align-self: flex-start; }
.em-attach[b-k3vezn4puy]  .rzi { color: #c62828; }
.em-error[b-k3vezn4puy] { display: flex; align-items: flex-start; gap: 0.35rem; color: #b42318; background: #fdecec; border-radius: 6px; padding: 0.4rem 0.55rem;
    font-size: 0.85rem; word-break: break-word; }
.em-buttons[b-k3vezn4puy] { display: flex; justify-content: flex-end; gap: 0.5rem; }
.em-link-note[b-k3vezn4puy] { display: flex; gap: 0.4rem; align-items: flex-start; padding: 0.45rem 0.6rem; border-radius: 8px; background: #fff4e5; color: #8a4b00; font-size: 0.84rem; }
/* /Modules/Letters/Components/LettersPanel.razor.rz.scp.css */
.lp[b-vwf6im3ywv] { display: flex; flex-direction: column; gap: 0.6rem; height: 100%; min-height: 0; padding: 0.4rem 0.2rem; }
.lp-new[b-vwf6im3ywv] { display: flex; gap: 0.5rem; align-items: center; }
.lp-new[b-vwf6im3ywv]  .lp-template { flex: 1; min-width: 0; }
.lp-empty[b-vwf6im3ywv] { padding: 1.5rem; text-align: center; color: var(--vcp-text-4); }
.lp-list[b-vwf6im3ywv] { list-style: none; margin: 0; padding: 0; overflow-y: auto; display: flex; flex-direction: column; gap: 0.35rem; }
.lp-list li[b-vwf6im3ywv] { display: flex; align-items: center; gap: 0.4rem; padding: 0.15rem 0.3rem 0.15rem 0.15rem; border: 1px solid #e1eaee; border: 1px solid hsl(from #e1eaee calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 10px; background: #fff; }
.lp-list li:hover[b-vwf6im3ywv] { border-color: #b9cfd7; border-color: hsl(from #b9cfd7 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.lp-open[b-vwf6im3ywv] { flex: 1; min-width: 0; display: flex; align-items: center; gap: 0.5rem; padding: 0.45rem 0.5rem; border: 0; background: transparent; font: inherit; color: var(--vcp-ink); text-align: left; cursor: pointer; }
.lp-open[b-vwf6im3ywv]  .rzi { color: var(--vcp-accent); }
.signed .lp-open[b-vwf6im3ywv]  .rzi { color: #2e9e6a; }
.lp-title[b-vwf6im3ywv] { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lp-date[b-vwf6im3ywv] { color: var(--vcp-text-4); font-size: 0.85rem; white-space: nowrap; }
.lp-chip[b-vwf6im3ywv] { padding: 0.1rem 0.5rem; border-radius: 999px; font-size: 0.74rem; font-weight: 700; white-space: nowrap; }
.lp-chip.signed[b-vwf6im3ywv] { background: #e3f6ec; color: #1d6b42; }
.lp-chip.tablet[b-vwf6im3ywv] { background: #e6f0fb; background: hsl(from #e6f0fb calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: #1e4f8a; color: hsl(from #1e4f8a calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.lp-actions[b-vwf6im3ywv] { display: flex; gap: 0.1rem; }
.lp-actions button[b-vwf6im3ywv] { width: 2.1rem; height: 2.1rem; border: 0; border-radius: 8px; background: transparent; color: var(--vcp-ink-2); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.lp-actions button:hover[b-vwf6im3ywv] { background: #e3eef2; background: hsl(from #e3eef2 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.lp-actions button.on[b-vwf6im3ywv] { background: #e6f0fb; background: hsl(from #e6f0fb calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: #1e4f8a; color: hsl(from #1e4f8a calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.lp-actions .lp-del[b-vwf6im3ywv] { color: #c62828; }

/* Narrow (the client form's side column): the template choice on its own line, each letter's title and date on one
   line with its buttons under them. */
.lp.compact .lp-new[b-vwf6im3ywv] { flex-wrap: wrap; }
.lp.compact .lp-new[b-vwf6im3ywv]  .lp-template { flex: 1 1 100%; }
.lp.compact .lp-new[b-vwf6im3ywv]  .rz-button { flex: 1 1 100%; }
.lp.compact .lp-list li[b-vwf6im3ywv] { flex-wrap: wrap; padding: 0.15rem 0.3rem; }
.lp.compact .lp-open[b-vwf6im3ywv] { flex: 1 1 100%; flex-wrap: wrap; row-gap: 0.15rem; }
.lp.compact .lp-actions[b-vwf6im3ywv] { margin-left: auto; }
/* /Modules/Lookups/Components/LookupEditButton.razor.rz.scp.css */
.lk-edit[b-7kh2bxtaw1] { display: inline-flex; align-items: center; justify-content: center; width: 1.25rem; height: 1.25rem; margin-left: 0.25rem;
           border-radius: 5px; color: #7b94a0; color: hsl(from #7b94a0 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); cursor: pointer; vertical-align: middle; }
.lk-edit:hover[b-7kh2bxtaw1], .lk-edit:focus-visible[b-7kh2bxtaw1] { background: var(--vcp-accent-dark); color: #fff; outline: none; }
.lk-edit[b-7kh2bxtaw1]  .rzi { font-size: 1rem; }
/* /Modules/Lookups/Components/LookupListDialog.razor.rz.scp.css */
.lk[b-co7wzspwzq] { display: flex; flex-direction: column; gap: 0.6rem; height: 100%; min-height: 0; }
.lk-top[b-co7wzspwzq] { display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; }
.lk-parent[b-co7wzspwzq] { display: flex; align-items: center; gap: 0.4rem; font-size: 0.82rem; color: var(--vcp-text-2); font-weight: 600; }
.lk[b-co7wzspwzq]  .lk-parent-dd { width: 14rem; }
.lk[b-co7wzspwzq]  .lk-filter { flex: 1 1 12rem; max-width: 22rem; }
.lk-count[b-co7wzspwzq] { font-size: 0.78rem; color: var(--vcp-text-3); margin-left: auto; }
.lk-table-wrap[b-co7wzspwzq] { flex: 1 1 auto; overflow: auto; border: 1px solid var(--vcp-line-soft); border-radius: 10px; }
.lk-table[b-co7wzspwzq] { width: 100%; border-collapse: collapse; font-size: 0.86rem; }
.lk-table th[b-co7wzspwzq] { position: sticky; top: 0; z-index: 1; background: var(--vcp-tint-1); text-align: left; padding: 0.45rem 0.4rem; font-size: 0.78rem; color: var(--vcp-text-2); white-space: nowrap; }
.lk-table td[b-co7wzspwzq] { padding: 0.2rem 0.3rem; border-top: 1px solid #edf1f3; border-top: 1px solid hsl(from #edf1f3 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); vertical-align: middle; }
.lk[b-co7wzspwzq]  .lk-in { width: 100%; }
.lk[b-co7wzspwzq]  .lk-area { resize: vertical; min-height: 2.4rem; }
.lk-text[b-co7wzspwzq] { width: 55%; }
.lk-code[b-co7wzspwzq] { width: 6.5rem; }
.lk-code-text[b-co7wzspwzq] { font-variant-numeric: tabular-nums; padding-left: 0.4rem; color: var(--vcp-text-2); }
.lk-uses[b-co7wzspwzq] { width: 4.5rem; text-align: right !important; color: var(--vcp-text-3); font-variant-numeric: tabular-nums; }
.lk-act[b-co7wzspwzq] { width: 2.6rem; }
.lk-icon[b-co7wzspwzq] { display: flex; align-items: center; gap: 0.4rem; }
.lk-del[b-co7wzspwzq] { border: 0; background: #fdecec; color: #c62828; border-radius: 7px; width: 2rem; height: 2rem; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.lk-del:hover:not(:disabled)[b-co7wzspwzq] { background: #c62828; color: #fff; }
.lk-del:disabled[b-co7wzspwzq] { background: transparent; color: #c5d0d5; color: hsl(from #c5d0d5 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); cursor: not-allowed; }
.lk-bad td[b-co7wzspwzq] { background: #fff6f6; }
.lk-err-row td[b-co7wzspwzq] { color: #b42318; font-size: 0.8rem; border-top: 0; padding-top: 0; }
.lk-empty[b-co7wzspwzq] { padding: 1rem; color: var(--vcp-text-3); text-align: center; }
.lk-foot[b-co7wzspwzq] { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.lk-help[b-co7wzspwzq] { font-size: 0.8rem; color: var(--vcp-text-3); max-width: 40rem; }
.lk-buttons[b-co7wzspwzq] { display: flex; gap: 0.5rem; }
/* /Modules/Messages/Components/ManualRecipientDialog.razor.rz.scp.css */
.mr[b-jl3jpj8dti] { display: flex; flex-direction: column; gap: 0.3rem; }
.mr label[b-jl3jpj8dti] { font-size: 0.78rem; font-weight: 600; color: #4b6570; color: hsl(from #4b6570 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); margin-top: 0.3rem; }
.mr[b-jl3jpj8dti]  .mr-full { width: 100%; }
.mr-langs[b-jl3jpj8dti] { display: flex; gap: 1.2rem; }
.mr-langs label[b-jl3jpj8dti] { font-weight: 400; color: var(--vcp-ink); font-size: 0.9rem; display: inline-flex; align-items: center; gap: 0.3rem; }
.mr-error[b-jl3jpj8dti] { color: #b42318; font-size: 0.85rem; margin-top: 0.4rem; }
.mr-buttons[b-jl3jpj8dti] { display: flex; justify-content: flex-end; gap: 0.5rem; margin-top: 0.9rem; }
/* /Modules/Messages/Components/MessageCenter.razor.rz.scp.css */
.mc[b-z64dvzli9t] { display: flex; flex-direction: column; gap: 0.7rem; height: 100%; min-height: 0; }
.mc-card[b-z64dvzli9t] { background: #fff; border: 1px solid var(--vcp-line-soft); border-radius: 13px; box-shadow: 0 2px 8px color-mix(in srgb, var(--vcp-ink) 6%, transparent); min-height: 0; }
.mc-card h3[b-z64dvzli9t] { margin: 0 0 0.5rem; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--vcp-text-4); }
.mc-muted[b-z64dvzli9t] { color: #7d929a; color: hsl(from #7d929a calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); font-size: 0.8rem; }

/* top: period and SMS account */
.mc-top[b-z64dvzli9t] { display: flex; align-items: center; justify-content: space-between; gap: 0.8rem; flex-wrap: wrap; }
.mc-periods[b-z64dvzli9t] { display: flex; align-items: center; gap: 0.35rem; flex-wrap: wrap; }
.mc-chip[b-z64dvzli9t] { height: 2rem; padding: 0 0.75rem; border: 1px solid #dbe4e8; border: 1px solid hsl(from #dbe4e8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 999px; background: #fff; color: var(--vcp-text-2); font: inherit;
           font-size: 0.82rem; cursor: pointer; display: inline-flex; align-items: center; gap: 0.35rem; }
.mc-chip:hover:not(:disabled)[b-z64dvzli9t] { background: #f3f7f9; background: hsl(from #f3f7f9 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.mc-chip.on[b-z64dvzli9t] { background: var(--vcp-accent); border-color: var(--vcp-accent); color: #fff; font-weight: 600; }
.mc-chip.on .mc-count[b-z64dvzli9t] { background: rgba(255, 255, 255, 0.25); color: #fff; }
.mc-range[b-z64dvzli9t] { display: inline-flex; align-items: center; gap: 0.3rem; margin-left: 0.4rem; }
.mc-range[b-z64dvzli9t]  .mc-date { width: 9.2rem; }
.mc-dash[b-z64dvzli9t] { color: #98a8ae; }
.mc-account[b-z64dvzli9t] { display: flex; align-items: center; gap: 0.3rem; }
.mc-credits[b-z64dvzli9t] { display: inline-flex; align-items: center; gap: 0.35rem; padding: 0.3rem 0.7rem; border-radius: 999px; background: #e8f5e9; color: #2e7d32; font-size: 0.85rem; }
.mc-credits.low[b-z64dvzli9t] { background: #fdecec; color: #c62828; }
.mc-credits.off[b-z64dvzli9t] { background: #f1f3f4; background: hsl(from #f1f3f4 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: var(--vcp-text-4); }
.mc-icon[b-z64dvzli9t] { width: 2rem; height: 2rem; border: 0; border-radius: 8px; background: var(--vcp-tint-1); color: var(--vcp-accent); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.mc-icon:hover[b-z64dvzli9t] { background: var(--vcp-accent); color: #fff; }

/* the three panes */
.mc-body[b-z64dvzli9t] { flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: 15.5rem minmax(0, 1fr) 23rem; gap: 0.7rem; }

/* who */
.mc-who[b-z64dvzli9t] { padding: 0.8rem; display: flex; flex-direction: column; gap: 0.55rem; overflow: auto; }
.mc-source[b-z64dvzli9t] { display: flex; align-items: center; gap: 0.55rem; width: 100%; padding: 0.6rem 0.65rem; border: 1px solid var(--vcp-line-accent); border-radius: 11px;
             background: #f2f9fb; background: hsl(from #f2f9fb calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: var(--vcp-ink); font: inherit; text-align: left; cursor: pointer; }
.mc-source:hover:not(:disabled)[b-z64dvzli9t] { background: var(--vcp-tint-2); }
.mc-source[b-z64dvzli9t]  .rzi { color: var(--vcp-accent); }
.mc-source-text[b-z64dvzli9t] { display: flex; flex-direction: column; line-height: 1.2; flex: 1 1 auto; min-width: 0; }
.mc-source-text small[b-z64dvzli9t] { color: var(--vcp-text-4); font-size: 0.75rem; }
.mc-count[b-z64dvzli9t] { display: inline-flex; align-items: center; justify-content: center; min-width: 1.6rem; height: 1.6rem; padding: 0 0.4rem; border-radius: 999px;
            background: var(--vcp-accent); color: #fff; font-size: 0.8rem; font-weight: 700; }
.mc-count.small[b-z64dvzli9t] { min-width: 1.3rem; height: 1.3rem; font-size: 0.72rem; background: #e3eef2; background: hsl(from #e3eef2 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: var(--vcp-accent); }
.mc-toggle[b-z64dvzli9t] { display: flex; align-items: center; gap: 0.4rem; font-size: 0.82rem; color: var(--vcp-text-2); cursor: pointer; }
.mc-sub[b-z64dvzli9t] { display: flex; flex-direction: column; gap: 0.3rem; padding-top: 0.5rem; border-top: 1px solid #edf1f3; border-top: 1px solid hsl(from #edf1f3 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.mc-sub-title[b-z64dvzli9t] { font-size: 0.76rem; font-weight: 700; color: #4b6570; color: hsl(from #4b6570 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.mc-names[b-z64dvzli9t] { display: flex; flex-direction: column; gap: 0.15rem; max-height: 14rem; overflow: auto; }
.mc-name[b-z64dvzli9t] { display: flex; align-items: center; justify-content: space-between; gap: 0.4rem; padding: 0.35rem 0.45rem; border: 0; border-radius: 8px;
           background: transparent; font: inherit; font-size: 0.85rem; color: var(--vcp-ink); cursor: pointer; text-align: left; }
.mc-name:hover:not(:disabled)[b-z64dvzli9t] { background: #f1f6f8; background: hsl(from #f1f6f8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.mc-who[b-z64dvzli9t]  .mc-search { width: 100%; }
.mc-hits[b-z64dvzli9t] { display: flex; flex-direction: column; border: 1px solid #d3dde2; border: 1px solid hsl(from #d3dde2 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 10px; padding: 0.2rem; }
.mc-hit[b-z64dvzli9t] { display: flex; flex-direction: column; align-items: flex-start; padding: 0.35rem 0.5rem; border: 0; border-radius: 7px; background: transparent;
          font: inherit; font-size: 0.84rem; cursor: pointer; text-align: left; color: var(--vcp-ink); }
.mc-hit:hover[b-z64dvzli9t] { background: #e8f2f6; background: hsl(from #e8f2f6 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.mc-hit small[b-z64dvzli9t] { color: var(--vcp-text-4); }
.mc-link[b-z64dvzli9t] { display: inline-flex; align-items: center; gap: 0.35rem; border: 0; background: none; color: var(--vcp-accent); font: inherit; font-size: 0.85rem;
           cursor: pointer; padding: 0.4rem 0; border-top: 1px solid #edf1f3; border-top: 1px solid hsl(from #edf1f3 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }

/* the list */
.mc-list[b-z64dvzli9t] { display: flex; flex-direction: column; overflow: hidden; }
.mc-list-head[b-z64dvzli9t] { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; flex-wrap: wrap; padding: 0.55rem 0.75rem; border-bottom: 1px solid #edf1f3; border-bottom: 1px solid hsl(from #edf1f3 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.mc-filters[b-z64dvzli9t] { display: flex; gap: 0.3rem; flex-wrap: wrap; }
.mc-list-actions[b-z64dvzli9t] { display: flex; align-items: center; gap: 0.2rem; }
.mc-empty[b-z64dvzli9t] { flex: 1 1 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.5rem; color: #8aa0a8; color: hsl(from #8aa0a8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); padding: 2rem; text-align: center; }
.mc-empty[b-z64dvzli9t]  .rzi { font-size: 2.4rem; }
.mc-list[b-z64dvzli9t]  .mc-grid { flex: 1 1 auto; min-height: 0; border: 0; }
.mc-list[b-z64dvzli9t]  .mc-row { cursor: pointer; }
.mc-list[b-z64dvzli9t]  .mc-row.mc-off td { color: #9aa9af; background: #f7f9f9; background: hsl(from #f7f9f9 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.mc-list[b-z64dvzli9t]  .mc-row.mc-off .mc-owner { color: #8d9ea4; }
.mc-list[b-z64dvzli9t]  .rz-grid-table td { vertical-align: middle; }
.mc-list[b-z64dvzli9t]  .mc-row.mc-current td { background: #e8f3f7 !important; background: hsl(from #e8f3f7 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l) !important; }
.mc-who-cell[b-z64dvzli9t] { display: flex; flex-direction: column; line-height: 1.25; min-width: 0; }
.mc-line1[b-z64dvzli9t] { display: flex; align-items: center; gap: 0.3rem; min-width: 0; white-space: nowrap; overflow: hidden; }
.mc-contact[b-z64dvzli9t] { color: #7d929a; color: hsl(from #7d929a calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); font-size: 0.74rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mc-chips[b-z64dvzli9t] { display: flex; flex-wrap: wrap; gap: 0.25rem; }
.mc-owner[b-z64dvzli9t] { font-weight: 600; overflow: hidden; text-overflow: ellipsis; }
.mc-lang[b-z64dvzli9t] { flex: 0 0 auto; font-size: 0.66rem; font-weight: 700; color: var(--vcp-text-4); border: 1px solid #dbe4e8; border: 1px solid hsl(from #dbe4e8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 4px; padding: 0 0.25rem; }
.mc-noconsent[b-z64dvzli9t] { flex: 0 0 auto; font-size: 0.68rem; font-weight: 700; color: #b26a00; background: #fff4e0; border-radius: 4px; padding: 0.05rem 0.3rem; }
.mc-rem[b-z64dvzli9t] { margin-right: 0.3rem; }
.mc-tag[b-z64dvzli9t] { flex: 0 0 auto; font-size: 0.66rem; font-weight: 700; border-radius: 4px; padding: 0.05rem 0.3rem; }
.mc-tag.sent[b-z64dvzli9t] { background: #e1f3fa; background: hsl(from #e1f3fa calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: #1f6f88; color: hsl(from #1f6f88 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.mc-tag.done[b-z64dvzli9t] { background: #eceff1; background: hsl(from #eceff1 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: #546e7a; color: hsl(from #546e7a calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.mc-ellipsis[b-z64dvzli9t] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mc-ch[b-z64dvzli9t] { display: inline-flex; align-items: center; gap: 0.2rem; padding: 0.1rem 0.4rem; border-radius: 999px; font-size: 0.72rem;
         max-width: 11rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; }
.mc-ch[b-z64dvzli9t]  .rzi { font-size: 0.95rem; }
.mc-ch.ready[b-z64dvzli9t] { background: var(--vcp-tint-2); color: #1f6f88; color: hsl(from #1f6f88 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.mc-ch.off[b-z64dvzli9t] { background: #f1f3f4; background: hsl(from #f1f3f4 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: #8a9aa0; }
.mc-ch.sent[b-z64dvzli9t] { background: #e8f5e9; color: #2e7d32; font-weight: 600; }
.mc-ch.failed[b-z64dvzli9t] { background: #fdecec; color: #c62828; font-weight: 600; }

/* what */
.mc-what[b-z64dvzli9t] { padding: 0.8rem; display: flex; flex-direction: column; gap: 0.6rem; overflow: auto; }
.mc-choices[b-z64dvzli9t] { display: flex; flex-direction: column; gap: 0.35rem; }
.mc-radio[b-z64dvzli9t] { display: flex; align-items: center; gap: 0.45rem; font-size: 0.88rem; color: var(--vcp-ink); cursor: pointer; }
.mc-what[b-z64dvzli9t]  .mc-full { width: 100%; }
.mc-what[b-z64dvzli9t]  .mc-quick { resize: vertical; }
.mc-placeholders[b-z64dvzli9t] { display: flex; flex-wrap: wrap; gap: 0.25rem; }
.mc-ph[b-z64dvzli9t] { border: 1px solid #dbe4e8; border: 1px solid hsl(from #dbe4e8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 7px; background: #fff; font: inherit; font-size: 0.75rem; padding: 0.15rem 0.4rem; cursor: pointer; color: var(--vcp-accent); font-weight: 700; }
.mc-ph small[b-z64dvzli9t] { font-weight: 400; color: var(--vcp-text-4); }
.mc-ph:hover[b-z64dvzli9t] { background: var(--vcp-tint-1); }
.mc-preview[b-z64dvzli9t] { display: flex; flex-direction: column; gap: 0.4rem; padding-top: 0.6rem; border-top: 1px solid #edf1f3; border-top: 1px solid hsl(from #edf1f3 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); flex: 1 1 auto; min-height: 0; }
.mc-preview-head[b-z64dvzli9t] { display: flex; flex-direction: column; }
.mc-pv-label[b-z64dvzli9t] { display: flex; align-items: center; gap: 0.35rem; font-size: 0.78rem; font-weight: 700; color: #4b6570; color: hsl(from #4b6570 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); margin-top: 0.3rem; flex-wrap: wrap; }
.mc-pv-label[b-z64dvzli9t]  .rzi { font-size: 1rem; color: var(--vcp-accent); }
.mc-bubble[b-z64dvzli9t] { align-self: flex-start; max-width: 100%; background: #e7f5e9; border-radius: 14px 14px 14px 4px; padding: 0.55rem 0.75rem; color: var(--vcp-ink);
             font-size: 0.88rem; white-space: pre-wrap; word-break: break-word; }
.mc-bubble.off[b-z64dvzli9t], .mc-mail.off[b-z64dvzli9t] { opacity: 0.55; }
.mc-mail-subject[b-z64dvzli9t] { font-weight: 700; font-size: 0.88rem; color: var(--vcp-ink); }
.mc-mail[b-z64dvzli9t] { width: 100%; min-height: 15rem; flex: 1 1 auto; border: 1px solid var(--vcp-line-soft); border-radius: 10px; background: #fff; }
.mc-pv-problem[b-z64dvzli9t] { color: #b26a00; background: #fff8ec; border-radius: 9px; padding: 0.45rem 0.6rem; font-size: 0.84rem; display: flex; flex-direction: column; gap: 0.35rem; align-items: flex-start; }
.mc-fix[b-z64dvzli9t] { display: inline-flex; align-items: center; gap: 0.25rem; border: 0; background: var(--vcp-accent); color: #fff; border-radius: 7px; font: inherit; font-size: 0.78rem; padding: 0.25rem 0.55rem; cursor: pointer; }
.mc-tpl-actions[b-z64dvzli9t] { display: flex; justify-content: flex-end; }

/* send bar */
.mc-send[b-z64dvzli9t] { display: flex; align-items: center; justify-content: space-between; gap: 0.8rem; flex-wrap: wrap; padding: 0.6rem 0.8rem; background: #fff;
           border: 1px solid var(--vcp-line-soft); border-radius: 13px; box-shadow: 0 2px 8px color-mix(in srgb, var(--vcp-ink) 6%, transparent); }
.mc-summary[b-z64dvzli9t] { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
.mc-last[b-z64dvzli9t] { font-size: 0.88rem; color: var(--vcp-ink); }
.mc-buttons[b-z64dvzli9t] { display: flex; gap: 0.5rem; margin-left: auto; }
.mc-go[b-z64dvzli9t] { display: inline-flex; align-items: center; gap: 0.5rem; height: 3rem; padding: 0 1.1rem; border: 0; border-radius: 11px; font: inherit; cursor: pointer; color: #fff; text-align: left; }
.mc-go span[b-z64dvzli9t] { display: flex; flex-direction: column; line-height: 1.15; }
.mc-go small[b-z64dvzli9t] { font-size: 0.74rem; opacity: 0.9; }
.mc-go.sms[b-z64dvzli9t] { background: var(--vcp-accent); }
.mc-go.email[b-z64dvzli9t] { background: var(--vcp-text-2); }
.mc-go:hover:not(:disabled)[b-z64dvzli9t] { filter: brightness(1.08); }
.mc-go:disabled[b-z64dvzli9t] { background: #c9d4d8; background: hsl(from #c9d4d8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); cursor: default; }
.mc-progress[b-z64dvzli9t] { display: flex; align-items: center; gap: 0.7rem; flex: 1 1 auto; }
.mc-progress[b-z64dvzli9t]  .mc-bar { flex: 1 1 auto; max-width: 28rem; }

@media (max-width: 1250px) {
    .mc-body[b-z64dvzli9t] { grid-template-columns: 14rem minmax(0, 1fr); }
    .mc-what[b-z64dvzli9t] { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
    .mc-body[b-z64dvzli9t] { grid-template-columns: 1fr; }
}
.mc-open[b-z64dvzli9t] { border: 0; background: none; padding: 0; font: inherit; color: inherit; cursor: pointer; text-align: left; overflow: hidden; text-overflow: ellipsis;
           white-space: nowrap; max-width: 100%; }
.mc-open:hover[b-z64dvzli9t] { color: var(--vcp-accent); text-decoration: underline; }
.mc-pet[b-z64dvzli9t] { display: flex; align-items: center; gap: 0.25rem; min-width: 0; }
.mc-pet[b-z64dvzli9t]  .species-img, .mc-pet[b-z64dvzli9t]  .species-paw, .mc-pet[b-z64dvzli9t]  .species-emoji { flex: none; }
.mc-camp[b-z64dvzli9t] { display: flex; align-items: center; gap: 0.45rem; width: 100%; padding: 0.35rem 0.45rem; border: 0; border-radius: 8px; background: transparent;
           font: inherit; font-size: 0.85rem; color: var(--vcp-ink); cursor: pointer; text-align: left; }
.mc-camp[b-z64dvzli9t]  .rzi { font-size: 1.05rem; color: var(--vcp-accent); }
.mc-camp span[b-z64dvzli9t] { flex: 1 1 auto; }
.mc-camp:hover:not(:disabled)[b-z64dvzli9t], .mc-camp.on[b-z64dvzli9t] { background: #f1f6f8; background: hsl(from #f1f6f8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.mc-camp[b-z64dvzli9t]  .mc-camp-more { color: #8aa0a8; color: hsl(from #8aa0a8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.mc-camp-choice[b-z64dvzli9t] { display: flex; flex-direction: column; gap: 0.3rem; padding: 0.2rem 0.3rem 0.5rem 1.9rem; }
.mc-camp-choice[b-z64dvzli9t]  .mc-full { width: 100%; }
/* /Modules/Messages/Components/MessageTemplateDialog.razor.rz.scp.css */
.mt[b-4ouh4ypurp] { display: grid; grid-template-columns: 14rem minmax(0, 1fr); gap: 1rem; height: 100%; min-height: 0; }
.mt-list[b-4ouh4ypurp] { display: flex; flex-direction: column; gap: 0.5rem; min-height: 0; }
.mt-list[b-4ouh4ypurp]  .mt-search { width: 100%; }
.mt-items[b-4ouh4ypurp] { flex: 1 1 auto; overflow: auto; display: flex; flex-direction: column; gap: 0.15rem; border: 1px solid var(--vcp-line-soft); border-radius: 10px; padding: 0.3rem; }
.mt-item[b-4ouh4ypurp] { text-align: left; border: 0; background: transparent; padding: 0.4rem 0.55rem; border-radius: 7px; font: inherit; font-size: 0.88rem; color: var(--vcp-ink); cursor: pointer; }
.mt-item:hover[b-4ouh4ypurp] { background: #f1f6f8; background: hsl(from #f1f6f8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.mt-item.on[b-4ouh4ypurp] { background: var(--vcp-accent); color: #fff; font-weight: 600; }
.mt-edit[b-4ouh4ypurp] { display: flex; flex-direction: column; gap: 0.6rem; min-height: 0; overflow: auto; }
.mt-edit label[b-4ouh4ypurp] { font-size: 0.76rem; font-weight: 600; color: #4b6570; color: hsl(from #4b6570 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); margin-top: 0.35rem; display: block; }
.mt-edit label small[b-4ouh4ypurp] { font-weight: 400; color: #8aa0a8; color: hsl(from #8aa0a8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); margin-left: 0.4rem; }
.mt-name small[b-4ouh4ypurp] { color: #8aa0a8; color: hsl(from #8aa0a8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); font-size: 0.75rem; }
.mt-edit[b-4ouh4ypurp]  .mt-full { width: 100%; }
.mt-langs[b-4ouh4ypurp] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.mt-lang[b-4ouh4ypurp] { border: 1px solid var(--vcp-line-soft); border-radius: 12px; padding: 0.6rem 0.8rem; background: #fbfdfd; }
.mt-lang h4[b-4ouh4ypurp] { margin: 0 0 0.2rem; font-size: 0.95rem; color: var(--vcp-accent); }
.mt-parts[b-4ouh4ypurp] { color: var(--vcp-text-4); font-size: 0.75rem; }
.mt-sample[b-4ouh4ypurp] { margin-top: 0.5rem; font-size: 0.75rem; color: var(--vcp-text-4); }
.mt-bubble[b-4ouh4ypurp] { margin-top: 0.25rem; background: #e7f5e9; border-radius: 12px 12px 12px 3px; padding: 0.5rem 0.65rem; color: var(--vcp-ink); font-size: 0.85rem;
             white-space: pre-wrap; word-break: break-word; }
.mt-error[b-4ouh4ypurp] { color: #b42318; font-size: 0.88rem; }
.mt-buttons[b-4ouh4ypurp] { display: flex; justify-content: flex-end; gap: 0.5rem; }
@media (max-width: 900px) { .mt[b-4ouh4ypurp] { grid-template-columns: 1fr; } .mt-langs[b-4ouh4ypurp] { grid-template-columns: 1fr; } }
.mt-name-row[b-4ouh4ypurp] { display: flex; gap: 0.4rem; align-items: center; }
.mt-del[b-4ouh4ypurp] { flex: 0 0 auto; border: 0; background: #fdecec; color: #c62828; border-radius: 8px; width: 2.4rem; height: 2.4rem; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.mt-del:hover[b-4ouh4ypurp] { background: #c62828; color: #fff; }
.mt-ph-row[b-4ouh4ypurp] { display: flex; flex-wrap: wrap; gap: 0.2rem; margin-top: 0.25rem; }
.mt-ph[b-4ouh4ypurp] { border: 1px solid #dbe4e8; border: 1px solid hsl(from #dbe4e8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 6px; background: #fff; font: inherit; font-size: 0.72rem; padding: 0.1rem 0.35rem; cursor: pointer; color: var(--vcp-accent); font-weight: 700; }
.mt-ph small[b-4ouh4ypurp] { font-weight: 400; color: var(--vcp-text-4); }
.mt-ph:hover[b-4ouh4ypurp] { background: var(--vcp-tint-1); }
.mt-buttons[b-4ouh4ypurp]  .mt-types { margin-right: auto; }
.mt-edit[b-4ouh4ypurp]  .mt-html { width: 100%; height: 13rem; }
.mt-edit[b-4ouh4ypurp]  .mt-html .rz-html-editor-content { font-family: Calibri, Arial, sans-serif; font-size: 11pt; }
/* /Modules/Patients/Components/MedicalReportEmailDialog.razor.rz.scp.css */
.em[b-b1g5cux7w3] { display: flex; flex-direction: column; gap: 0.55rem; }
.em-field[b-b1g5cux7w3] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.8rem; font-weight: 600; color: #33475b; color: hsl(from #33475b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
[b-b1g5cux7w3] .em-input { width: 100%; font-weight: 400; }
[b-b1g5cux7w3] .em-text { resize: vertical; }
.em-note[b-b1g5cux7w3] { font-weight: 400; color: #8a5a00; font-size: 0.78rem; }
.em-attach[b-b1g5cux7w3] { display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.85rem; color: #33475b; color: hsl(from #33475b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); background: #eef5f8; background: hsl(from #eef5f8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 6px;
    padding: 0.25rem 0.55rem; align-self: flex-start; }
.em-attach[b-b1g5cux7w3]  .rzi { color: #c62828; }
.em-error[b-b1g5cux7w3] { display: flex; align-items: flex-start; gap: 0.35rem; color: #b42318; background: #fdecec; border-radius: 6px; padding: 0.4rem 0.55rem;
    font-size: 0.85rem; word-break: break-word; }
.em-buttons[b-b1g5cux7w3] { display: flex; justify-content: flex-end; gap: 0.5rem; }
/* /Modules/Patients/Components/PassportDialog.razor.rz.scp.css */
.pp[b-hvgljf0krt] { display: flex; flex-direction: column; gap: 0.5rem; }
.pp-field[b-hvgljf0krt] { display: flex; flex-direction: column; gap: 0.1rem; }
.pp-label[b-hvgljf0krt] { font-size: 0.78rem; color: var(--muted, #5b6270); }
[b-hvgljf0krt] .pp-input { width: 100%; }
/* /Modules/Patients/Components/PatientEditor.razor.rz.scp.css */
/* Laid out like the Access pet form: header line, details left, the owner's pets right, tabs below. */
.pf-wrap[b-6ulmf2d38t] { height: 100%; }
.pf-wrap[b-6ulmf2d38t]  .pf { display: flex; flex-direction: column; height: 100%; gap: 0.4rem; font-size: 0.9rem; }
.pf-top[b-6ulmf2d38t] { display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; }
.pf-name[b-6ulmf2d38t] { display: flex; flex-direction: column; }
[b-6ulmf2d38t] .pf-name-input { font-size: 1.25rem; font-weight: 700; width: 14rem; }
.pf-stat[b-6ulmf2d38t] { display: flex; flex-direction: column; align-items: center; padding: 0 0.6rem; border-left: 1px solid #dfe3e8; border-left: 1px solid hsl(from #dfe3e8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.pf-stat strong[b-6ulmf2d38t] { font-size: 1.1rem; }
.pf-blood[b-6ulmf2d38t] { align-items: stretch; width: 7rem; }
.pf-click[b-6ulmf2d38t] { background: none; border-top: 0; border-right: 0; border-bottom: 0; font: inherit; cursor: pointer; }
.pf-click:disabled[b-6ulmf2d38t] { cursor: default; color: inherit; }
.pf-flag[b-6ulmf2d38t] { border: 1px solid #c9d3dd; border: 1px solid hsl(from #c9d3dd calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 50%; width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center;
           background: #fff; color: #9aa6b2; color: hsl(from #9aa6b2 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); cursor: pointer; padding: 0; }
.pf-flag.on[b-6ulmf2d38t] { color: #1565c0; color: hsl(from #1565c0 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-color: #1565c0; border-color: hsl(from #1565c0 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); background: #e8f0fb; background: hsl(from #e8f0fb calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.pf-flag:disabled[b-6ulmf2d38t] { cursor: default; }
.pf-deceased[b-6ulmf2d38t] { display: inline-flex; align-items: center; gap: 0.3rem; padding: 0.15rem 0.5rem; border-radius: 6px; }
.pf-deceased.on[b-6ulmf2d38t] { background: #3a3f47; color: #fff; }
.pf-owner[b-6ulmf2d38t] { display: flex; gap: 0.35rem; flex-wrap: wrap; align-items: center; }
.pf-scroll[b-6ulmf2d38t] { flex: 1 1 auto; min-height: 0; overflow: auto; display: flex; flex-direction: column; gap: 0.4rem; padding-right: 0.25rem; }
.pf-body[b-6ulmf2d38t] { flex: 0 0 auto; display: grid; grid-template-columns: minmax(0, 1fr) 12rem; gap: 1rem; }
.pf-details[b-6ulmf2d38t] { border: 0; margin: 0; padding: 0; min-width: 0; }
.pf-grid[b-6ulmf2d38t] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.35rem 0.75rem; }
.pf-field[b-6ulmf2d38t] { display: flex; flex-direction: column; gap: 0.1rem; min-width: 0; }
.pf-inline[b-6ulmf2d38t] { flex-direction: row; align-items: center; gap: 0.35rem; align-self: end; padding-bottom: 0.4rem; }
.pf-span2[b-6ulmf2d38t] { grid-column: span 2; }
.pf-label[b-6ulmf2d38t] { font-size: 0.75rem; color: var(--muted, #5b6270); }
[b-6ulmf2d38t] .pf-input { width: 100%; }
.pf-with-button[b-6ulmf2d38t] { display: flex; gap: 0.3rem; align-items: center; }
.pf-problem[b-6ulmf2d38t] { color: #c62828; font-size: 0.78rem; }
.pf-side[b-6ulmf2d38t] { display: flex; flex-direction: column; gap: 0.35rem; min-height: 0; }
.pf-side-head[b-6ulmf2d38t] { display: flex; align-items: center; gap: 0.35rem; }
.pf-pets[b-6ulmf2d38t] { flex: 1 1 auto; min-height: 5rem; max-height: 14rem; overflow: auto; background: #dcebf3; background: hsl(from #dcebf3 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 6px; padding: 0.25rem;
           display: flex; flex-direction: column; gap: 2px; }
.pf-pet[b-6ulmf2d38t] { display: flex; align-items: center; gap: 0.4rem; text-align: left; font: inherit; padding: 0.25rem 0.4rem; border: 0; border-radius: 4px;
          background: transparent; cursor: pointer; }
.pf-pet:hover[b-6ulmf2d38t] { background: #c9dfeb; background: hsl(from #c9dfeb calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.pf-pet.current[b-6ulmf2d38t] { background: #1d2c3a; background: hsl(from #1d2c3a calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: #fff; cursor: default; }
.pf-tabs[b-6ulmf2d38t] { flex: 1 0 auto; min-height: 20rem; display: flex; flex-direction: column; }
.pf-tabs[b-6ulmf2d38t]  .rz-tabview { flex: 1 1 auto; }
.pf-footer[b-6ulmf2d38t] { display: flex; align-items: center; gap: 0.5rem; padding-top: 0.5rem; border-top: 1px solid #e3e6ea; border-top: 1px solid hsl(from #e3e6ea calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.pf-grow[b-6ulmf2d38t] { flex: 1 1 auto; }

@media (max-width: 900px) {
    .pf-body[b-6ulmf2d38t] { grid-template-columns: 1fr; }
    .pf-grid[b-6ulmf2d38t] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* The chosen gender / neutered value is filled, as the dark buttons of the Access form. */
.pf-summary[b-6ulmf2d38t] { font-size: 0.85rem; color: #33475b; color: hsl(from #33475b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); padding-left: 0.2rem; }
[b-6ulmf2d38t] .pf-toggle .rz-button { min-width: 5.5rem; }
[b-6ulmf2d38t] .pf-toggle .rz-button.rz-state-active { background-color: #22576b; background-color: hsl(from #22576b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-color: #22576b; border-color: hsl(from #22576b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: #fff; }
.pf-label[b-6ulmf2d38t] { font-size: 0.8rem; font-weight: 600; color: #33475b; color: hsl(from #33475b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }

/* The tabs sit in their own panel under the pet's details, with Access-like teal tab buttons, so the record's
   details and the pet's history read as two separate areas. */
.pf-tabs[b-6ulmf2d38t] { margin-top: 0.5rem; background: #e6f0f4; background: hsl(from #e6f0f4 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border: 1px solid #bcd3dc; border: 1px solid hsl(from #bcd3dc calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 10px; padding: 0.5rem 0.6rem 0.6rem; }
.pf-tabs[b-6ulmf2d38t]  .rz-tabview { background: transparent; }
.pf-tabs[b-6ulmf2d38t]  .rz-tabview-nav { display: flex; gap: 0.35rem; border-bottom: 0; background: transparent; }
.pf-tabs[b-6ulmf2d38t]  .rz-tabview-nav li { flex: 1 1 0; margin: 0; border-radius: 8px 8px 0 0; background: var(--vcp-accent-mid); }
.pf-tabs[b-6ulmf2d38t]  .rz-tabview-nav li button { width: 100%; justify-content: center; color: #fff; padding: 0.55rem 0.75rem; border: 0; background: transparent; }
.pf-tabs[b-6ulmf2d38t]  .rz-tabview-nav li button .rz-tabview-icon,
.pf-tabs[b-6ulmf2d38t]  .rz-tabview-nav li button .rz-tabview-title { color: #fff; }
.pf-tabs[b-6ulmf2d38t]  .rz-tabview-nav li.rz-tabview-selected { background: var(--vcp-ink-2); }
.pf-tabs[b-6ulmf2d38t]  .rz-tabview-nav li.rz-tabview-selected::after,
.pf-tabs[b-6ulmf2d38t]  .rz-tabview-nav li::after { display: none; }
.pf-tabs[b-6ulmf2d38t]  .rz-tabview-panels { background: #fff; border: 1px solid #bcd3dc; border: 1px solid hsl(from #bcd3dc calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-top: 3px solid var(--vcp-ink-2); border-radius: 0 0 8px 8px; padding: 0.75rem; }
.pf-tabs[b-6ulmf2d38t]  .rz-tabview-nav li,
.pf-tabs[b-6ulmf2d38t]  .rz-tabview-nav li button { box-shadow: none; border-bottom: 0 !important; outline: none; }
.pf-tabs[b-6ulmf2d38t]  .rz-tabview-nav .rz-tabview-ink-bar,
.pf-tabs[b-6ulmf2d38t]  .rz-tabview-nav::after { display: none; }

/* The pet's name and key figures in their own band above the details, like the Access form's header. */
.pf-header[b-6ulmf2d38t] { display: flex; flex-direction: column; gap: 0.3rem; padding: 0.55rem 0.8rem; margin-bottom: 0.35rem;
             background: #eef5f8; background: hsl(from #eef5f8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border: 1px solid #c9dbe3; border: 1px solid hsl(from #c9dbe3 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-left: 5px solid var(--vcp-ink-2); border-radius: 10px; }
.pf-header .pf-stat[b-6ulmf2d38t] { border-left-color: #c9dbe3; border-left-color: hsl(from #c9dbe3 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }

/* Compact layout: the whole pet form fits its window without scrolling.
   Radzen sizes its inputs from --rz-input-size-md (class rz-input-md). */
.pf-wrap[b-6ulmf2d38t] { --rz-input-size-md: 2rem; --rz-input-height: 2rem; font-size: 0.85rem; }
.pf-wrap[b-6ulmf2d38t]  .pf { gap: 0.3rem; }
.pf-wrap[b-6ulmf2d38t]  .rz-textbox, .pf-wrap[b-6ulmf2d38t]  .rz-dropdown, .pf-wrap[b-6ulmf2d38t]  .rz-datepicker input, .pf-wrap[b-6ulmf2d38t]  .rz-textarea { font-size: 0.85rem; }
.pf-wrap[b-6ulmf2d38t]  .rz-dropdown .rz-dropdown-label, .pf-wrap[b-6ulmf2d38t]  .rz-textbox { padding-block: 0; }
.pf-wrap[b-6ulmf2d38t]  .rz-textarea { min-height: 2.6rem; padding-block: 0.3rem; }
.pf-label[b-6ulmf2d38t] { font-size: 0.72rem; }
.pf-grid[b-6ulmf2d38t] { gap: 0.2rem 0.6rem; }
.pf-field[b-6ulmf2d38t] { gap: 0; }
.pf-inline[b-6ulmf2d38t] { padding-bottom: 0.25rem; }
.pf-body[b-6ulmf2d38t] { gap: 0.75rem; }
.pf-pets[b-6ulmf2d38t] { max-height: 9rem; min-height: 4rem; }
.pf-side[b-6ulmf2d38t] { gap: 0.25rem; }
.pf-tabs[b-6ulmf2d38t] { margin-top: 0.3rem; padding: 0.35rem 0.45rem 0.45rem; min-height: 0; }
.pf-tabs[b-6ulmf2d38t]  .rz-tabview-nav li button { padding: 0.35rem 0.6rem; }
.pf-tabs[b-6ulmf2d38t]  .rz-tabview-panels { padding: 0.5rem; }
.pf-footer[b-6ulmf2d38t] { padding-top: 0.35rem; }

/* Header: every block is a label over a value of the same height, centred on one line. */
.pf-header[b-6ulmf2d38t] { padding: 0.4rem 0.7rem; gap: 0.15rem; margin-bottom: 0.15rem; }
.pf-top[b-6ulmf2d38t] { align-items: center; gap: 0.6rem; flex-wrap: nowrap; }
.pf-name[b-6ulmf2d38t] { justify-content: center; gap: 0.05rem; }
.pf-wrap[b-6ulmf2d38t]  .pf-name-input { font-size: 1.1rem; height: 2.1rem; width: 13rem; }
.pf-summary[b-6ulmf2d38t] { font-size: 0.78rem; line-height: 1.1; }
.pf-stat[b-6ulmf2d38t] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.1rem; min-height: 2.9rem;
           padding: 0 0.6rem; border-left: 1px solid #c9dbe3; border-left: 1px solid hsl(from #c9dbe3 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.pf-stat .pf-label[b-6ulmf2d38t] { line-height: 1; }
.pf-stat strong[b-6ulmf2d38t] { font-size: 1.05rem; line-height: 1.9rem; height: 1.9rem; }
.pf-blood[b-6ulmf2d38t] { width: 7rem; align-items: stretch; }
.pf-blood .pf-label[b-6ulmf2d38t] { text-align: center; }
.pf-wrap[b-6ulmf2d38t]  .pf-blood .rz-textbox { height: 1.9rem; text-align: center; font-weight: 600; }
.pf-flag[b-6ulmf2d38t] { width: 30px; height: 30px; }
.pf-owner[b-6ulmf2d38t] { font-size: 0.8rem; }
.pf-tabs[b-6ulmf2d38t]  .rz-tabview-panels { padding: 0.4rem 0.5rem; }

/* Anchoring, as Access: when the window grows, the tabs take the extra height and their lists and chart grow with it. */
.pf-tabs[b-6ulmf2d38t] { flex: 1 1 auto; min-height: 17rem; display: flex; flex-direction: column; }
.pf-tabs[b-6ulmf2d38t]  .rz-tabview { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
.pf-tabs[b-6ulmf2d38t]  .rz-tabview-panels { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
.pf-tabs[b-6ulmf2d38t]  .rz-tabview-panel { flex: 1 1 auto; min-height: 0; }

/* "Arrange tabs" sits at the end of the tab row; the row leaves room for it. */
.pf-tabs[b-6ulmf2d38t] { position: relative; }
.pf-tabs[b-6ulmf2d38t]  .rz-tabview-nav { margin-right: 2.5rem; }
.pf-tabs-arrange[b-6ulmf2d38t] { position: absolute; top: 0.35rem; right: 0.45rem; width: 2.2rem; height: 2.15rem; display: inline-flex; align-items: center;
                   justify-content: center; border: 0; border-radius: 8px; background: var(--vcp-accent-mid); color: #fff; cursor: pointer; }
.pf-tabs-arrange:hover[b-6ulmf2d38t] { background: #2f7489; background: hsl(from #2f7489 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.pf-pets[b-6ulmf2d38t] { max-height: none; }
.pf-side[b-6ulmf2d38t] { align-self: stretch; }
.pf-owner-mobile[b-6ulmf2d38t] { display: inline-flex; align-items: center; gap: 0.1rem; font-weight: 600; color: #33475b; color: hsl(from #33475b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.pf-owner-mobile[b-6ulmf2d38t]  .rzi { font-size: 0.95rem; }

/* Compact header: one line, about the height of an input. */
.pf-header[b-6ulmf2d38t] { flex-direction: row; align-items: center; flex-wrap: wrap; gap: 0.45rem; padding: 0.3rem 0.6rem; margin-bottom: 0.1rem; }
.pf-name[b-6ulmf2d38t] { gap: 0; }
.pf-wrap[b-6ulmf2d38t]  .pf-name-input { font-size: 1rem; height: 1.9rem; width: 11rem; font-weight: 700; }
.pf-flag[b-6ulmf2d38t] { width: 28px; height: 28px; }
.pf-flag[b-6ulmf2d38t]  .rzi { font-size: 1.1rem; }
.pf-chip[b-6ulmf2d38t] { display: inline-flex; align-items: baseline; gap: 0.3rem; padding: 0 0.5rem; border-left: 1px solid #c9dbe3; border-left: 1px solid hsl(from #c9dbe3 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); background: none;
           border-top: 0; border-right: 0; border-bottom: 0; font: inherit; color: inherit; }
.pf-chip .pf-label[b-6ulmf2d38t] { font-size: 0.7rem; }
.pf-chip strong[b-6ulmf2d38t] { font-size: 0.95rem; }
.pf-chip.pf-click[b-6ulmf2d38t] { cursor: pointer; }
.pf-chip.pf-click:disabled[b-6ulmf2d38t] { cursor: default; }
.pf-wrap[b-6ulmf2d38t]  .pf-blood-input { width: 5.5rem; height: 1.8rem; font-weight: 600; text-align: center; }
label.pf-chip[b-6ulmf2d38t] { align-items: center; }
.pf-deceased[b-6ulmf2d38t] { padding: 0.1rem 0.4rem; }

/* Details in six columns: three rows instead of five, so the tabs get the room. */
.pf-grid[b-6ulmf2d38t] { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0.15rem 0.5rem; }
.pf-body[b-6ulmf2d38t] { grid-template-columns: minmax(0, 1fr) 10rem; gap: 0.6rem; }
.pf-side-head[b-6ulmf2d38t] { font-size: 0.8rem; }
.pf-pets[b-6ulmf2d38t] { min-height: 0; }
.pf-wrap[b-6ulmf2d38t]  .pf-toggle { display: flex; width: 100%; }
.pf-wrap[b-6ulmf2d38t]  .pf-toggle .rz-button { min-width: 0; flex: 1 1 0; padding-inline: 0.2rem; font-size: 0.7rem; }
.pf-wrap[b-6ulmf2d38t]  .pf-details .rz-textarea { min-height: 2rem; height: 2rem; resize: vertical; }

.pf-stamp[b-6ulmf2d38t] { font-size: 0.72rem; margin-left: 0.5rem; }
.pf-side-head .pf-new-pet[b-6ulmf2d38t] { margin-left: auto; width: 24px; height: 24px; color: var(--vcp-ink-2); border-color: var(--vcp-ink-2); }
.pf-pet.marked[b-6ulmf2d38t] { background: #b7d3e1; background: hsl(from #b7d3e1 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.pf-pets[b-6ulmf2d38t] { flex: 1 1 auto; }

/* The owner's pets: as tall as the details beside them, scrolling when the owner has many pets (the list must not
   push the form taller). height 0 + flex-grow: it takes the room the details make, never more. */
.pf-side[b-6ulmf2d38t] { min-height: 0; }
.pf-pets[b-6ulmf2d38t] { flex: 1 1 auto; height: 0; min-height: 4.5rem; max-height: none; overflow-y: auto; }

/* The clinic's species icons are black: white on the dark selected row (agreed). */
.pf-pet.current[b-6ulmf2d38t]  .species-img { filter: brightness(0) invert(1); }

.pf-visit-buttons[b-6ulmf2d38t] { display: inline-flex; gap: 0.35rem; }

/* The selected pet tab is dark: its count stays white (app.css darkens it for the white selected tabs elsewhere). */
.pf-tabs[b-6ulmf2d38t]  .rz-tabview-selected .tab-count { background: #ffffff; color: var(--vcp-ink-2); }
.pf-tabs[b-6ulmf2d38t]  .rz-tabview-selected .tab-count.zero { background: rgba(255, 255, 255, 0.28); color: #ffffff; }
/* /Modules/Patients/Components/PetNotesDialog.razor.rz.scp.css */
.pn[b-a6aw70n9re] { display: flex; flex-direction: column; gap: 0.7rem; }
.pn section[b-a6aw70n9re] { padding: 0.6rem 0.8rem; border-radius: 10px; background: var(--vcp-tint-0); }
.pn-chronic[b-a6aw70n9re] { background: #fffaeb !important; }
.pn h4[b-a6aw70n9re] { display: flex; align-items: center; gap: 0.35rem; margin: 0 0 0.3rem; font-size: 0.82rem; color: var(--vcp-ink-2); }
.pn p[b-a6aw70n9re] { margin: 0; white-space: pre-wrap; font-size: 0.92rem; }
.pn-foot[b-a6aw70n9re] { display: flex; justify-content: flex-end; }
/* /Modules/Patients/Components/PetOverviewPanel.razor.rz.scp.css */
/* Access's Overview: visit history on the left, charges over reminders in the middle, the summary on the right. */
.po[b-ylui0jliny] { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1fr); gap: 0.6rem; height: 100%; min-height: 26rem; }
.po-middle[b-ylui0jliny] { display: grid; grid-template-rows: minmax(0, 1fr) minmax(0, 1fr); gap: 0.6rem; min-height: 0; }
.po-card[b-ylui0jliny] { display: flex; flex-direction: column; gap: 0.35rem; min-height: 0; background: #fff; border: 1px solid #d5e3e9; border: 1px solid hsl(from #d5e3e9 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 10px;
           padding: 0.45rem 0.55rem; box-shadow: 0 1px 2px rgba(16, 52, 66, 0.06); }
.po-title[b-ylui0jliny] { margin: 0; font-size: 0.95rem; font-weight: 700; color: var(--vcp-ink-2); text-align: center; }
.po-grow[b-ylui0jliny] { flex: 1 1 auto; }
.po-empty[b-ylui0jliny] { padding: 0.6rem; }

.po-fields[b-ylui0jliny] { display: flex; flex-wrap: wrap; gap: 3px; background: #e6f0f4; background: hsl(from #e6f0f4 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 8px; padding: 3px; }
.po-field[b-ylui0jliny] { flex: 1 1 auto; border: 0; background: transparent; color: var(--vcp-ink-2); font: inherit; font-size: 0.76rem; font-weight: 600;
            padding: 0.3rem 0.4rem; border-radius: 6px; cursor: pointer; white-space: nowrap; }
.po-field:hover[b-ylui0jliny] { background: #d4e5ec; background: hsl(from #d4e5ec calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.po-field.on[b-ylui0jliny] { background: var(--vcp-ink-2); color: #fff; }

.po-visits[b-ylui0jliny] { flex: 1 1 auto; min-height: 0; overflow: auto; display: flex; flex-direction: column; gap: 0.3rem; }
.po-visit[b-ylui0jliny] { display: flex; flex-direction: column; gap: 0.2rem; text-align: left; border: 0; border-bottom: 1px solid #e3ecf0; border-bottom: 1px solid hsl(from #e3ecf0 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); background: transparent;
            font: inherit; padding: 0.3rem 0.35rem; border-radius: 6px; cursor: pointer; color: inherit; }
.po-visit:hover[b-ylui0jliny] { background: #f1f7f9; background: hsl(from #f1f7f9 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.po-visit.locked[b-ylui0jliny] { background: #f6f7f8; background: hsl(from #f6f7f8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.po-visit-head[b-ylui0jliny] { display: flex; align-items: center; gap: 0.45rem; font-size: 0.82rem; }
.po-doctor[b-ylui0jliny] { color: #5b6270; font-size: 0.76rem; }
.po-lock[b-ylui0jliny] { font-size: 0.95rem; color: #b0870b; }
.po-clip[b-ylui0jliny] { display: inline-flex; align-items: center; gap: 0.1rem; color: #5b6270; font-size: 0.76rem; }
.po-clip[b-ylui0jliny]  .rzi { font-size: 1rem; }
.po-visit-text[b-ylui0jliny] { white-space: pre-wrap; font-size: 0.84rem; color: var(--vcp-ink); }
.po-foot[b-ylui0jliny] { display: flex; align-items: center; gap: 0.4rem; border-top: 1px solid #e3ecf0; border-top: 1px solid hsl(from #e3ecf0 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); padding-top: 0.3rem; }
.po-link[b-ylui0jliny] { display: inline-flex; align-items: center; gap: 0.2rem; border: 0; background: transparent; font: inherit; font-size: 0.78rem;
           font-weight: 600; color: var(--vcp-ink-2); cursor: pointer; padding: 0.15rem 0.3rem; border-radius: 6px; }
.po-link:hover[b-ylui0jliny] { background: #e6f0f4; background: hsl(from #e6f0f4 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.po-link[b-ylui0jliny]  .rzi { font-size: 1rem; }

[b-ylui0jliny] .po-filter { width: 100%; }
.po-rows[b-ylui0jliny] { flex: 1 1 auto; min-height: 0; overflow: auto; font-size: 0.8rem; }
.po-row[b-ylui0jliny] { display: grid; grid-template-columns: 5.6rem minmax(0, 1fr) auto; gap: 0.4rem; padding: 0.15rem 0.2rem; border-bottom: 1px solid #f0f4f6; border-bottom: 1px solid hsl(from #f0f4f6 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.po-date[b-ylui0jliny] { color: #5b6270; border-right: 1px solid #d5e3e9; border-right: 1px solid hsl(from #d5e3e9 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.po-text[b-ylui0jliny] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.po-status[b-ylui0jliny] { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; }
.po-overdue[b-ylui0jliny] { color: #c62828; }
.po-done[b-ylui0jliny] { color: #8a8f98; }
.po-sent .po-status[b-ylui0jliny] { color: #1565c0; color: hsl(from #1565c0 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.po-pending .po-status[b-ylui0jliny] { color: #8a5a00; }

[b-ylui0jliny] .po-summary-text { flex: 1 1 auto; min-height: 12rem; width: 100%; }
.po-summary-view[b-ylui0jliny] { flex: 1 1 auto; min-height: 10rem; overflow: auto; font-size: 0.85rem; border: 1px solid #e3ecf0; border: 1px solid hsl(from #e3ecf0 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 6px;
                   padding: 0.4rem 0.5rem; }
.po-working[b-ylui0jliny] { display: flex; align-items: center; gap: 0.4rem; font-size: 0.8rem; color: var(--vcp-ink-2); }
.po-updated[b-ylui0jliny] { font-size: 0.76rem; }
.po-buttons[b-ylui0jliny] { display: flex; align-items: center; gap: 0.4rem; flex-wrap: wrap; }

@media (max-width: 1100px) {
    .po[b-ylui0jliny] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    .po-summary[b-ylui0jliny] { grid-column: 1 / -1; min-height: 16rem; }
}

@media (max-width: 700px) {
    .po[b-ylui0jliny] { grid-template-columns: minmax(0, 1fr); }
    .po-history[b-ylui0jliny] { min-height: 22rem; }
    .po-middle[b-ylui0jliny] { grid-template-rows: auto auto; }
    .po-rows[b-ylui0jliny] { max-height: 14rem; }
}
/* /Modules/Patients/Components/WeightPanel.razor.rz.scp.css */
.wp[b-9vw7i80h7s] { display: grid; grid-template-columns: 17rem minmax(0, 1fr); gap: 0.75rem; height: 100%; min-height: 0; }
.wp-list[b-9vw7i80h7s] { overflow: auto; max-height: 20rem; border: 1px solid #dfe3e8; border: 1px solid hsl(from #dfe3e8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 6px; }
.wp-row[b-9vw7i80h7s] { display: grid; grid-template-columns: 5.6rem 4.5rem 3rem 1.6rem; align-items: center; gap: 0.25rem; padding: 0.15rem 0.4rem;
          border-bottom: 1px solid #eef0f3; border-bottom: 1px solid hsl(from #eef0f3 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); font-size: 0.85rem; }
.wp-pad[b-9vw7i80h7s] { padding: 0.5rem; }
.wp-main[b-9vw7i80h7s] { display: flex; flex-direction: column; gap: 0.4rem; min-width: 0; min-height: 0; }
.wp-new[b-9vw7i80h7s] { display: flex; align-items: flex-end; gap: 0.6rem; flex-wrap: wrap; }
.wp-field[b-9vw7i80h7s] { display: flex; flex-direction: column; gap: 0.1rem; }
[b-9vw7i80h7s] .wp-date { width: 9.5rem; }
[b-9vw7i80h7s] .wp-num { width: 7.5rem; }
.wp-chart-head[b-9vw7i80h7s] { display: flex; justify-content: flex-end; }
[b-9vw7i80h7s] .wp-chart { width: 100%; height: 15rem; }
.pf-label[b-9vw7i80h7s] { font-size: 0.75rem; color: var(--muted, #5b6270); }
.pf-problem[b-9vw7i80h7s] { color: #c62828; font-size: 0.8rem; }

/* Compact: fits the pet window without scrolling. */
.wp-list[b-9vw7i80h7s] { max-height: 11rem; }
[b-9vw7i80h7s] .wp-chart { height: 10.5rem; }
.wp-new[b-9vw7i80h7s] { gap: 0.45rem; }
.wp-main[b-9vw7i80h7s] { gap: 0.25rem; }
[b-9vw7i80h7s] .wp-chart { height: 9.5rem; }
.wp-list[b-9vw7i80h7s] { max-height: 10rem; }

/* Anchored: list and chart fill the tab's height. */
.wp[b-9vw7i80h7s] { height: 100%; grid-template-rows: minmax(0, 1fr); }
.wp-list[b-9vw7i80h7s] { max-height: none; height: 100%; }
.wp-main[b-9vw7i80h7s] { height: 100%; }
[b-9vw7i80h7s] .wp-chart { flex: 1 1 auto; height: auto; min-height: 8rem; }
/* /Modules/Payments/Components/CreditPaymentDialog.razor.rz.scp.css */
.cp[b-bxkogz5dcw] { display: flex; flex-direction: column; gap: 0.75rem; font-size: 0.9rem; }
.cp-hint[b-bxkogz5dcw] { font-size: 0.78rem; color: var(--vcp-text-3); }
.cp-grow[b-bxkogz5dcw] { flex: 1; }
.cp-pad[b-bxkogz5dcw] { padding: 0.5rem; }

/* What is owed, as the Access window's "Amount Due". */
.cp-due[b-bxkogz5dcw] { display: flex; align-items: center; gap: 0.8rem; padding: 0.55rem 0.8rem; border-radius: 10px; background: var(--vcp-tint-1); }
.cp-due > div[b-bxkogz5dcw] { display: flex; flex-direction: column; }
.cp-due strong[b-bxkogz5dcw] { font-size: 1.35rem; font-variant-numeric: tabular-nums; color: var(--vcp-ink-2); }
.cp-due strong.cp-owed[b-bxkogz5dcw] { color: #c62828; }
.cp-badge[b-bxkogz5dcw] { display: inline-flex; align-items: center; gap: 0.25rem; margin-left: auto; padding: 0.1rem 0.55rem; border-radius: 999px; background: #e8f5e9;
            color: #1b5e20; font-size: 0.78rem; font-weight: 600; }

.cp-section[b-bxkogz5dcw] { display: flex; flex-direction: column; gap: 0.35rem; }
.cp-label[b-bxkogz5dcw], .cp-field > span[b-bxkogz5dcw] { font-size: 0.78rem; font-weight: 600; color: var(--vcp-text-2); }
.cp-field em[b-bxkogz5dcw] { color: #c62828; font-style: normal; }

/* The invoices to choose from: on account first, then the open credit invoices. */
.cp-invoices[b-bxkogz5dcw] { display: flex; flex-direction: column; gap: 0.3rem; max-height: 14rem; overflow: auto; padding: 0.3rem; border-radius: 10px;
               border: 1px solid var(--vcp-line-accent); background: #fff; }
.cp-inv[b-bxkogz5dcw] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: 0.6rem; width: 100%; text-align: left;
          border: 1px solid transparent; border-radius: 8px; background: transparent; padding: 0.4rem 0.55rem; font: inherit; cursor: pointer; color: inherit; }
.cp-inv:hover:not(:disabled)[b-bxkogz5dcw] { background: var(--vcp-tint-1); }
.cp-inv:disabled[b-bxkogz5dcw] { cursor: default; }
.cp-inv[b-bxkogz5dcw]  .rzi { color: var(--vcp-accent-mid); }
.cp-inv-name[b-bxkogz5dcw] { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cp-inv-left[b-bxkogz5dcw] { font-size: 0.82rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
.cp-on[b-bxkogz5dcw], .cp-on:hover:not(:disabled)[b-bxkogz5dcw] { background: var(--vcp-accent-dark); border-color: var(--vcp-accent-dark); color: #fff; }
.cp-on .cp-hint[b-bxkogz5dcw], .cp-on[b-bxkogz5dcw]  .rzi { color: rgba(255, 255, 255, 0.85); }

.cp-grid[b-bxkogz5dcw] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.55rem 0.7rem; }
.cp-field[b-bxkogz5dcw] { display: flex; flex-direction: column; gap: 0.2rem; min-width: 0; }
.cp-wide[b-bxkogz5dcw] { grid-column: 1 / -1; }
.cp[b-bxkogz5dcw]  .cp-field .rz-textbox, .cp[b-bxkogz5dcw]  .cp-field .rz-dropdown, .cp[b-bxkogz5dcw]  .cp-field .rz-datepicker, .cp[b-bxkogz5dcw]  .cp-field .rz-numeric { width: 100%; }
.cp[b-bxkogz5dcw]  .cp-amount .rz-numeric-input { font-size: 1.1rem; font-weight: 700; text-align: right; }
.cp[b-bxkogz5dcw]  .cp-missing, .cp[b-bxkogz5dcw]  .cp-missing.rz-textbox, .cp[b-bxkogz5dcw]  .cp-missing .rz-inputtext { background: #fff4f4 !important; border-color: #e57373 !important; }
.cp-all[b-bxkogz5dcw] { align-self: flex-end; font-size: 0.78rem; }

.cp-warn[b-bxkogz5dcw], .cp-error[b-bxkogz5dcw] { display: flex; align-items: center; gap: 0.4rem; padding: 0.4rem 0.6rem; border-radius: 8px; font-size: 0.84rem; }
.cp-warn[b-bxkogz5dcw] { background: #fff8e1; color: #6d4c00; }
.cp-error[b-bxkogz5dcw] { background: #fdecea; color: #b71c1c; }
.cp-buttons[b-bxkogz5dcw] { display: flex; align-items: center; gap: 0.5rem; padding-top: 0.25rem; }

@media (max-width: 640px) {
    .cp-grid[b-bxkogz5dcw] { grid-template-columns: minmax(0, 1fr); }
    .cp-inv[b-bxkogz5dcw] { grid-template-columns: auto minmax(0, 1fr) auto; }
    .cp-inv .cp-hint[b-bxkogz5dcw] { display: none; }
}
/* /Modules/Payments/Components/CreditPaymentEmailDialog.razor.rz.scp.css */
.em[b-4u0shwhyzc] { display: flex; flex-direction: column; gap: 0.55rem; }
.em-field[b-4u0shwhyzc] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.8rem; font-weight: 600; color: #33475b; color: hsl(from #33475b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
[b-4u0shwhyzc] .em-input { width: 100%; font-weight: 400; }
[b-4u0shwhyzc] .em-text { resize: vertical; }
.em-note[b-4u0shwhyzc] { font-weight: 400; color: #8a5a00; font-size: 0.78rem; }
.em-attach[b-4u0shwhyzc] { display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.85rem; color: #33475b; color: hsl(from #33475b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); background: #eef5f8; background: hsl(from #eef5f8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 6px;
    padding: 0.25rem 0.55rem; align-self: flex-start; }
.em-attach[b-4u0shwhyzc]  .rzi { color: #c62828; }
.em-error[b-4u0shwhyzc] { display: flex; align-items: flex-start; gap: 0.35rem; color: #b42318; background: #fdecec; border-radius: 6px; padding: 0.4rem 0.55rem;
    font-size: 0.85rem; word-break: break-word; }
.em-buttons[b-4u0shwhyzc] { display: flex; justify-content: flex-end; gap: 0.5rem; }
/* /Modules/Payments/Components/CreditPaymentsPanel.razor.rz.scp.css */
.cps[b-p6mwxlgehl] { display: flex; flex-direction: column; gap: 0.5rem; height: 100%; min-height: 0; }
.cps-head[b-p6mwxlgehl] { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; }
.cps-sum[b-p6mwxlgehl] { display: flex; flex-direction: column; padding: 0.15rem 0.6rem; border-radius: 8px; background: #fff; border: 1px solid var(--vcp-line-accent); }
.cps-sum strong[b-p6mwxlgehl] { font-variant-numeric: tabular-nums; }
.cps-owed[b-p6mwxlgehl] { border-color: #f1b8b8; background: #fdf3f3; }
.cps-owed strong[b-p6mwxlgehl] { color: #c62828; }
.cps-hint[b-p6mwxlgehl] { font-size: 0.72rem; color: var(--vcp-text-3); }
.cps-grow[b-p6mwxlgehl] { flex: 1; }
.cps-sub[b-p6mwxlgehl] { display: block; font-size: 0.74rem; color: var(--vcp-text-3); }
.cps-neg[b-p6mwxlgehl] { color: #c62828; }
.cps-plan[b-p6mwxlgehl] { display: inline-flex; align-items: center; gap: 0.2rem; color: #1b5e20; }
.cps-plan[b-p6mwxlgehl]  .rzi { font-size: 1rem; }
.cps-actions[b-p6mwxlgehl] { display: inline-flex; gap: 0.1rem; }
.cps[b-p6mwxlgehl]  .cps-grid { flex: 1 1 auto; min-height: 0; }
.cps[b-p6mwxlgehl]  .cps-paid td { color: var(--vcp-text-3); }
.cps[b-p6mwxlgehl]  .cps-credit td { font-style: italic; color: var(--vcp-text-2); }
/* /Modules/Payments/Components/ReceiptChoiceDialog.razor.rz.scp.css */
.rc[b-1h9y4jj7fn] { display: flex; flex-direction: column; gap: 0.7rem; }
.rc-saved[b-1h9y4jj7fn] { display: flex; align-items: center; gap: 0.4rem; padding: 0.45rem 0.7rem; border-radius: 8px; background: #e8f5e9; color: #1b5e20; font-weight: 600; }
.rc-head[b-1h9y4jj7fn] { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; }
.rc-hint[b-1h9y4jj7fn] { font-size: 0.85rem; color: var(--vcp-text-2); }
.rc-printers[b-1h9y4jj7fn] { display: inline-flex; align-items: center; gap: 0.25rem; font-size: 0.8rem; }
.rc-printers[b-1h9y4jj7fn]  .rzi { font-size: 1rem; }
.rc-buttons[b-1h9y4jj7fn] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem; }
.rc-buttons[b-1h9y4jj7fn]  .rz-button { min-height: 3rem; }
.rc-problem[b-1h9y4jj7fn] { display: flex; align-items: center; flex-wrap: wrap; gap: 0.4rem; padding: 0.45rem 0.65rem; border-radius: 8px; background: #fff8e1; color: #6d4c00; font-size: 0.85rem; }
.rc-foot[b-1h9y4jj7fn] { display: flex; align-items: center; gap: 0.3rem; }
.rc-grow[b-1h9y4jj7fn] { flex: 1; }
@media (max-width: 520px) { .rc-buttons[b-1h9y4jj7fn] { grid-template-columns: minmax(0, 1fr); } }
.rc-problem > span[b-1h9y4jj7fn] { flex: 1; min-width: 12rem; }
/* /Modules/Purchases/Components/PurchaseFilesDialog.razor.rz.scp.css */
.pf[b-tr15bqfehz] { display: grid; grid-template-columns: 16rem 1fr; gap: 0.8rem; height: calc(82vh - 7.5rem); min-height: 20rem; }
.pf-list[b-tr15bqfehz] { display: flex; flex-direction: column; gap: 0.3rem; background: var(--vcp-tint-1); border-radius: 12px; padding: 0.5rem; overflow: auto; min-height: 0; }
.pf-row[b-tr15bqfehz] { display: flex; align-items: center; gap: 0.45rem; width: 100%; border: 0; background: #fff; text-align: left; padding: 0.45rem 0.55rem;
          border-radius: 8px; font: inherit; cursor: pointer; color: inherit; }
.pf-row:hover[b-tr15bqfehz] { background: #dceef4; background: hsl(from #dceef4 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.pf-row[b-tr15bqfehz]  .rzi { color: #c62828; }
.pf-current[b-tr15bqfehz], .pf-current:hover[b-tr15bqfehz] { background: var(--vcp-accent-dark); color: #fff; }
.pf-current[b-tr15bqfehz]  .rzi { color: #fff; }
.pf-row-text[b-tr15bqfehz] { display: flex; flex-direction: column; min-width: 0; }
.pf-name[b-tr15bqfehz] { font-size: 0.86rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pf-sub[b-tr15bqfehz] { font-size: 0.7rem; opacity: 0.75; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pf-hint[b-tr15bqfehz] { font-size: 0.8rem; color: var(--vcp-text-3); padding: 0.4rem; }
.pf-add[b-tr15bqfehz] { position: relative; display: flex; align-items: center; justify-content: center; gap: 0.4rem; margin-top: auto; padding: 0.6rem;
          border: 1px dashed #7fb3c4; border: 1px dashed hsl(from #7fb3c4 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 10px; color: var(--vcp-accent-dark); font-weight: 600; font-size: 0.86rem; cursor: pointer; background: #fff; }
.pf-add:hover[b-tr15bqfehz] { background: #f4fafc; background: hsl(from #f4fafc calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.pf[b-tr15bqfehz]  .pf-file { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.pf-view[b-tr15bqfehz] { display: flex; flex-direction: column; gap: 0.5rem; min-height: 0; }
.pf-tools[b-tr15bqfehz] { display: flex; align-items: center; gap: 0.4rem; }
.pf[b-tr15bqfehz]  .pf-notes { flex: 1; }
.pf-link[b-tr15bqfehz] { display: inline-flex; padding: 0.35rem; border-radius: 8px; color: var(--vcp-accent-dark); }
.pf-link:hover[b-tr15bqfehz] { background: var(--vcp-tint-1); }
.pf-frame[b-tr15bqfehz] { flex: 1; width: 100%; border: 1px solid #dde7eb; border: 1px solid hsl(from #dde7eb calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 10px; background: #f6f8f9; background: hsl(from #f6f8f9 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); min-height: 0; }
.pf-picture[b-tr15bqfehz] { flex: 1; overflow: auto; border: 1px solid #dde7eb; border: 1px solid hsl(from #dde7eb calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 10px; background: #f6f8f9; background: hsl(from #f6f8f9 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); display: flex; align-items: flex-start; justify-content: center; }
.pf-picture img[b-tr15bqfehz] { max-width: 100%; }
.pf-empty[b-tr15bqfehz] { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.4rem; color: #7a96a1; color: hsl(from #7a96a1 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border: 1px dashed var(--vcp-line-accent); border-radius: 10px; }
.pf-empty[b-tr15bqfehz]  .rzi { font-size: 2.4rem; }
/* /Modules/Purchases/Components/PurchaseItemPicker.razor.rz.scp.css */
.pk[b-h02deogf1b] { display: flex; flex-direction: column; gap: 0.6rem; height: calc(70vh - 7.5rem); min-height: 18rem; }
.pk-search[b-h02deogf1b] { display: flex; align-items: center; gap: 0.35rem; background: #fff; border-radius: 10px; padding: 0.4rem 0.6rem; border: 1px solid var(--vcp-line-accent); color: var(--vcp-text-2); }
.pk-search-in[b-h02deogf1b] { flex: 1; border: 0; outline: none; font: inherit; font-size: 0.95rem; min-width: 0; background: transparent; }
.pk[b-h02deogf1b]  .pk-grid { flex: 1 1 auto; min-height: 0; }
.pk-off[b-h02deogf1b] { text-decoration: line-through; opacity: 0.65; }
.pk-tag[b-h02deogf1b] { display: inline-block; margin-left: 0.35rem; padding: 0 0.4rem; border-radius: 6px; background: #e6f2f6; background: hsl(from #e6f2f6 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: var(--vcp-ink-2); font-size: 0.7rem; font-weight: 700; }
.pk-tag-off[b-h02deogf1b] { background: #fdecea; color: #b42318; }
.pk-tag-ns[b-h02deogf1b] { background: #fff3e0; color: #8a5300; }
.pk-foot[b-h02deogf1b] { display: flex; align-items: center; gap: 0.5rem; }
.pk-grow[b-h02deogf1b] { flex: 1; }
.pk-hint[b-h02deogf1b] { font-size: 0.78rem; color: var(--vcp-text-3); }
/* /Modules/Purchases/Components/PurchaseScanDialog.razor.rz.scp.css */
.sc[b-1w7wdgkxjh] { position: relative; display: flex; flex-direction: column; gap: 0.6rem; height: calc(88vh - 6.2rem); min-height: 24rem; }
.sc-empty[b-1w7wdgkxjh] { padding: 2rem; text-align: center; color: var(--vcp-text-3); }
.sc-grow[b-1w7wdgkxjh] { flex: 1; }
.sc-muted[b-1w7wdgkxjh] { color: var(--vcp-text-3); font-weight: 400; }

/* 1: the document */
.sc-pick[b-1w7wdgkxjh] { display: flex; flex-direction: column; gap: 0.6rem; flex: 1; min-height: 0; }
.sc-intro[b-1w7wdgkxjh] { display: flex; align-items: center; gap: 0.5rem; padding: 0.55rem 0.8rem; border-radius: 12px; background: var(--vcp-tint-1); color: var(--vcp-ink-2);
            font-size: 0.88rem; }
.sc-intro[b-1w7wdgkxjh] >  .rzi { font-size: 1.3rem; color: var(--vcp-accent-dark); }
.sc-credits[b-1w7wdgkxjh] { margin-left: auto; display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.15rem 0.6rem; border-radius: 999px; background: #fff;
              font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.sc-credits[b-1w7wdgkxjh]  .rzi { font-size: 1rem; }
.sc-stop[b-1w7wdgkxjh] { display: flex; align-items: center; gap: 0.6rem; padding: 0.8rem 1rem; border-radius: 12px; background: #fff3e0; color: #8a4b00; font-weight: 600; }
.sc-buy[b-1w7wdgkxjh] { margin-left: auto; font-weight: 700; }
.sc-pick-body[b-1w7wdgkxjh] { display: grid; grid-template-columns: 20rem 1fr; gap: 0.8rem; flex: 1; min-height: 0; }
.sc-pick-left[b-1w7wdgkxjh] { display: flex; flex-direction: column; gap: 0.6rem; min-height: 0; }
.sc-drop[b-1w7wdgkxjh] { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.3rem; min-height: 11rem; padding: 1rem;
           border: 2px dashed var(--vcp-line-accent); border-radius: 14px; background: #fff; color: var(--vcp-text-2); text-align: center; cursor: pointer;
           font-size: 0.85rem; }
.sc-drop:hover[b-1w7wdgkxjh], .sc-drop:focus-within[b-1w7wdgkxjh] { border-color: var(--vcp-accent-dark); background: var(--vcp-tint-1); }
.sc-drop[b-1w7wdgkxjh]  .rzi { font-size: 2.2rem; color: var(--vcp-accent-dark); }
.sc-drop strong[b-1w7wdgkxjh] { color: var(--vcp-ink-2); font-size: 0.95rem; }
.sc-drop-off[b-1w7wdgkxjh] { opacity: 0.6; pointer-events: none; }
/* The file input covers the whole area, so a file dropped anywhere on it is taken. */
.sc[b-1w7wdgkxjh]  .sc-file { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.sc-files[b-1w7wdgkxjh] { display: flex; flex-direction: column; gap: 0.25rem; overflow: auto; }
.sc-filerow[b-1w7wdgkxjh] { display: flex; align-items: center; gap: 0.4rem; padding: 0.35rem 0.5rem; border-radius: 8px; background: var(--vcp-tint-1); font-size: 0.84rem; cursor: pointer; }
.sc-fileon[b-1w7wdgkxjh] { outline: 2px solid var(--vcp-accent-dark); }
.sc-fname[b-1w7wdgkxjh] { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 600; }
.sc-fsize[b-1w7wdgkxjh] { color: var(--vcp-text-3); font-size: 0.75rem; white-space: nowrap; }
.sc-x[b-1w7wdgkxjh] { border: 0; background: transparent; color: var(--vcp-text-3); cursor: pointer; display: inline-flex; border-radius: 6px; padding: 0.1rem; }
.sc-x:hover[b-1w7wdgkxjh] { color: #c62828; }

/* The document beside the check */
.sc-preview[b-1w7wdgkxjh] { display: flex; flex-direction: column; gap: 0.3rem; min-height: 0; min-width: 0; border-radius: 12px; background: #f3f5f6; overflow: hidden; }
.sc-frame[b-1w7wdgkxjh] { flex: 1; width: 100%; border: 0; min-height: 0; background: #fff; }
.sc-picture[b-1w7wdgkxjh] { flex: 1; overflow: auto; display: flex; align-items: flex-start; justify-content: center; padding: 0.5rem; }
.sc-picture img[b-1w7wdgkxjh] { max-width: 100%; height: auto; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); }
.sc-noview[b-1w7wdgkxjh] { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.4rem; color: var(--vcp-text-3); font-size: 0.86rem; }
.sc-noview[b-1w7wdgkxjh]  .rzi { font-size: 2.4rem; }
.sc-pages[b-1w7wdgkxjh] { display: flex; gap: 0.25rem; padding: 0.35rem 0.4rem 0; }
.sc-page[b-1w7wdgkxjh] { border: 1px solid var(--vcp-line-accent); background: #fff; border-radius: 6px; min-width: 1.8rem; font: inherit; font-size: 0.78rem; font-weight: 700; cursor: pointer; }
.sc-page-on[b-1w7wdgkxjh] { background: var(--vcp-accent-dark); border-color: var(--vcp-accent-dark); color: #fff; }

/* 2: the check */
.sc-review[b-1w7wdgkxjh] { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.25fr); gap: 0.8rem; flex: 1; min-height: 0; }
.sc-check[b-1w7wdgkxjh] { display: flex; flex-direction: column; gap: 0.55rem; overflow: auto; min-height: 0; padding-right: 0.2rem; }
.sc-card[b-1w7wdgkxjh] { border: 1px solid var(--vcp-line-accent); border-radius: 12px; padding: 0.55rem 0.7rem; display: flex; flex-direction: column; gap: 0.4rem; background: #fff; }
.sc-card h4[b-1w7wdgkxjh], .sc-lines h4[b-1w7wdgkxjh] { display: flex; align-items: center; gap: 0.35rem; margin: 0; font-size: 0.86rem; color: var(--vcp-ink-2); }
.sc-card h4[b-1w7wdgkxjh]  .rzi, .sc-lines h4[b-1w7wdgkxjh]  .rzi { font-size: 1.05rem; }
.sc-printed[b-1w7wdgkxjh] { font-size: 0.84rem; color: var(--vcp-text-2); }
.sc-row[b-1w7wdgkxjh] { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
.sc[b-1w7wdgkxjh]  .sc-wide { flex: 1; min-width: 12rem; }
.sc-learn[b-1w7wdgkxjh] { display: inline-flex; align-items: center; gap: 0.4rem; font-size: 0.8rem; color: var(--vcp-text-2); cursor: pointer; }
.sc-doc[b-1w7wdgkxjh] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.35rem 0.8rem; }
.sc-doc > div[b-1w7wdgkxjh] { display: flex; flex-direction: column; font-size: 0.74rem; color: var(--vcp-text-3); font-weight: 600; }
.sc-doc strong[b-1w7wdgkxjh] { font-size: 0.92rem; color: var(--vcp-ink-2); font-variant-numeric: tabular-nums; }
.sc-cn[b-1w7wdgkxjh] { color: #8a5300 !important; }
.sc-warnings[b-1w7wdgkxjh] { display: flex; flex-direction: column; gap: 0.25rem; padding: 0.5rem 0.7rem; border-radius: 12px; background: #fff7e6; color: #8a4b00; font-size: 0.82rem; font-weight: 600; }
.sc-warnings > div[b-1w7wdgkxjh] { display: flex; align-items: center; gap: 0.4rem; }
.sc-warnings[b-1w7wdgkxjh]  .rzi { font-size: 1rem; }

.sc-tag[b-1w7wdgkxjh] { display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.1rem 0.5rem; border-radius: 999px; font-size: 0.74rem; font-weight: 700; white-space: nowrap; }
.sc-tag[b-1w7wdgkxjh]  .rzi { font-size: 0.95rem; }
.sc-tag-ok[b-1w7wdgkxjh] { background: #e3f4e7; color: #1b6b32; }
.sc-tag-chosen[b-1w7wdgkxjh] { background: #e6f0fb; color: #1d4f91; }
.sc-tag-new[b-1w7wdgkxjh] { background: #ede7f6; color: #4a2f7a; }
.sc-tag-ask[b-1w7wdgkxjh] { background: #fff0d6; color: #8a4b00; }
.sc-tag-out[b-1w7wdgkxjh] { background: #eceff1; color: #546e7a; }
.sc-suggest[b-1w7wdgkxjh] { display: flex; align-items: center; flex-wrap: wrap; gap: 0.3rem; font-size: 0.8rem; color: var(--vcp-text-2); }
.sc-chip[b-1w7wdgkxjh] { border: 1px solid var(--vcp-line-accent); background: #fff; color: var(--vcp-ink-2); border-radius: 999px; padding: 0.15rem 0.6rem; font: inherit;
           font-size: 0.78rem; font-weight: 600; cursor: pointer; max-width: 18rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sc-chip:hover[b-1w7wdgkxjh] { background: var(--vcp-tint-1); border-color: var(--vcp-accent-dark); }
.sc-chip-off[b-1w7wdgkxjh] { opacity: 0.6; text-decoration: line-through; }

.sc-lines[b-1w7wdgkxjh] { display: flex; flex-direction: column; gap: 0.35rem; }
.sc-count[b-1w7wdgkxjh] { font-size: 0.74rem; font-weight: 700; color: #1b6b32; }
.sc-count-ask[b-1w7wdgkxjh] { color: #8a4b00; }
.sc-line[b-1w7wdgkxjh] { border: 1px solid #e3e8ea; border-left: 4px solid #cfd8dc; border-radius: 10px; padding: 0.4rem 0.55rem; display: flex; flex-direction: column; gap: 0.3rem; background: #fff; }
.sc-line-ok[b-1w7wdgkxjh] { border-left-color: #43a047; }
.sc-line-chosen[b-1w7wdgkxjh] { border-left-color: #1e88e5; }
.sc-line-ask[b-1w7wdgkxjh] { border-left-color: #f0a35e; background: #fffaf2; }
.sc-line-out[b-1w7wdgkxjh] { opacity: 0.6; }
.sc-line-printed[b-1w7wdgkxjh] { display: flex; align-items: flex-start; gap: 0.5rem; }
.sc-line-no[b-1w7wdgkxjh] { flex: none; width: 1.4rem; height: 1.4rem; border-radius: 50%; background: var(--vcp-tint-1); color: var(--vcp-ink-2); font-size: 0.72rem; font-weight: 700;
              display: inline-flex; align-items: center; justify-content: center; }
.sc-line-text[b-1w7wdgkxjh] { flex: 1; min-width: 0; display: flex; flex-direction: column; font-size: 0.84rem; }
.sc-line-text .sc-muted[b-1w7wdgkxjh] { font-size: 0.74rem; }
.sc-line-amt[b-1w7wdgkxjh] { font-size: 0.8rem; white-space: nowrap; font-variant-numeric: tabular-nums; color: var(--vcp-text-2); }
.sc-line-item[b-1w7wdgkxjh] { display: flex; align-items: center; flex-wrap: wrap; gap: 0.35rem; padding-left: 1.9rem; font-size: 0.82rem; }
.sc-item[b-1w7wdgkxjh] { font-weight: 700; color: var(--vcp-ink-2); }

.sc-error[b-1w7wdgkxjh] { display: flex; align-items: center; gap: 0.4rem; color: #b71c1c; font-size: 0.86rem; font-weight: 600; }

/* Busy */
.sc-busy[b-1w7wdgkxjh] { position: absolute; inset: 0 0 3.2rem 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.6rem;
           background: rgba(255, 255, 255, 0.86); border-radius: 12px; z-index: 2; text-align: center; color: var(--vcp-ink-2); }
.sc-busy span[b-1w7wdgkxjh] { font-size: 0.84rem; color: var(--vcp-text-2); max-width: 26rem; }

.sc-foot[b-1w7wdgkxjh] { display: flex; align-items: center; gap: 0.5rem; padding-top: 0.4rem; border-top: 1px solid #e3e8ea; }
.sc-steps[b-1w7wdgkxjh] { display: inline-flex; align-items: center; gap: 0.25rem; font-size: 0.78rem; color: var(--vcp-text-3); }
.sc-steps[b-1w7wdgkxjh]  .rzi { font-size: 1rem; }
.sc-step-on[b-1w7wdgkxjh] { color: var(--vcp-accent-dark); font-weight: 700; }

@media (max-width: 900px) {
    .sc-pick-body[b-1w7wdgkxjh], .sc-review[b-1w7wdgkxjh] { grid-template-columns: 1fr; }
    .sc-preview[b-1w7wdgkxjh] { min-height: 18rem; }
}
.sc-actions[b-1w7wdgkxjh] { margin-left: auto; display: inline-flex; flex-wrap: nowrap; gap: 0.1rem; }

/* Stock units per invoiced package (ai_purchase_conversions) */
.sc-conv[b-1w7wdgkxjh] { display: flex; align-items: center; flex-wrap: wrap; gap: 0.45rem; margin-left: 1.9rem; padding: 0.25rem 0.5rem; border-radius: 8px;
           background: var(--vcp-tint-1); font-size: 0.78rem; }
.sc-conv[b-1w7wdgkxjh] >  .rzi { font-size: 1rem; color: var(--vcp-ink-2); }
.sc-conv-ask[b-1w7wdgkxjh] { background: #fff0d6; }
.sc-factor[b-1w7wdgkxjh] { display: inline-flex; align-items: center; gap: 0.35rem; font-weight: 700; color: var(--vcp-ink-2); }
.sc[b-1w7wdgkxjh]  .sc-factor-in { width: 5rem; height: 1.75rem; min-height: 0; }
.sc[b-1w7wdgkxjh]  .sc-factor-in input { height: 1.75rem; min-height: 0; text-align: right; font-variant-numeric: tabular-nums; font-size: 0.82rem; padding: 0 0.5rem; }
.sc-confirm-all[b-1w7wdgkxjh] { font-size: 0.74rem; margin-right: 0.6rem; }
/* /Modules/Purchases/Components/PurchaseScanItemDialog.razor.rz.scp.css */
.si[b-7l3lvhezz9] { display: flex; flex-direction: column; gap: 0.7rem; }
.si-printed[b-7l3lvhezz9] { display: flex; align-items: center; flex-wrap: wrap; gap: 0.4rem; padding: 0.45rem 0.6rem; border-radius: 10px; background: var(--vcp-tint-1);
              color: var(--vcp-ink-2); font-size: 0.86rem; }
.si-printed[b-7l3lvhezz9]  .rzi { font-size: 1.1rem; }
.si-cost[b-7l3lvhezz9] { margin-left: auto; color: var(--vcp-text-2); }
.si-grid[b-7l3lvhezz9] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem 0.8rem; }
.si-span2[b-7l3lvhezz9] { grid-column: span 2; }
.si-field[b-7l3lvhezz9] { display: flex; flex-direction: column; gap: 0.1rem; font-size: 0.78rem; color: var(--vcp-text-2); font-weight: 600; min-width: 0; }
.si-field em[b-7l3lvhezz9] { color: #c62828; font-style: normal; }
.si[b-7l3lvhezz9]  .si-in, .si[b-7l3lvhezz9]  .si-num { width: 100%; }
.si[b-7l3lvhezz9]  .si-num input { text-align: right; font-variant-numeric: tabular-nums; }
.si[b-7l3lvhezz9]  .si-missing, .si[b-7l3lvhezz9]  .si-missing .rz-inputtext { background: #ffe6e6 !important; border-color: #e57373 !important; }
.si-checks[b-7l3lvhezz9] { display: flex; align-items: center; flex-wrap: wrap; gap: 1.2rem; font-size: 0.86rem; }
.si-checks label[b-7l3lvhezz9] { display: inline-flex; align-items: center; gap: 0.35rem; cursor: pointer; }
.si-margin[b-7l3lvhezz9] { margin-left: auto; font-weight: 700; color: var(--vcp-ink-2); }
.si-margin-low[b-7l3lvhezz9] { color: #c62828; }
.si-error[b-7l3lvhezz9] { display: flex; align-items: center; gap: 0.4rem; color: #b71c1c; font-size: 0.86rem; font-weight: 600; }
.si-foot[b-7l3lvhezz9] { display: flex; align-items: center; gap: 0.5rem; }
.si-grow[b-7l3lvhezz9] { flex: 1; }
/* /Modules/Purchases/Components/PurchasesWindow.razor.rz.scp.css */
.pu[b-teg926z688] { display: grid; grid-template-columns: 2.2rem minmax(0, 1fr); gap: 0.6rem; height: calc(100% - var(--vcp-foot-room, 3.4rem)); min-height: 0; }
.pu-open[b-teg926z688] { grid-template-columns: 2.2rem 22rem minmax(0, 1fr); }

/* The vertical button that opens the invoices' search and list */
.pu-rail[b-teg926z688] { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; padding: 0.6rem 0; border: 1px solid var(--vcp-line-accent); border-radius: 10px;
           background: var(--vcp-tint-1); color: var(--vcp-ink-2); font: inherit; font-size: 0.8rem; font-weight: 700; cursor: pointer; min-height: 0; }
.pu-rail:hover[b-teg926z688] { border-color: var(--vcp-accent-dark); }
.pu-rail[b-teg926z688]  .rzi { font-size: 1.25rem; }
.pu-rail-text[b-teg926z688] { writing-mode: vertical-rl; transform: rotate(180deg); white-space: nowrap; letter-spacing: 0.02em; }
.pu-rail-on[b-teg926z688] { background: var(--vcp-accent-dark); border-color: var(--vcp-accent-dark); color: #fff; }
.pu-empty[b-teg926z688] { padding: 2rem; text-align: center; color: var(--vcp-text-3); }
.pu[b-teg926z688]  .pu-in { width: 100%; }
.pu[b-teg926z688]  .pu-missing, .pu[b-teg926z688]  .pu-missing.rz-textbox, .pu[b-teg926z688]  .pu-missing .rz-inputtext { background: #ffe6e6 !important; border-color: #e57373 !important; }
.pu-grow[b-teg926z688] { flex: 1; }
.pu-hint[b-teg926z688] { font-size: 0.8rem; color: var(--vcp-text-3); padding: 0.4rem 0.3rem; }

/* The list */
.pu-left[b-teg926z688] { display: flex; flex-direction: column; gap: 0.45rem; min-height: 0; background: var(--vcp-tint-1); border-radius: 12px; padding: 0.6rem; }
.pu-periods[b-teg926z688] { display: flex; flex-wrap: wrap; gap: 0.3rem; }
.pu-chip[b-teg926z688] { border: 1px solid var(--vcp-line-accent); background: #fff; color: var(--vcp-text-2); border-radius: 999px; padding: 0.2rem 0.6rem; font: inherit; font-size: 0.78rem;
           font-weight: 600; cursor: pointer; }
.pu-chip:hover[b-teg926z688] { background: #dceef4; background: hsl(from #dceef4 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.pu-chip-on[b-teg926z688], .pu-chip-on:hover[b-teg926z688] { background: var(--vcp-accent-dark); border-color: var(--vcp-accent-dark); color: #fff; }
.pu-range[b-teg926z688] { display: grid; grid-template-columns: auto 1fr auto 1fr auto; align-items: center; gap: 0.25rem; }
.pu[b-teg926z688]  .pu-date { width: 100%; min-width: 0; }
.pu[b-teg926z688]  .pu-date .rz-inputtext { font-size: 0.82rem; padding-left: 0.4rem; }
.pu-dash[b-teg926z688] { color: var(--vcp-text-3); }
.pu-arrow[b-teg926z688] { border: 0; background: #fff; border-radius: 8px; color: var(--vcp-accent-dark); cursor: pointer; display: inline-flex; padding: 0.2rem; }
.pu-arrow:disabled[b-teg926z688] { opacity: 0.4; cursor: default; }
.pu-search[b-teg926z688] { display: flex; align-items: center; gap: 0.35rem; background: #fff; border-radius: 10px; padding: 0.3rem 0.5rem; border: 1px solid var(--vcp-line-accent); color: var(--vcp-text-2); }
.pu-search-in[b-teg926z688] { flex: 1; border: 0; outline: none; font: inherit; font-size: 0.9rem; min-width: 0; background: transparent; }
.pu-x[b-teg926z688] { border: 0; background: transparent; color: var(--vcp-text-3); cursor: pointer; display: inline-flex; border-radius: 6px; padding: 0.15rem; }
.pu-list[b-teg926z688] { flex: 1 1 auto; overflow: auto; background: #fff; border-radius: 10px; padding: 0.25rem; min-height: 0; }
.pu-row[b-teg926z688] { display: flex; flex-direction: column; gap: 0.1rem; width: 100%; border: 0; background: transparent; text-align: left; padding: 0.4rem 0.55rem;
          border-radius: 8px; font: inherit; cursor: pointer; color: inherit; border-left: 3px solid transparent; }
.pu-row:hover[b-teg926z688] { background: var(--vcp-tint-1); }
.pu-row-cn[b-teg926z688] { border-left-color: #e0a100; }
.pu-row-top[b-teg926z688] { display: flex; justify-content: space-between; gap: 0.5rem; }
.pu-row-sup[b-teg926z688] { font-size: 0.88rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pu-row-amt[b-teg926z688] { font-size: 0.86rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
.pu-row-sub[b-teg926z688] { display: flex; align-items: center; flex-wrap: wrap; gap: 0.3rem; font-size: 0.74rem; opacity: 0.8; }
.pu-current[b-teg926z688], .pu-current:hover[b-teg926z688] { background: var(--vcp-accent-dark); color: #fff; }
.pu-clip[b-teg926z688] { display: inline-flex; align-items: center; }
.pu-clip[b-teg926z688]  .rzi { font-size: 0.9rem; }
.pu-found[b-teg926z688] { font-size: 0.75rem; color: var(--vcp-text-3); text-align: right; }
.pu-badge[b-teg926z688] { display: inline-block; padding: 0 0.4rem; border-radius: 6px; background: #e6f2f6; background: hsl(from #e6f2f6 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: var(--vcp-ink-2); font-size: 0.7rem; font-weight: 700; }
.pu-badge-cn[b-teg926z688] { background: #fff3d6; color: #8a5300; }
.pu-badge-store[b-teg926z688] { background: #ede7f6; color: #4a2f7a; }
.pu-current .pu-badge[b-teg926z688] { background: rgba(255, 255, 255, 0.2); color: #fff; }

/* The invoice */
.pu-main[b-teg926z688] { display: flex; flex-direction: column; gap: 0.5rem; min-height: 0; min-width: 0; }
.pu-head[b-teg926z688] { display: flex; align-items: center; gap: 0.6rem; border-bottom: 1px solid #f0a35e; padding-bottom: 0.3rem; }
.pu-head strong[b-teg926z688] { font-size: 1.05rem; color: var(--vcp-ink-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pu-id[b-teg926z688] { font-size: 0.78rem; color: var(--vcp-text-3); }
.pu-store[b-teg926z688] { display: inline-flex; align-items: center; gap: 0.3rem; padding: 0.2rem 0.6rem; border-radius: 999px; background: #ede7f6; color: #4a2f7a;
            font-size: 0.8rem; font-weight: 700; }
.pu-store[b-teg926z688]  .rzi, .pu-store-pick[b-teg926z688]  .rzi { font-size: 1rem; }
.pu-store-pick[b-teg926z688] { display: inline-flex; align-items: center; gap: 0.3rem; color: #4a2f7a; }
.pu[b-teg926z688]  .pu-store-dd { min-width: 10rem; }
.pu-fields[b-teg926z688] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.4rem 0.8rem; }
.pu-field[b-teg926z688] { display: flex; flex-direction: column; gap: 0.1rem; font-size: 0.78rem; color: var(--vcp-text-2); font-weight: 600; min-width: 0; }
.pu-field em[b-teg926z688] { color: #c62828; font-style: normal; }
.pu-span2[b-teg926z688] { grid-column: span 2; }
.pu-span3[b-teg926z688] { grid-column: span 3; }
.pu[b-teg926z688]  .pu-num { width: 100%; }
.pu[b-teg926z688]  .pu-num input { text-align: right; font-variant-numeric: tabular-nums; }
.pu[b-teg926z688]  .pu-notes { min-height: 2.3rem; resize: vertical; }
.pu[b-teg926z688]  .pu-type { width: 100%; }
.pu[b-teg926z688]  .pu-type .rz-button { flex: 1; }
.pu-ro[b-teg926z688] { display: flex; align-items: center; justify-content: flex-end; height: 2.3rem; padding: 0 0.6rem; background: var(--vcp-tint-0); border-radius: 6px;
         font-size: 0.95rem; font-weight: 700; color: var(--vcp-ink-2); font-variant-numeric: tabular-nums; }
.pu-vat-open[b-teg926z688] { width: 100%; border: 1px solid var(--vcp-line-accent); cursor: pointer; font: inherit; font-size: 0.95rem; font-weight: 700; color: var(--vcp-ink-2); gap: 0.4rem; justify-content: space-between; }
.pu-vat-open:hover[b-teg926z688] { background: var(--vcp-tint-2); }
.pu-vat-open[b-teg926z688]  .rzi { font-size: 1.1rem; color: var(--vcp-accent); }
.pu-mini[b-teg926z688] { display: inline-flex; margin-left: 0.3rem; color: var(--vcp-accent-dark); cursor: pointer; vertical-align: middle; }
.pu-mini[b-teg926z688]  .rzi { font-size: 1rem; }
.pu-warn[b-teg926z688] { display: flex; align-items: center; gap: 0.4rem; font-size: 0.8rem; font-weight: 600; color: #a15c00; }
.pu-warn[b-teg926z688]  .rzi { font-size: 1rem; }


.pu-bar[b-teg926z688] { display: flex; align-items: center; gap: 0.5rem; }
.pu-scan[b-teg926z688] { display: flex; align-items: center; gap: 0.35rem; background: #fff; border-radius: 10px; padding: 0.3rem 0.5rem; border: 1px solid #9ccbdb; border: 1px solid hsl(from #9ccbdb calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l);
           color: var(--vcp-accent-dark); width: 24rem; max-width: 45%; }
.pu-scan-in[b-teg926z688] { flex: 1; border: 0; outline: none; font: inherit; font-size: 0.9rem; min-width: 0; background: transparent; }
.pu-scan-in:disabled[b-teg926z688] { background: transparent; }
.pu-filter[b-teg926z688] { border: 1px solid var(--vcp-line-accent); border-radius: 8px; padding: 0.3rem 0.5rem; font: inherit; font-size: 0.82rem; width: 11rem; }
.pu-auto[b-teg926z688] { display: inline-flex; align-items: center; gap: 0.35rem; font-size: 0.8rem; color: var(--vcp-text-2); white-space: nowrap; }
.pu-bar-hint[b-teg926z688] { padding-top: 0; }

/* The lines and, right under the last one, the entry box: they scroll together. */
.pu-lines[b-teg926z688] { flex: 1 1 auto; min-height: 9rem; display: flex; flex-direction: column; overflow: auto; border: 1px solid #e3e8ea; border-radius: 8px; }
.pu[b-teg926z688]  .pu-grid { flex: none; border: 0; }
.pu[b-teg926z688]  .pu-grid .rz-data-grid-data { overflow: visible; }
.pu-entry[b-teg926z688] { display: flex; align-items: center; gap: 0.5rem; padding: 0.35rem 0.4rem; border-top: 1px dashed var(--vcp-line-accent); }
.pu-entry .pu-scan[b-teg926z688] { flex: 1; width: auto; max-width: 32rem; }
.pu[b-teg926z688]  .pu-grid .rz-cell-data { overflow: visible; }
/* The line boxes fill their column, numbers on the right, and the column titles line up with the text in the boxes
   (asked 2026-10-25). */
.pu[b-teg926z688]  .pu-grid th, .pu[b-teg926z688]  .pu-grid td { padding-left: 0.25rem; padding-right: 0.25rem; }
.pu[b-teg926z688]  .pu-grid .rz-cell-data { display: block; width: 100%; }
.pu[b-teg926z688]  .pu-grid .rz-numeric, .pu[b-teg926z688]  .pu-grid .rz-textbox, .pu[b-teg926z688]  .pu-grid .rz-datepicker,
.pu[b-teg926z688]  .pu-grid .rz-numeric-input { width: 100% !important; max-width: none; box-sizing: border-box; }
.pu[b-teg926z688]  .pu-grid .rz-numeric-input, .pu[b-teg926z688]  .pu-grid input.rz-textbox, .pu[b-teg926z688]  .pu-grid .rz-datepicker .rz-inputtext {
    font-size: 0.85rem; padding: 0.15rem 0.6rem; }
.pu[b-teg926z688]  .pu-grid .rz-datepicker .rz-inputtext { padding-right: 0; }
.pu[b-teg926z688]  .pu-grid .rz-numeric-input { text-align: right; }
/* Titles start (or end, for numbers) where the text inside the boxes does: cell padding + the boxes' 0.6rem. */
.pu[b-teg926z688]  .pu-grid th { padding-left: 0.85rem !important; padding-right: 0.85rem !important; }
/* Radzen's title box adds 8px on the left. */
.pu[b-teg926z688]  .pu-grid th:not(.rz-text-align-right) { padding-left: calc(0.85rem - 8px) !important; }
.pu[b-teg926z688]  .pu-grid th:first-child { padding-left: 0 !important; }
.pu[b-teg926z688]  .pu-line-current > td { background: #e8f3f7 !important; background: hsl(from #e8f3f7 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l) !important; }
.pu[b-teg926z688]  .pu-line-off .pu-item-name { text-decoration: line-through; opacity: 0.6; }
.pu-item[b-teg926z688] { display: flex; flex-direction: column; min-width: 0; }
.pu-item-name[b-teg926z688] { font-size: 0.86rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pu-item-code[b-teg926z688] { font-size: 0.72rem; color: var(--vcp-text-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pu-cost[b-teg926z688] { display: block; padding-right: 0.6rem; text-align: right; font-variant-numeric: tabular-nums; color: var(--vcp-text-2); }
.pu-line-warn[b-teg926z688] { color: #d97706; display: inline-flex; vertical-align: middle; cursor: help; }
.pu-line-warn[b-teg926z688]  .rzi { font-size: 1.1rem; }
.pu-del[b-teg926z688] { border: 0; background: transparent; color: #7a96a1; color: hsl(from #7a96a1 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); cursor: pointer; display: inline-flex; border-radius: 6px; padding: 0.1rem; vertical-align: middle; }
.pu-del:hover[b-teg926z688] { background: #fdecea; color: #b42318; }

.pu-bottom[b-teg926z688] { display: grid; grid-template-columns: 1fr 22rem; gap: 0.8rem; }
.pu-stats[b-teg926z688] { background: var(--vcp-tint-0); border-radius: 10px; padding: 0.5rem 0.7rem; min-width: 0; }
.pu-stats h4[b-teg926z688] { display: flex; align-items: center; gap: 0.5rem; margin: 0 0 0.3rem; font-size: 0.82rem; color: var(--vcp-ink-2); }
.pu-stats h4 > span[b-teg926z688] { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pu-history[b-teg926z688] { display: inline-flex; align-items: center; gap: 0.2rem; border: 0; background: none; color: var(--vcp-accent); font: inherit; font-size: 0.76rem;
              font-weight: 600; cursor: pointer; padding: 0.1rem 0.3rem; border-radius: 6px; white-space: nowrap; }
.pu-history:hover[b-teg926z688] { background: var(--vcp-tint-1); }
.pu-history[b-teg926z688]  .rzi { font-size: 1rem; }
.pu-stats-grid[b-teg926z688] { display: grid; grid-template-columns: repeat(3, auto minmax(0, 1fr)); gap: 0.15rem 0.6rem; font-size: 0.8rem; color: var(--vcp-text-2); }
.pu-stats-grid strong[b-teg926z688] { font-variant-numeric: tabular-nums; color: var(--vcp-ink-2); }
.pu-totals[b-teg926z688] { display: grid; grid-template-columns: 1fr auto; gap: 0.15rem 0.8rem; background: var(--vcp-tint-1); border-radius: 10px; padding: 0.5rem 0.8rem;
             font-size: 0.84rem; color: var(--vcp-text-2); align-content: start; }
.pu-totals strong[b-teg926z688] { text-align: right; font-variant-numeric: tabular-nums; color: var(--vcp-ink-2); }
.pu-totals-warn[b-teg926z688] { background: #fff7e6; outline: 1px solid #f0c36d; }
.pu-diff[b-teg926z688] { display: inline-flex; align-items: center; gap: 0.25rem; color: #b45309 !important; font-weight: 700; }
.pu-diff[b-teg926z688]  .rzi { font-size: 1rem; }
.pu-diff-note[b-teg926z688] { grid-column: 1 / -1; font-size: 0.72rem; color: #8a5300; }

.pu-error[b-teg926z688] { color: #b42318; font-size: 0.85rem; margin-top: 0.4rem; }
.pu-foot[b-teg926z688] { display: flex; align-items: center; gap: 0.5rem; margin-top: 0.6rem; }

@media (max-width: 1250px) {
    .pu-open[b-teg926z688] { grid-template-columns: 2.2rem 19rem minmax(0, 1fr); }
    .pu-fields[b-teg926z688] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pu-span3[b-teg926z688] { grid-column: 1 / -1; }
    .pu-bottom[b-teg926z688] { grid-template-columns: 1fr; }
}

/* An invoice the AI scan filled in, not saved yet */
.pu-ai[b-teg926z688] { display: flex; align-items: center; gap: 0.45rem; padding: 0.4rem 0.7rem; border-radius: 10px; background: #ede7f6; color: #4a2f7a; font-size: 0.82rem; font-weight: 600; }
.pu-ai[b-teg926z688]  .rzi { font-size: 1.1rem; }
/* /Modules/Purchases/Components/PurchaseVatDialog.razor.rz.scp.css */
.pv[b-v0r7yjizl4] { display: flex; flex-direction: column; gap: 0.6rem; }
.pv-table[b-v0r7yjizl4] { width: 100%; border-collapse: collapse; font-size: 0.9rem; }
.pv-table th[b-v0r7yjizl4] { text-align: left; font-size: 0.78rem; color: var(--vcp-text-2); font-weight: 700; padding: 0.3rem 0.4rem; border-bottom: 1px solid #dde7eb; border-bottom: 1px solid hsl(from #dde7eb calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.pv-table td[b-v0r7yjizl4] { padding: 0.25rem 0.4rem; }
.pv-table tfoot td[b-v0r7yjizl4] { border-top: 1px solid #dde7eb; border-top: 1px solid hsl(from #dde7eb calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); font-weight: 700; color: var(--vcp-ink-2); padding-top: 0.45rem; }
.pv-num[b-v0r7yjizl4] { text-align: right !important; font-variant-numeric: tabular-nums; }
.pv-rate[b-v0r7yjizl4] { font-weight: 700; color: var(--vcp-ink-2); white-space: nowrap; }
.pv-sum[b-v0r7yjizl4] { color: var(--vcp-text-2); }
.pv[b-v0r7yjizl4]  .pv-in { width: 100%; }
.pv[b-v0r7yjizl4]  .pv-in input { text-align: right; font-variant-numeric: tabular-nums; }
.pv-warn[b-v0r7yjizl4] { display: flex; align-items: center; gap: 0.35rem; font-size: 0.8rem; font-weight: 600; color: #a15c00; }
.pv-warn[b-v0r7yjizl4]  .rzi { font-size: 1rem; }
.pv-hint[b-v0r7yjizl4] { font-size: 0.76rem; color: var(--vcp-text-3); }
.pv-foot[b-v0r7yjizl4] { display: flex; align-items: center; gap: 0.5rem; }
.pv-grow[b-v0r7yjizl4] { flex: 1; }
/* /Modules/Purchases/Components/StockTakeLotsDialog.razor.rz.scp.css */
.sl[b-8g9rrw6xj4] { display: flex; flex-direction: column; gap: 0.6rem; max-height: 72vh; }
.sl-intro[b-8g9rrw6xj4] { margin: 0; font-size: 0.85rem; color: var(--vcp-text-2); }
.sl-scroll[b-8g9rrw6xj4] { overflow: auto; min-height: 0; border: 1px solid #e3e8ea; border-radius: 8px; }
.sl-table[b-8g9rrw6xj4] { width: 100%; border-collapse: collapse; font-size: 0.83rem; }
.sl-table th[b-8g9rrw6xj4] { position: sticky; top: 0; z-index: 1; background: var(--vcp-tint-0); text-align: left; font-size: 0.74rem; color: var(--vcp-text-3); font-weight: 600;
               padding: 0.3rem 0.5rem; }
.sl-table td[b-8g9rrw6xj4] { padding: 0.25rem 0.5rem; border-top: 1px solid #eef2f3; vertical-align: middle; }
.sl-table td small[b-8g9rrw6xj4] { color: var(--vcp-text-3); }
.sl-table .n[b-8g9rrw6xj4] { text-align: right; font-variant-numeric: tabular-nums; }
.sl-none td[b-8g9rrw6xj4] { background: #fff7e6; }
.sl[b-8g9rrw6xj4]  .sl-pick { width: 21rem; }
.sl-foot[b-8g9rrw6xj4] { display: flex; align-items: center; gap: 0.5rem; }
.sl-grow[b-8g9rrw6xj4] { flex: 1; }
.sl-count[b-8g9rrw6xj4] { font-size: 0.82rem; color: var(--vcp-text-3); }
/* /Modules/Purchases/Components/StockTakingWindow.razor.rz.scp.css */
.sk[b-eeobj7l5qg] { display: grid; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); grid-template-rows: auto minmax(0, 1fr); gap: 0.6rem 0.8rem; height: calc(100% - var(--vcp-foot-room, 3.4rem)); min-height: 0; }
.sk-empty[b-eeobj7l5qg] { padding: 2rem; text-align: center; color: var(--vcp-text-3); }
.sk-grow[b-eeobj7l5qg] { flex: 1; }

.sk-list[b-eeobj7l5qg] { display: flex; flex-direction: column; gap: 0.45rem; min-height: 0; }
.sk-scan[b-eeobj7l5qg] { display: flex; align-items: center; gap: 0.4rem; background: #fff; border-radius: 10px; padding: 0.4rem 0.6rem;
           border: 2px solid var(--vcp-accent); color: var(--vcp-accent-dark); }
.sk-scan-in[b-eeobj7l5qg] { flex: 1; border: 0; outline: 0; font: inherit; font-size: 0.95rem; background: transparent; min-width: 0; }
.sk-scan-count[b-eeobj7l5qg] { display: flex; align-items: center; gap: 0.35rem; font-size: 0.78rem; color: var(--vcp-text-2); }
.sk-filters[b-eeobj7l5qg] { display: grid; grid-template-columns: minmax(0, 1fr) 13rem; gap: 0.4rem; }
.sk-find[b-eeobj7l5qg] { border: 1px solid var(--vcp-line-soft); border-radius: 6px; padding: 0.4rem 0.6rem; font: inherit; font-size: 0.88rem; background: var(--vcp-tint-0); min-width: 0; }
.sk[b-eeobj7l5qg]  .sk-supplier { width: 100%; }
.sk[b-eeobj7l5qg]  .sk-modes { flex-wrap: wrap; }
.sk[b-eeobj7l5qg]  .sk-grid { flex: 1 1 0; min-height: 0; }
.sk[b-eeobj7l5qg]  .sk-grid tbody tr { cursor: pointer; }
.sk[b-eeobj7l5qg]  .sk-current > td { background: #e8f3f7 !important; background: hsl(from #e8f3f7 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l) !important; }
.sk-item[b-eeobj7l5qg] { display: flex; flex-direction: column; min-width: 0; line-height: 1.2; }
.sk-item-name[b-eeobj7l5qg] { font-size: 0.86rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sk-item-code[b-eeobj7l5qg] { font-size: 0.72rem; color: var(--vcp-text-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sk-neg[b-eeobj7l5qg] { color: #b42318; font-weight: 700; }
.sk-flag[b-eeobj7l5qg] { display: inline-flex; align-items: center; gap: 0.15rem; font-size: 0.78rem; font-weight: 700; cursor: help; }
.sk-flag[b-eeobj7l5qg]  .rzi { font-size: 1.1rem; }
.sk-flag-bad[b-eeobj7l5qg] { color: #b45309; }
.sk-flag-ok[b-eeobj7l5qg] { color: #1b6b32; }
.sk-found[b-eeobj7l5qg] { font-size: 0.76rem; color: var(--vcp-text-3); text-align: right; }

.sk-detail[b-eeobj7l5qg] { display: flex; flex-direction: column; gap: 0.6rem; min-height: 0; border: 1px solid #e3e8ea; border-radius: 10px; padding: 0.7rem; overflow: auto; }
.sk-pick[b-eeobj7l5qg] { margin: auto; text-align: center; color: var(--vcp-text-3); }
.sk-pick[b-eeobj7l5qg]  .rzi { font-size: 2.6rem; color: var(--vcp-line-accent); }
.sk-head[b-eeobj7l5qg] { display: flex; align-items: center; gap: 0.6rem; border-bottom: 1px solid var(--vcp-line-accent); padding-bottom: 0.45rem; }
.sk-title[b-eeobj7l5qg] { display: flex; flex-direction: column; min-width: 0; }
.sk-title strong[b-eeobj7l5qg] { font-size: 1.05rem; color: var(--vcp-ink-2); }
.sk-title span[b-eeobj7l5qg] { font-size: 0.75rem; color: var(--vcp-text-3); }
.sk-badge[b-eeobj7l5qg] { padding: 0.1rem 0.55rem; border-radius: 999px; background: var(--vcp-tint-1); color: var(--vcp-accent-dark); font-size: 0.72rem; font-weight: 700; white-space: nowrap; }
.sk-stock[b-eeobj7l5qg] { display: flex; flex-direction: column; align-items: flex-end; font-size: 0.72rem; color: var(--vcp-text-3); }
.sk-stock strong[b-eeobj7l5qg] { font-size: 1.3rem; color: var(--vcp-accent-dark); font-variant-numeric: tabular-nums; }

.sk-problem[b-eeobj7l5qg] { display: flex; align-items: center; gap: 0.6rem; padding: 0.5rem 0.7rem; border-radius: 8px; background: #fff7e6; outline: 1px solid #f0c36d; color: #7a4a00; }
.sk-problem > div[b-eeobj7l5qg] { flex: 1; display: flex; flex-direction: column; font-size: 0.82rem; }
.sk-problem[b-eeobj7l5qg]  > .rzi { font-size: 1.5rem; }
.sk-ok[b-eeobj7l5qg] { display: flex; align-items: center; gap: 0.4rem; padding: 0.4rem 0.7rem; border-radius: 8px; background: #e3f4e7; color: #1b6b32; font-size: 0.84rem; font-weight: 600; }

.sk-lines[b-eeobj7l5qg] { border: 1px solid #e3e8ea; border-radius: 8px; overflow: hidden; }
.sk-table[b-eeobj7l5qg] { width: 100%; border-collapse: collapse; font-size: 0.86rem; }
.sk-table th[b-eeobj7l5qg] { text-align: left; font-size: 0.74rem; color: var(--vcp-text-3); font-weight: 600; padding: 0.35rem 0.55rem; background: var(--vcp-tint-0); }
.sk-table td[b-eeobj7l5qg] { padding: 0.25rem 0.55rem; border-top: 1px solid #eef2f3; font-variant-numeric: tabular-nums; vertical-align: middle; }
.sk-table .n[b-eeobj7l5qg] { text-align: right; }
.sk-counted-h[b-eeobj7l5qg] { width: 8rem; }
.sk[b-eeobj7l5qg]  .sk-count { width: 7rem; }
.sk[b-eeobj7l5qg]  .sk-count .rz-numeric-input { text-align: right; font-weight: 700; }
.sk[b-eeobj7l5qg]  .sk-count .rz-numeric-input::placeholder { color: var(--vcp-text-3); font-weight: 400; font-style: italic; opacity: 0.75; }
.sk-counted td[b-eeobj7l5qg] { background: #f3faf5; }
.sk-flash td[b-eeobj7l5qg] { animation: sk-flash-b-eeobj7l5qg 1.2s ease-out; }
@keyframes sk-flash-b-eeobj7l5qg { from { background: #fff1b8; } to { background: transparent; } }
.sk-nolot[b-eeobj7l5qg] { color: #b45309; font-weight: 600; cursor: help; }
.sk-zero[b-eeobj7l5qg] { display: inline-block; width: 7rem; padding-right: 0.6rem; color: var(--vcp-text-3); cursor: help; }
.sk-new[b-eeobj7l5qg] { margin-left: 0.4rem; padding: 0 0.35rem; border-radius: 4px; background: var(--vcp-tint-1); color: var(--vcp-accent-dark); font-size: 0.68rem; font-weight: 700; }
.sk-new-bad[b-eeobj7l5qg] { background: #ffe6e6; color: #b42318; cursor: help; }
.sk-expired[b-eeobj7l5qg] { color: #b42318; }
.sk-plus[b-eeobj7l5qg] { color: #1b6b32; font-weight: 700; }
.sk-minus[b-eeobj7l5qg] { color: #b42318; font-weight: 700; }
.sk-actions[b-eeobj7l5qg] { width: 2rem; }
.sk-del[b-eeobj7l5qg] { border: 0; background: transparent; color: #7a96a1; cursor: pointer; display: inline-flex; border-radius: 6px; padding: 0.1rem; }
.sk-del:hover[b-eeobj7l5qg] { background: #fdecea; color: #b42318; }
.sk-add[b-eeobj7l5qg] { display: flex; align-items: center; gap: 0.4rem; padding: 0.45rem 0.55rem; border-top: 1px dashed var(--vcp-line-accent); font-size: 0.78rem; color: var(--vcp-text-2); }
.sk[b-eeobj7l5qg]  .sk-add-lot { width: 9rem; }
.sk[b-eeobj7l5qg]  .sk-add-exp { width: 9rem; }
.sk[b-eeobj7l5qg]  .sk-add-count { width: 6rem; }
.sk-sum[b-eeobj7l5qg] { display: flex; align-items: center; gap: 0.5rem; font-size: 0.86rem; color: var(--vcp-text-2); }
.sk-sum strong[b-eeobj7l5qg] { font-size: 1.05rem; color: var(--vcp-ink-2); }
.sk-all[b-eeobj7l5qg] { display: flex; align-items: center; gap: 0.35rem; font-size: 0.78rem; }

.sk-error[b-eeobj7l5qg] { margin-top: 0.4rem; padding: 0.4rem 0.7rem; border-radius: 8px; background: #fdecea; color: #b42318; font-size: 0.85rem; }
.sk-foot[b-eeobj7l5qg] { display: flex; align-items: center; gap: 0.6rem; width: 100%; }
.sk-store[b-eeobj7l5qg] { display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.82rem; color: #4a2f7a; }

.sk-confirm[b-eeobj7l5qg] { display: flex; flex-direction: column; gap: 0.6rem; }
.sk-confirm p[b-eeobj7l5qg] { margin: 0; font-size: 0.88rem; }
.sk-confirm table[b-eeobj7l5qg] { border-collapse: collapse; font-size: 0.9rem; }
.sk-confirm td[b-eeobj7l5qg] { padding: 0.2rem 0.6rem 0.2rem 0; font-variant-numeric: tabular-nums; }
.sk-confirm small[b-eeobj7l5qg] { color: var(--vcp-text-3); }
.sk-confirm-warn[b-eeobj7l5qg] { padding: 0.45rem 0.6rem; border-radius: 8px; background: #fff7e6; color: #7a4a00; }
.sk-confirm-foot[b-eeobj7l5qg] { display: flex; justify-content: flex-end; gap: 0.5rem; }

.sk-countbar[b-eeobj7l5qg] { grid-column: 1 / -1; display: flex; align-items: center; gap: 0.6rem; padding: 0.45rem 0.7rem; border-radius: 10px; background: var(--vcp-tint-0);
               color: var(--vcp-text-2); font-size: 0.84rem; }
.sk-countbar-open[b-eeobj7l5qg] { background: #e3f4e7; color: #1b5e2f; outline: 1px solid #a7d8b4; }
.sk-countbar[b-eeobj7l5qg]  > .rzi { font-size: 1.35rem; }
.sk-countbar-text[b-eeobj7l5qg] { flex: 1; display: flex; flex-direction: column; min-width: 0; }
.sk-progress[b-eeobj7l5qg] { width: 12rem; height: 0.5rem; border-radius: 999px; background: #c9e8d2; overflow: hidden; }
.sk-progress > div[b-eeobj7l5qg] { height: 100%; background: #2e8b4e; border-radius: 999px; transition: width 0.3s; }
.sk-mark[b-eeobj7l5qg] { display: inline-flex; color: #2e8b4e; cursor: help; }
.sk-mark[b-eeobj7l5qg]  .rzi { font-size: 1.15rem; }
.sk-badge-counted[b-eeobj7l5qg] { display: inline-flex; align-items: center; gap: 0.2rem; background: #e3f4e7; color: #1b6b32; }
.sk-badge-counted[b-eeobj7l5qg]  .rzi { font-size: 0.95rem; }
/* /Modules/Purchases/Components/StockTransferWindow.razor.rz.scp.css */
.tr[b-hd0kkn2phr] { display: flex; flex-direction: column; gap: 0.6rem; height: calc(100% - var(--vcp-foot-room, 3.4rem)); min-height: 0; }
.tr-empty[b-hd0kkn2phr] { padding: 2rem; text-align: center; color: var(--vcp-text-3); }
.tr-grow[b-hd0kkn2phr] { flex: 1; }
.tr-head[b-hd0kkn2phr] { display: flex; align-items: center; gap: 0.7rem; border-bottom: 1px solid #f0a35e; padding-bottom: 0.4rem; }
.tr[b-hd0kkn2phr]  .tr-find { width: 24rem; max-width: 50%; }
.tr-title[b-hd0kkn2phr] { font-size: 1.05rem; color: var(--vcp-ink-2); white-space: nowrap; }
.tr-badge[b-hd0kkn2phr] { padding: 0.1rem 0.55rem; border-radius: 999px; background: #fff3d6; color: #8a5300; font-size: 0.75rem; font-weight: 700; }
.tr-badge-done[b-hd0kkn2phr] { background: #e3f4e7; color: #1b6b32; }
.tr-fields[b-hd0kkn2phr] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.4rem 0.8rem; }
.tr-field[b-hd0kkn2phr] { display: flex; flex-direction: column; gap: 0.1rem; font-size: 0.78rem; color: var(--vcp-text-2); font-weight: 600; min-width: 0; }
.tr-field em[b-hd0kkn2phr] { color: #c62828; font-style: normal; }
.tr-span4[b-hd0kkn2phr] { grid-column: 1 / -1; }
.tr[b-hd0kkn2phr]  .tr-in { width: 100%; }
.tr-ro[b-hd0kkn2phr] { display: flex; align-items: center; gap: 0.3rem; min-height: 2.3rem; padding: 0 0.7rem; border-radius: 6px; background: var(--vcp-tint-1); color: var(--vcp-ink-2);
         font-size: 0.9rem; font-weight: 600; }
.tr-store[b-hd0kkn2phr] { color: #4a2f7a; background: #ede7f6; }
.tr-store[b-hd0kkn2phr]  .rzi { font-size: 1rem; }
.tr[b-hd0kkn2phr]  .tr-missing, .tr[b-hd0kkn2phr]  .tr-missing .rz-inputtext, .tr[b-hd0kkn2phr]  input.tr-missing { background: #ffe6e6 !important; border-color: #e57373 !important; }

/* The lines and, right under the last one, the entry box: they scroll together. */
.tr-lines[b-hd0kkn2phr] { flex: 1 1 auto; min-height: 9rem; display: flex; flex-direction: column; overflow: auto; border: 1px solid #e3e8ea; border-radius: 8px; }
.tr[b-hd0kkn2phr]  .tr-grid { flex: none; border: 0; }
.tr[b-hd0kkn2phr]  .tr-grid .rz-data-grid-data { overflow: visible; }
.tr[b-hd0kkn2phr]  .tr-grid .rz-cell-data { overflow: visible; display: block; width: 100%; }
.tr[b-hd0kkn2phr]  .tr-grid th, .tr[b-hd0kkn2phr]  .tr-grid td { padding-left: 0.25rem; padding-right: 0.25rem; }
.tr[b-hd0kkn2phr]  .tr-grid .rz-numeric, .tr[b-hd0kkn2phr]  .tr-grid .rz-textbox, .tr[b-hd0kkn2phr]  .tr-grid .rz-datepicker,
.tr[b-hd0kkn2phr]  .tr-grid .rz-numeric-input { width: 100% !important; max-width: none; box-sizing: border-box; }
.tr[b-hd0kkn2phr]  .tr-grid .rz-numeric-input, .tr[b-hd0kkn2phr]  .tr-grid input.rz-textbox, .tr[b-hd0kkn2phr]  .tr-grid .rz-datepicker .rz-inputtext { font-size: 0.85rem; padding: 0.15rem 0.6rem; }
.tr[b-hd0kkn2phr]  .tr-grid .rz-numeric-input { text-align: right; }
.tr-item[b-hd0kkn2phr] { display: flex; flex-direction: column; min-width: 0; }
.tr-item-name[b-hd0kkn2phr] { font-size: 0.86rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tr-item-code[b-hd0kkn2phr] { font-size: 0.72rem; color: var(--vcp-text-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tr-avail[b-hd0kkn2phr] { display: block; padding-right: 0.6rem; text-align: right; font-variant-numeric: tabular-nums; color: var(--vcp-text-2); }
.tr-short[b-hd0kkn2phr] { color: #b42318; font-weight: 700; cursor: help; }
.tr-lot[b-hd0kkn2phr] { display: flex; align-items: center; gap: 0.2rem; }
.tr-pick[b-hd0kkn2phr], .tr-del[b-hd0kkn2phr] { border: 0; background: transparent; color: #7a96a1; cursor: pointer; display: inline-flex; border-radius: 6px; padding: 0.1rem; }
.tr-pick:hover[b-hd0kkn2phr] { background: var(--vcp-tint-1); color: var(--vcp-accent-dark); }
.tr-del:hover[b-hd0kkn2phr] { background: #fdecea; color: #b42318; }
.tr-entry[b-hd0kkn2phr] { display: flex; align-items: center; gap: 0.5rem; padding: 0.35rem 0.4rem; border-top: 1px dashed var(--vcp-line-accent); }
.tr-scan[b-hd0kkn2phr] { flex: 1; max-width: 32rem; display: flex; align-items: center; gap: 0.35rem; background: #fff; border-radius: 10px; padding: 0.3rem 0.5rem;
           border: 1px solid var(--vcp-line-accent); color: var(--vcp-accent-dark); }
.tr-scan-in[b-hd0kkn2phr] { flex: 1; border: 0; outline: none; font: inherit; font-size: 0.9rem; min-width: 0; background: transparent; }
.tr-total[b-hd0kkn2phr] { font-size: 0.8rem; color: var(--vcp-text-2); text-align: right; }
.tr-error[b-hd0kkn2phr] { color: #b42318; font-size: 0.85rem; margin-top: 0.4rem; }
.tr-foot[b-hd0kkn2phr] { display: flex; align-items: center; gap: 0.5rem; margin-top: 0.6rem; }
/* /Modules/Purchases/Components/TransferLotDialog.razor.rz.scp.css */
.tl[b-x6bo4822ek] { display: flex; flex-direction: column; gap: 0.7rem; }
.tl-table[b-x6bo4822ek] { width: 100%; border-collapse: collapse; font-size: 0.9rem; }
.tl-table th[b-x6bo4822ek] { text-align: left; font-size: 0.78rem; color: var(--vcp-text-2); padding: 0.3rem 0.5rem; border-bottom: 1px solid var(--vcp-line-accent); }
.tl-table td[b-x6bo4822ek] { padding: 0.4rem 0.5rem; border-bottom: 1px solid #eef2f3; }
.tl-num[b-x6bo4822ek] { text-align: right !important; font-variant-numeric: tabular-nums; }
.tl-row[b-x6bo4822ek] { cursor: pointer; }
.tl-row:hover[b-x6bo4822ek], .tl-row:focus[b-x6bo4822ek] { background: var(--vcp-tint-1); outline: none; }
.tl-expired td[b-x6bo4822ek] { color: #b42318; }
.tl-empty[b-x6bo4822ek] { display: flex; align-items: center; gap: 0.5rem; padding: 1rem; color: var(--vcp-text-2); }
.tl-foot[b-x6bo4822ek] { display: flex; align-items: center; gap: 0.5rem; }
.tl-hint[b-x6bo4822ek] { flex: 1; font-size: 0.76rem; color: var(--vcp-text-3); }
/* /Modules/Referrals/Components/ReferralsButton.razor.rz.scp.css */
.rf-open[b-ds10bg5xkc] { display: inline-flex; align-items: center; justify-content: center; width: 1.25rem; height: 1.25rem; margin-left: 0.25rem;
           border-radius: 5px; color: #7b94a0; color: hsl(from #7b94a0 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); cursor: pointer; vertical-align: middle; }
.rf-open:hover[b-ds10bg5xkc], .rf-open:focus-visible[b-ds10bg5xkc] { background: var(--vcp-accent-dark); color: #fff; outline: none; }
.rf-open[b-ds10bg5xkc]  .rzi { font-size: 1rem; }
/* /Modules/Referrals/Components/ReferralsPanel.razor.rz.scp.css */
.rf[b-4l8w8naa4t] { display: flex; flex-direction: column; gap: 0.6rem; height: 100%; min-height: 0; }
.rf-top[b-4l8w8naa4t] { display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; }
.rf[b-4l8w8naa4t]  .rf-search { flex: 1 1 14rem; max-width: 24rem; }
.rf-count[b-4l8w8naa4t] { font-size: 0.78rem; color: var(--vcp-text-3); margin-right: auto; }
.rf-table-wrap[b-4l8w8naa4t] { flex: 1 1 auto; overflow: auto; border: 1px solid var(--vcp-line-soft); border-radius: 10px; min-height: 12rem; }
.rf-table[b-4l8w8naa4t] { width: 100%; border-collapse: collapse; font-size: 0.86rem; table-layout: fixed; }
.rf-table th[b-4l8w8naa4t] { position: sticky; top: 0; z-index: 1; background: var(--vcp-tint-1); text-align: left; padding: 0.45rem 0.4rem; font-size: 0.78rem; color: var(--vcp-text-2); white-space: nowrap; }
.rf-table td[b-4l8w8naa4t] { padding: 0.15rem 0.25rem; border-top: 1px solid #edf1f3; border-top: 1px solid hsl(from #edf1f3 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); vertical-align: middle; height: 38px; box-sizing: border-box; }
.rf-row[b-4l8w8naa4t] { cursor: pointer; }
.rf-row:hover td[b-4l8w8naa4t] { background: var(--vcp-tint-0); }
.rf-selected td[b-4l8w8naa4t], .rf-selected:hover td[b-4l8w8naa4t] { background: var(--vcp-tint-2); }
.rf-bad td[b-4l8w8naa4t] { background: #fff6f6; }
.rf-err td[b-4l8w8naa4t] { color: #b42318; font-size: 0.8rem; border-top: 0; height: auto; padding-top: 0; }
.rf-id[b-4l8w8naa4t] { width: 3.6rem; color: var(--vcp-text-3); font-variant-numeric: tabular-nums; }
.rf-phone[b-4l8w8naa4t] { width: 9rem; }
.rf-pets[b-4l8w8naa4t] { width: 3.8rem; text-align: right !important; color: var(--vcp-text-3); font-variant-numeric: tabular-nums; }
.rf-acts[b-4l8w8naa4t] { width: 7rem; text-align: right; white-space: nowrap; }
.rf-in[b-4l8w8naa4t] { width: 100%; box-sizing: border-box; border: 1px solid transparent; background: var(--vcp-tint-1); border-radius: 6px; padding: 0.3rem 0.45rem; font: inherit; color: inherit; }
.rf-in:focus[b-4l8w8naa4t] { outline: none; border-color: var(--vcp-accent-dark); background: #fff; }
.rf-in:disabled[b-4l8w8naa4t] { background: transparent; color: inherit; }
.rf-btn[b-4l8w8naa4t] { position: relative; border: 0; background: transparent; color: var(--vcp-text-2); border-radius: 7px; width: 1.9rem; height: 1.9rem; cursor: pointer;
          display: inline-flex; align-items: center; justify-content: center; }
.rf-btn:hover:not(:disabled)[b-4l8w8naa4t] { background: var(--vcp-accent-dark); color: #fff; }
.rf-note.rf-has[b-4l8w8naa4t] { color: var(--vcp-accent-dark); }
.rf-badge[b-4l8w8naa4t] { position: absolute; top: 0.2rem; right: 0.2rem; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: #d9480f; border: 1px solid #fff; }
.rf-del[b-4l8w8naa4t] { color: #c62828; }
.rf-del:hover:not(:disabled)[b-4l8w8naa4t] { background: #c62828; color: #fff; }
.rf-del:disabled[b-4l8w8naa4t] { color: #c5d0d5; color: hsl(from #c5d0d5 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); cursor: not-allowed; }
.rf-empty[b-4l8w8naa4t] { padding: 1rem; color: var(--vcp-text-3); text-align: center; }
.rf-foot[b-4l8w8naa4t] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; background: var(--vcp-tint-2);
           border-radius: 10px; padding: 0.5rem 0.75rem; }
.rf-sel[b-4l8w8naa4t], .rf-transfer[b-4l8w8naa4t] { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
.rf-sel-label[b-4l8w8naa4t] { font-size: 0.78rem; color: var(--vcp-text-2); }
.rf-sel strong[b-4l8w8naa4t] { margin-right: 0.8rem; }
.rf[b-4l8w8naa4t]  .rf-transfer-dd { width: 16rem; }
/* /Modules/Reminders/Components/ReminderPanel.razor.rz.scp.css */
/* Laid out like the Access tab: the chosen reminder on top, templates left, the pet's reminders right. */
.rp[b-f7i6o738j5] { display: flex; flex-direction: column; gap: 0.6rem; }
.rp-edit[b-f7i6o738j5] { display: flex; align-items: flex-end; gap: 0.6rem; flex-wrap: wrap; padding-bottom: 0.5rem; border-bottom: 1px solid #e3e6ea; border-bottom: 1px solid hsl(from #e3e6ea calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); min-height: 3.4rem; }
.rp-field[b-f7i6o738j5] { display: flex; flex-direction: column; gap: 0.1rem; min-width: 9rem; }
.rp-grow[b-f7i6o738j5] { flex: 1 1 14rem; }
.rp-label[b-f7i6o738j5] { font-size: 0.8rem; font-weight: 600; color: #33475b; color: hsl(from #33475b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
[b-f7i6o738j5] .rp-input { width: 100%; }
[b-f7i6o738j5] .rp-date { width: 9.5rem; }
.rp-checks[b-f7i6o738j5] { display: flex; gap: 0.8rem; padding-bottom: 0.45rem; }
.rp-check[b-f7i6o738j5] { display: inline-flex; align-items: center; gap: 0.3rem; }
.rd-problem[b-f7i6o738j5] { color: #c62828; font-size: 0.8rem; }
.rp-body[b-f7i6o738j5] { display: grid; grid-template-columns: 15rem minmax(0, 1fr); gap: 0.75rem; }
.rp-templates[b-f7i6o738j5] { display: flex; flex-direction: column; gap: 0.35rem; }
.rp-head[b-f7i6o738j5] { padding: 0.15rem 0; }
.rp-template-list[b-f7i6o738j5] { border: 1px solid #b9c7d4; border: 1px solid hsl(from #b9c7d4 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 6px; max-height: 18rem; overflow: auto; }
.rp-template[b-f7i6o738j5] { display: grid; grid-template-columns: 1fr 3rem; gap: 0.4rem; width: 100%; text-align: left; font: inherit; padding: 0.3rem 0.5rem;
               border: 0; border-bottom: 1px solid #eef0f3; border-bottom: 1px solid hsl(from #eef0f3 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); background: #fff; cursor: pointer; }
.rp-template span:last-child[b-f7i6o738j5] { text-align: right; }
.rp-template:hover[b-f7i6o738j5] { background: #eef3fa; background: hsl(from #eef3fa calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.rp-template-head[b-f7i6o738j5] { font-weight: 600; background: #f3f5f8; background: hsl(from #f3f5f8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); cursor: default; position: sticky; top: 0; }
.rp-template-head:hover[b-f7i6o738j5] { background: #f3f5f8; background: hsl(from #f3f5f8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.rp-list[b-f7i6o738j5] { display: flex; flex-direction: column; gap: 0.35rem; min-width: 0; }
.rp-tools[b-f7i6o738j5] { display: flex; align-items: center; gap: 0.35rem; flex-wrap: wrap; }
[b-f7i6o738j5] .rp-toggle.rz-state-active, [b-f7i6o738j5] .rp-toggle.rz-state-active .rz-button-text, [b-f7i6o738j5] .rp-toggle.rz-state-active .rz-button-icon-left { background-color: #22576b; background-color: hsl(from #22576b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-color: #22576b; border-color: hsl(from #22576b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: #fff !important; }
.rp-count[b-f7i6o738j5] { margin-left: auto; }
[b-f7i6o738j5] .rp-grid { max-height: 18rem; }
[b-f7i6o738j5] .rp-row { cursor: pointer; }
[b-f7i6o738j5] .rp-current > td { background: #dcebf3 !important; background: hsl(from #dcebf3 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l) !important; }
[b-f7i6o738j5] .rp-overdue > td { color: #c62828; }
[b-f7i6o738j5] .rp-done > td { color: #8a8f98; }
.rp-footer[b-f7i6o738j5] { display: flex; align-items: center; gap: 0.5rem; }

/* Compact: fits the pet window without scrolling. */
.rp[b-f7i6o738j5] { gap: 0.35rem; }
.rp-edit[b-f7i6o738j5] { padding-bottom: 0.3rem; min-height: 0; gap: 0.45rem; }
.rp-template-list[b-f7i6o738j5] { max-height: 9.5rem; }
[b-f7i6o738j5] .rp-grid { max-height: 10rem; }
.rp-label[b-f7i6o738j5] { font-size: 0.72rem; }
.rp-checks[b-f7i6o738j5] { padding-bottom: 0.25rem; }
.rp-grow[b-f7i6o738j5] { flex: 1 1 10rem; }
.rp-field[b-f7i6o738j5] { min-width: 7.5rem; }
.rp-template-list[b-f7i6o738j5] { max-height: 8rem; }
[b-f7i6o738j5] .rp-grid { max-height: 9rem; }
.rp-template[b-f7i6o738j5] { padding: 0.2rem 0.5rem; }
/* The chosen reminder's fields and its three ticks on one line. */
.rp-edit[b-f7i6o738j5] { flex-wrap: nowrap; }
.rp-field[b-f7i6o738j5] { min-width: 0; flex: 0 0 10rem; }
.rp-field.rp-grow[b-f7i6o738j5] { flex: 1 1 8rem; }
.rp-checks[b-f7i6o738j5] { flex: 0 0 auto; gap: 0.6rem; white-space: nowrap; }

/* Anchored: the template list and the reminders grid fill the tab's height. */
.rp[b-f7i6o738j5] { height: 100%; }
.rp-body[b-f7i6o738j5] { flex: 1 1 auto; min-height: 0; grid-template-rows: minmax(0, 1fr); }
.rp-templates[b-f7i6o738j5], .rp-list[b-f7i6o738j5] { min-height: 0; }
.rp-template-list[b-f7i6o738j5] { flex: 1 1 auto; max-height: none; min-height: 4rem; }
[b-f7i6o738j5] .rp-grid { flex: 1 1 auto; max-height: none; min-height: 5rem; }
/* /Modules/Reminders/Components/ReminderTypesDialog.razor.rz.scp.css */
.rt[b-luip9b2d9s] { display: flex; flex-direction: column; gap: 0.6rem; height: 100%; min-height: 0; }
.rt-table-wrap[b-luip9b2d9s] { flex: 1 1 auto; overflow: auto; border: 1px solid var(--vcp-line-soft); border-radius: 10px; }
.rt-table[b-luip9b2d9s] { width: 100%; border-collapse: collapse; font-size: 0.86rem; }
.rt-table th[b-luip9b2d9s] { position: sticky; top: 0; z-index: 1; background: var(--vcp-tint-1); text-align: left; padding: 0.45rem 0.4rem; font-size: 0.78rem; color: var(--vcp-text-2); white-space: nowrap; }
.rt-table td[b-luip9b2d9s] { padding: 0.2rem 0.3rem; border-top: 1px solid #edf1f3; border-top: 1px solid hsl(from #edf1f3 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); vertical-align: middle; }
.rt-sort[b-luip9b2d9s] { border: 0; background: none; font: inherit; font-weight: 700; color: inherit; cursor: pointer; padding: 0; }
.rt-num[b-luip9b2d9s] { width: 5rem; }
.rt-flag[b-luip9b2d9s] { width: 4.2rem; text-align: center !important; }
.rt[b-luip9b2d9s]  .rt-in { width: 100%; }
.rt[b-luip9b2d9s]  .rt-days input { text-align: right; }
.rt[b-luip9b2d9s]  .rt-inactive .rz-dropdown-label, .rt[b-luip9b2d9s]  .rt-red, .rt-red[b-luip9b2d9s] { color: #c62828; font-weight: 600; }
.rt-del[b-luip9b2d9s] { border: 0; background: #fdecec; color: #c62828; border-radius: 7px; width: 2rem; height: 2rem; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.rt-del:hover[b-luip9b2d9s] { background: #c62828; color: #fff; }
.rt-bad td[b-luip9b2d9s] { background: #fff6f6; }
.rt-err-row td[b-luip9b2d9s] { color: #b42318; font-size: 0.8rem; border-top: 0; padding-top: 0; }
.rt-foot[b-luip9b2d9s] { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.rt-help[b-luip9b2d9s] { font-size: 0.8rem; color: var(--vcp-text-3); max-width: 52rem; }
.rt-buttons[b-luip9b2d9s] { display: flex; gap: 0.5rem; }
.rt-warn-row td[b-luip9b2d9s] { color: #b26a00; font-size: 0.8rem; border-top: 0; padding-top: 0; }
/* /Modules/Rooms/Components/ClinicRoomsSetup.razor.rz.scp.css */
.rm[b-24qtwwxuqo] { display: grid; grid-template-columns: 16rem minmax(0, 1fr); gap: 1rem; height: 100%; min-height: 0; }
.rm-empty[b-24qtwwxuqo] { padding: 2rem; text-align: center; color: var(--vcp-text-3); }
.rm-list[b-24qtwwxuqo] { display: flex; flex-direction: column; gap: 0.4rem; min-height: 0; background: var(--vcp-tint-1); border-radius: 12px; padding: 0.5rem; }
.rm-rows[b-24qtwwxuqo] { overflow: auto; min-height: 0; display: flex; flex-direction: column; gap: 0.2rem; }
.rm-row[b-24qtwwxuqo] { display: flex; flex-direction: column; align-items: flex-start; gap: 0.1rem; border: 0; background: #fff; border-radius: 8px; padding: 0.45rem 0.6rem;
    text-align: left; font: inherit; cursor: pointer; }
.rm-row:hover[b-24qtwwxuqo] { background: var(--vcp-tint-2); }
.rm-row.on[b-24qtwwxuqo] { background: var(--vcp-accent-dark); color: #fff; }
.rm-row.new[b-24qtwwxuqo] { font-style: italic; cursor: default; }
.rm-name[b-24qtwwxuqo] { font-size: 0.9rem; font-weight: 600; }
.rm-sub[b-24qtwwxuqo] { display: flex; flex-wrap: wrap; gap: 0.3rem; font-size: 0.74rem; opacity: 0.85; align-items: center; }
.rm-badge[b-24qtwwxuqo] { border-radius: 999px; padding: 0 0.4rem; font-size: 0.68rem; font-weight: 600; }
.rm-badge.out[b-24qtwwxuqo] { background: #fdecec; color: #c62828; }
.rm-form[b-24qtwwxuqo] { display: grid; grid-template-columns: 1fr 1fr; gap: 0.6rem 0.8rem; align-content: start; overflow: auto; }
.rm-wide[b-24qtwwxuqo] { grid-column: 1 / -1; }
.rm-field[b-24qtwwxuqo] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.78rem; font-weight: 600; color: var(--vcp-text-2); }
.rm-field em[b-24qtwwxuqo] { color: #c62828; font-style: normal; }
[b-24qtwwxuqo] .rm-in { width: 100%; font-weight: 400; }
.rm-error[b-24qtwwxuqo] { color: #b42318; font-size: 0.85rem; }
.rm-foot[b-24qtwwxuqo] { display: flex; align-items: center; gap: 0.5rem; margin-top: 0.3rem; }
.rm-grow[b-24qtwwxuqo] { flex: 1; }
.rm-badge.busy[b-24qtwwxuqo] { background: #fff3e0; color: #b45f06; }
.rm-badge.hid[b-24qtwwxuqo] { background: #eceff1; background: hsl(from #eceff1 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: #546e7a; color: hsl(from #546e7a calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.rm-check[b-24qtwwxuqo] { flex-direction: row; align-items: center; gap: 0.5rem; }
/* /Modules/Setup/Components/SetupHub.razor.rz.scp.css */
.su-head[b-alcynygcpv] { margin: 0.2rem 0.3rem 0.5rem; font-size: 0.9rem; color: var(--vcp-ink-2); border-bottom: 1px solid #f0a35e; padding-bottom: 0.2rem; }
.su[b-alcynygcpv] { display: grid; grid-template-columns: repeat(auto-fill, minmax(12.5rem, 1fr)); gap: 0.8rem; padding: 0.3rem; margin-bottom: 1rem; }
.su-empty[b-alcynygcpv] { padding: 2rem; text-align: center; color: var(--vcp-text-3); }
.su-small[b-alcynygcpv] { padding: 0.6rem; font-size: 0.85rem; }
.su-tile[b-alcynygcpv] { display: flex; flex-direction: column; border: 1px solid #d6e6eb; border: 1px solid hsl(from #d6e6eb calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); background: var(--vcp-tint-0); border-radius: 14px; overflow: hidden; }
.su-tile:hover[b-alcynygcpv] { border-color: var(--vcp-accent-dark); }
.su-open[b-alcynygcpv] { display: flex; flex-direction: column; align-items: flex-start; gap: 0.3rem; text-align: left; border: 0; background: transparent;
           padding: 0.9rem 0.9rem 0.5rem; font: inherit; cursor: pointer; color: #1d2a30; color: hsl(from #1d2a30 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); min-height: 6.2rem; flex: 1; }
.su-open:hover[b-alcynygcpv] { background: var(--vcp-accent-dark); color: #fff; }
.su-open[b-alcynygcpv]  .rzi { font-size: 1.6rem; color: #f0a35e; }
.su-open strong[b-alcynygcpv] { font-size: 0.95rem; }
.su-open span[b-alcynygcpv] { font-size: 0.78rem; opacity: 0.8; }
.su-move[b-alcynygcpv] { display: inline-flex; align-items: center; gap: 0.25rem; border: 0; background: transparent; color: var(--vcp-accent-dark); font: inherit; font-size: 0.76rem;
           cursor: pointer; padding: 0.35rem 0.6rem; border-radius: 8px; white-space: nowrap; }
.su-tile .su-move[b-alcynygcpv] { border-top: 1px solid #e3eef1; border-top: 1px solid hsl(from #e3eef1 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 0; justify-content: flex-start; }
.su-move:hover[b-alcynygcpv] { background: var(--vcp-tint-2); }
.su-move[b-alcynygcpv]  .rzi { font-size: 1rem; }
.su-menu[b-alcynygcpv] { display: grid; grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); gap: 0.35rem; padding: 0 0.3rem; }
.su-row[b-alcynygcpv] { display: flex; align-items: center; justify-content: space-between; gap: 0.4rem; background: var(--vcp-tint-1); border-radius: 10px; padding: 0.15rem 0.2rem 0.15rem 0.5rem; }
.su-row-open[b-alcynygcpv] { display: inline-flex; align-items: center; gap: 0.45rem; border: 0; background: transparent; font: inherit; font-size: 0.88rem;
               cursor: pointer; color: #1d2a30; color: hsl(from #1d2a30 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); padding: 0.3rem 0; text-align: left; }
.su-row-open:hover[b-alcynygcpv] { color: var(--vcp-accent-dark); }
.su-row-open[b-alcynygcpv]  .rzi { color: var(--vcp-text-2); }
.su-note[b-alcynygcpv] { font-size: 0.76rem; color: #a15c00; padding: 0.6rem 0.3rem 0; }
.su-group[b-alcynygcpv] { margin: 0.5rem 0.3rem 0.35rem; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; color: var(--vcp-text-3); }
.su-group + .su-menu[b-alcynygcpv] { margin-bottom: 0.4rem; }
/* /Modules/Staff/Components/StaffSettings.razor.rz.scp.css */
.st[b-4i41nrjhve] { display: grid; grid-template-columns: 15rem 1fr 17rem; gap: 1rem; height: calc(100% - var(--vcp-foot-room, 3.5rem)); min-height: 0; }
.st-empty[b-4i41nrjhve] { padding: 2rem; text-align: center; color: var(--vcp-text-3); }
.st[b-4i41nrjhve]  .st-in { width: 100%; }
.st-left[b-4i41nrjhve], .st-right-col[b-4i41nrjhve] { display: flex; flex-direction: column; gap: 0.5rem; min-height: 0; background: var(--vcp-tint-1); border-radius: 12px; padding: 0.6rem; }
.st-users[b-4i41nrjhve] { flex: 1 1 auto; overflow: auto; display: flex; flex-direction: column; gap: 0.15rem; background: #fff; border-radius: 10px; padding: 0.3rem; }
.st-user[b-4i41nrjhve] { display: flex; flex-direction: column; align-items: flex-start; border: 0; background: transparent; text-align: left; padding: 0.4rem 0.55rem;
           border-radius: 8px; font: inherit; font-size: 0.88rem; cursor: pointer; color: inherit; }
.st-user:hover[b-4i41nrjhve] { background: var(--vcp-tint-1); }
.st-current[b-4i41nrjhve], .st-current:hover[b-4i41nrjhve] { background: var(--vcp-accent-dark); color: #fff; }
.st-new[b-4i41nrjhve] { font-style: italic; cursor: default; }
.st-user-cat[b-4i41nrjhve] { font-size: 0.72rem; opacity: 0.75; }
.st-copy[b-4i41nrjhve] { display: flex; flex-direction: column; gap: 0.25rem; }
.st-copy-row[b-4i41nrjhve] { display: flex; gap: 0.35rem; align-items: center; }
.st-label[b-4i41nrjhve] { font-size: 0.78rem; font-weight: 600; color: var(--vcp-text-2); }
.st-middle[b-4i41nrjhve] { overflow: auto; min-height: 0; padding-right: 0.3rem; }
.st-middle h4[b-4i41nrjhve] { margin: 0 0 0.4rem; font-size: 0.95rem; color: var(--vcp-ink-2); border-bottom: 1px solid #f0a35e; padding-bottom: 0.2rem; }
.st-details[b-4i41nrjhve] { display: grid; grid-template-columns: 1fr 1fr; gap: 0.4rem 0.8rem; }
.st-field[b-4i41nrjhve] { display: flex; flex-direction: column; gap: 0.1rem; font-size: 0.78rem; color: var(--vcp-text-2); font-weight: 600; }
.st-wide[b-4i41nrjhve] { grid-column: 1 / -1; }
.st-pass[b-4i41nrjhve] { display: flex; align-items: center; gap: 0.25rem; }
.st-eye[b-4i41nrjhve] { border: 0; background: transparent; color: var(--vcp-text-2); cursor: pointer; display: inline-flex; padding: 0.2rem; }
.st-rights-head[b-4i41nrjhve] { margin-top: 0.9rem !important; }
.st-rights[b-4i41nrjhve] { columns: 2; column-gap: 1.5rem; }
.st-right[b-4i41nrjhve] { display: flex; align-items: center; gap: 0.45rem; padding: 0.18rem 0; font-size: 0.85rem; font-weight: 600; color: #1d2a30; color: hsl(from #1d2a30 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); break-inside: avoid; cursor: pointer; }
.st-bottom-row[b-4i41nrjhve] { display: flex; align-items: flex-end; gap: 0.6rem; margin-top: 0.7rem; flex-wrap: wrap; }
.st-bottom-row .st-field[b-4i41nrjhve] { width: 12.5rem; }
.st-grow[b-4i41nrjhve] { flex: 1; }
.st-cal-head[b-4i41nrjhve] { display: flex; align-items: center; justify-content: space-between; gap: 0.4rem; font-size: 0.85rem; font-weight: 700; color: #1d2a30; color: hsl(from #1d2a30 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.st-cal-head span[b-4i41nrjhve] { display: inline-flex; align-items: center; gap: 0.3rem; }
.st-cal-head .link-button[b-4i41nrjhve] { font-size: 0.75rem; text-align: right; }
.st-cals[b-4i41nrjhve] { flex: 1 1 auto; overflow: auto; display: flex; flex-direction: column; }
.st-cal[b-4i41nrjhve] { display: flex; align-items: center; justify-content: space-between; padding: 0.4rem 0.3rem; border-bottom: 1px solid var(--vcp-line-accent); font-size: 0.88rem; }
.st-x[b-4i41nrjhve] { border: 0; background: transparent; color: #c62828; cursor: pointer; display: inline-flex; border-radius: 6px; padding: 0.15rem; }
.st-x:hover[b-4i41nrjhve] { background: #c62828; color: #fff; }
.st-hint[b-4i41nrjhve] { font-size: 0.8rem; color: var(--vcp-text-3); padding: 0.5rem 0.2rem; }
.st-clear[b-4i41nrjhve] { font-size: 0.78rem; align-self: flex-end; }
.st-error[b-4i41nrjhve] { color: #b42318; font-size: 0.85rem; margin-top: 0.4rem; }
.st-foot[b-4i41nrjhve] { display: flex; align-items: center; gap: 0.5rem; margin-top: 0.6rem; }
.st-cal-links[b-4i41nrjhve] { display: flex; flex-direction: column; align-items: flex-end; gap: 0.15rem; }
/* /Modules/Suppliers/Components/SuppliersSetup.razor.rz.scp.css */
.sp[b-4e5n3mqjv0] { display: grid; grid-template-columns: 17rem 1fr 17rem; gap: 1rem; height: calc(100% - var(--vcp-foot-room, 3.4rem)); min-height: 0; }
.sp-empty[b-4e5n3mqjv0] { padding: 2rem; text-align: center; color: var(--vcp-text-3); }
.sp[b-4e5n3mqjv0]  .sp-in { width: 100%; }
.sp[b-4e5n3mqjv0]  .sp-missing, .sp[b-4e5n3mqjv0]  .sp-missing.rz-textbox { background: #ffe6e6 !important; border-color: #e57373 !important; }

.sp-left[b-4e5n3mqjv0], .sp-items[b-4e5n3mqjv0] { display: flex; flex-direction: column; gap: 0.45rem; min-height: 0; background: var(--vcp-tint-1); border-radius: 12px; padding: 0.6rem; }
.sp-search[b-4e5n3mqjv0] { display: flex; align-items: center; gap: 0.35rem; background: #fff; border-radius: 10px; padding: 0.3rem 0.5rem; border: 1px solid var(--vcp-line-accent); color: var(--vcp-text-2); }
.sp-search-in[b-4e5n3mqjv0] { flex: 1; border: 0; outline: none; font: inherit; font-size: 0.92rem; min-width: 0; background: transparent; }
.sp-list[b-4e5n3mqjv0] { flex: 1 1 auto; overflow: auto; background: #fff; border-radius: 10px; padding: 0.25rem; min-height: 0; }
.sp-row[b-4e5n3mqjv0] { display: flex; flex-direction: column; align-items: stretch; width: 100%; height: 44px; border: 0; background: transparent; text-align: left;
          padding: 0.3rem 0.55rem; border-radius: 8px; font: inherit; cursor: pointer; color: inherit; overflow: hidden; }
.sp-row:hover[b-4e5n3mqjv0] { background: var(--vcp-tint-1); }
.sp-row-name[b-4e5n3mqjv0] { font-size: 0.88rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sp-row-sub[b-4e5n3mqjv0] { font-size: 0.72rem; opacity: 0.75; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sp-current[b-4e5n3mqjv0], .sp-current:hover[b-4e5n3mqjv0] { background: var(--vcp-accent-dark); color: #fff; }
.sp-found[b-4e5n3mqjv0] { font-size: 0.75rem; color: var(--vcp-text-3); text-align: right; }
.sp-hint[b-4e5n3mqjv0] { font-size: 0.78rem; color: var(--vcp-text-3); padding: 0.4rem 0.3rem; }
.sp-x[b-4e5n3mqjv0] { border: 0; background: transparent; color: var(--vcp-text-3); cursor: pointer; display: inline-flex; border-radius: 6px; padding: 0.15rem; }

.sp-main[b-4e5n3mqjv0] { overflow: auto; min-height: 0; padding-right: 0.3rem; }
.sp-head[b-4e5n3mqjv0] { display: flex; align-items: baseline; gap: 0.6rem; border-bottom: 1px solid #f0a35e; padding-bottom: 0.3rem; margin-bottom: 0.6rem; }
.sp-head strong[b-4e5n3mqjv0] { font-size: 1.05rem; color: var(--vcp-ink-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sp-id[b-4e5n3mqjv0] { font-size: 0.78rem; color: var(--vcp-text-3); }
.sp-fields[b-4e5n3mqjv0] { display: grid; grid-template-columns: 1fr 1fr; gap: 0.45rem 0.8rem; align-content: start; }
.sp-field[b-4e5n3mqjv0] { display: flex; flex-direction: column; gap: 0.1rem; font-size: 0.78rem; color: var(--vcp-text-2); font-weight: 600; min-width: 0; }
.sp-field em[b-4e5n3mqjv0] { color: #c62828; font-style: normal; }
.sp-wide[b-4e5n3mqjv0] { grid-column: 1 / -1; }
.sp-vat[b-4e5n3mqjv0] { display: grid; grid-template-columns: 12rem 1fr auto; gap: 0.8rem; align-items: end; background: var(--vcp-tint-0); border-radius: 10px; padding: 0.45rem 0.5rem; }
.sp[b-4e5n3mqjv0]  .sp-vies-btn { white-space: nowrap; }
.sp-warn[b-4e5n3mqjv0] { font-size: 0.78rem; font-weight: 600; color: #a15c00; }
.sp-vies[b-4e5n3mqjv0] { display: flex; align-items: flex-start; gap: 0.5rem; border-radius: 10px; padding: 0.45rem 0.6rem; font-size: 0.82rem; }
.sp-vies-ok[b-4e5n3mqjv0] { background: #e8f5e9; color: #1b5e20; }
.sp-vies-bad[b-4e5n3mqjv0] { background: #fdecea; color: #b42318; }
.sp-vies-text[b-4e5n3mqjv0] { flex: 1; display: flex; flex-direction: column; gap: 0.1rem; }
.sp-vies .link-button[b-4e5n3mqjv0] { white-space: nowrap; font-size: 0.8rem; }

.sp-items h4[b-4e5n3mqjv0] { margin: 0; font-size: 0.88rem; color: var(--vcp-ink-2); display: flex; justify-content: space-between; }
.sp-count[b-4e5n3mqjv0] { font-size: 0.75rem; color: var(--vcp-text-3); font-weight: 600; }
.sp-item-list[b-4e5n3mqjv0] { flex: 1 1 auto; overflow: auto; background: #fff; border-radius: 10px; padding: 0.25rem; min-height: 0; }
.sp-item[b-4e5n3mqjv0] { display: flex; justify-content: space-between; gap: 0.5rem; width: 100%; border: 0; background: transparent; text-align: left; padding: 0.35rem 0.5rem;
           border-radius: 8px; font: inherit; font-size: 0.84rem; color: inherit; }
button.sp-item[b-4e5n3mqjv0] { cursor: pointer; }
button.sp-item:hover[b-4e5n3mqjv0] { background: var(--vcp-tint-1); color: var(--vcp-accent-dark); }
.sp-item-off span:first-child[b-4e5n3mqjv0] { text-decoration: line-through; opacity: 0.6; }
.sp-stock[b-4e5n3mqjv0] { font-variant-numeric: tabular-nums; color: var(--vcp-text-3); }

.sp-error[b-4e5n3mqjv0] { color: #b42318; font-size: 0.85rem; margin-top: 0.4rem; }
.sp-foot[b-4e5n3mqjv0] { display: flex; align-items: center; gap: 0.5rem; margin-top: 0.6rem; }
.sp-grow[b-4e5n3mqjv0] { flex: 1; }
/* /Modules/Templates/Components/LetterFieldsDialog.razor.rz.scp.css */
.lf[b-9ddeg801wf] { display: flex; flex-direction: column; gap: 0.5rem; max-height: calc(min(820px, 90vh) - 6rem); }
.lf-hint[b-9ddeg801wf] { margin: 0; font-size: 0.86rem; color: #4a5f68; color: hsl(from #4a5f68 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.lf-note[b-9ddeg801wf] { display: flex; gap: 0.4rem; align-items: center; padding: 0.4rem 0.6rem; border-radius: 8px; background: #fff4e5; color: #8a4b00; font-size: 0.85rem; }
.lf-head[b-9ddeg801wf] { display: grid; grid-template-columns: 14rem minmax(0, 1fr) 6.6rem; gap: 0.5rem; padding: 0 0.3rem; font-size: 0.78rem; font-weight: 700; color: var(--vcp-text-4); text-transform: uppercase; }
.lf-list[b-9ddeg801wf] { list-style: none; margin: 0; padding: 0; overflow-y: auto; display: flex; flex-direction: column; gap: 0.3rem; min-height: 0; }
.lf-list li[b-9ddeg801wf] { display: grid; grid-template-columns: 14rem minmax(0, 1fr) 6.6rem; gap: 0.5rem; align-items: center; padding: 0.15rem 0.3rem; }
.lf-list li:hover[b-9ddeg801wf] { background: #f4f8fa; background: hsl(from #f4f8fa calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 8px; }
.lf-list[b-9ddeg801wf]  .lf-name, .lf-list[b-9ddeg801wf]  .lf-source { width: 100%; }
.lf-actions[b-9ddeg801wf] { display: flex; gap: 0.1rem; }
.lf-actions button[b-9ddeg801wf] { width: 2.1rem; height: 2.1rem; border: 0; border-radius: 8px; background: transparent; color: var(--vcp-ink-2); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.lf-actions button:hover:not(:disabled)[b-9ddeg801wf] { background: #e3eef2; background: hsl(from #e3eef2 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.lf-actions button:disabled[b-9ddeg801wf] { color: #b8c6cc; color: hsl(from #b8c6cc calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); cursor: default; }
.lf-actions .lf-del[b-9ddeg801wf] { color: #c62828; }
.lf-error[b-9ddeg801wf] { display: flex; gap: 0.4rem; align-items: center; color: #b42318; font-weight: 600; }
.lf-buttons[b-9ddeg801wf] { display: flex; gap: 0.5rem; align-items: center; }
.lf-gap[b-9ddeg801wf] { flex: 1; }
/* /Modules/Templates/Components/TemplateEditor.razor.rz.scp.css */
.te[b-iozqmr59kj] { display: grid; grid-template-columns: 15.5rem minmax(0, 1fr); gap: 0.6rem; height: 100%; min-height: 0; padding: 0.5rem; box-sizing: border-box; }

/* ---- left: what is edited, the templates, the fields ---- */
.te-side[b-iozqmr59kj] { display: flex; flex-direction: column; gap: 0.45rem; min-height: 0; }
.te-side[b-iozqmr59kj]  .te-parts { width: 100%; }
.te-side[b-iozqmr59kj]  .te-parts .rz-button { flex: 1; padding-inline: 0.3rem; font-size: 0.78rem; }
.te-head-row[b-iozqmr59kj] { display: flex; align-items: center; justify-content: space-between; margin-top: 0.3rem; color: var(--vcp-ink); font-size: 0.9rem; }
.te-add[b-iozqmr59kj] { width: 1.9rem; height: 1.9rem; border: 0; border-radius: 8px; background: var(--vcp-ink-2); color: #fff; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.te-add:hover[b-iozqmr59kj] { background: var(--vcp-accent); }
.te-list[b-iozqmr59kj] { list-style: none; margin: 0; padding: 0.25rem; flex: 1 1 40%; min-height: 6rem; overflow-y: auto; background: #f4f8fa; background: hsl(from #f4f8fa calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 10px; }
.te-list li[b-iozqmr59kj] { padding: 0.4rem 0.55rem; border-radius: 7px; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--vcp-ink); font-size: 0.9rem; }
.te-list li:hover[b-iozqmr59kj] { background: #e3eef2; background: hsl(from #e3eef2 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.te-list li.on[b-iozqmr59kj] { background: var(--vcp-ink-2); color: #fff; font-weight: 600; }
.te-list li.new[b-iozqmr59kj] { display: flex; align-items: center; gap: 0.3rem; font-style: italic; }
.te-list li.te-empty[b-iozqmr59kj] { cursor: default; color: var(--vcp-text-4); }
.te-part-hint[b-iozqmr59kj] { margin: 0.2rem 0; font-size: 0.85rem; color: #4a5f68; color: hsl(from #4a5f68 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.te-fields[b-iozqmr59kj] { flex: 1 1 60%; min-height: 0; overflow-y: auto; display: flex; flex-direction: column; gap: 0.1rem; padding: 0.25rem; background: #f4f8fa; background: hsl(from #f4f8fa calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 10px; }
.te-group[b-iozqmr59kj] { margin: 0.35rem 0.3rem 0.1rem; font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--vcp-text-4); }
.te-fields button[b-iozqmr59kj] { text-align: left; padding: 0.25rem 0.55rem; border: 0; border-radius: 6px; background: transparent; color: var(--vcp-ink-2); font: inherit; font-size: 0.88rem; cursor: pointer; }
.te-fields button:hover:not(:disabled)[b-iozqmr59kj] { background: #dcebf0; background: hsl(from #dcebf0 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.te-fields button:disabled[b-iozqmr59kj] { color: #8fa1a8; color: hsl(from #8fa1a8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); cursor: default; }

/* ---- right: name, save, the editor with the rest of the height ---- */
.te-main[b-iozqmr59kj] { display: flex; flex-direction: column; gap: 0.4rem; min-height: 0; min-width: 0; }
.te-bar[b-iozqmr59kj] { display: flex; align-items: center; gap: 0.6rem; }
.te-bar[b-iozqmr59kj]  .te-name { flex: 0 1 26rem; font-size: 1.05rem; font-weight: 600; }
.te-title[b-iozqmr59kj] { font-size: 1.05rem; color: var(--vcp-ink); }
.te-state[b-iozqmr59kj] { flex: 1; font-size: 0.82rem; color: #b26a00; }
.te-note[b-iozqmr59kj] { display: flex; align-items: center; gap: 0.4rem; padding: 0.4rem 0.65rem; border-radius: 8px; background: #fff4e5; color: #8a4b00; font-size: 0.85rem; }
.te-editor[b-iozqmr59kj] { flex: 1; min-height: 0; }
/* /Modules/Users/Pages/Login.razor.rz.scp.css */
.login-page[b-9u2v70h0fy] { display: flex; justify-content: center; padding-top: 10vh; }
[b-9u2v70h0fy] .login-card { width: 340px; max-width: 100%; }
.login-title[b-9u2v70h0fy] { font-size: 1.4rem; margin: 0; }
.login-clinic[b-9u2v70h0fy] { color: var(--muted, #5b6270); margin-bottom: 1rem; }
.login-label[b-9u2v70h0fy] { font-size: 0.85rem; color: var(--muted, #5b6270); }
.login-store[b-9u2v70h0fy] { width: 100%; font: inherit; padding: 0.5rem 0.6rem; border: 1px solid #c9d3d8; border: 1px solid hsl(from #c9d3d8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 4px; background: #fff; color: inherit; }
/* /Modules/Vat/Components/VatSetup.razor.rz.scp.css */
.vt[b-0aeg4f6z4y] { display: grid; grid-template-columns: 1fr 18rem; gap: 1rem; height: calc(100% - var(--vcp-foot-room, 3.4rem)); min-height: 0; }
.vt-empty[b-0aeg4f6z4y] { padding: 2rem; text-align: center; color: var(--vcp-text-3); }
.vt-list[b-0aeg4f6z4y] { overflow: auto; min-height: 0; background: var(--vcp-tint-1); border-radius: 12px; padding: 0.5rem; }
.vt-list table[b-0aeg4f6z4y] { width: 100%; border-collapse: separate; border-spacing: 0 0.15rem; font-size: 0.88rem; }
.vt-list th[b-0aeg4f6z4y] { text-align: left; font-size: 0.74rem; color: var(--vcp-text-3); font-weight: 600; padding: 0.2rem 0.5rem; }
.vt-list td[b-0aeg4f6z4y] { background: #fff; padding: 0.45rem 0.5rem; cursor: pointer; }
.vt-list td:first-child[b-0aeg4f6z4y] { border-radius: 8px 0 0 8px; }
.vt-list td:last-child[b-0aeg4f6z4y] { border-radius: 0 8px 8px 0; }
.vt-list tr:hover td[b-0aeg4f6z4y] { background: var(--vcp-tint-2); }
.vt-current td[b-0aeg4f6z4y], .vt-current:hover td[b-0aeg4f6z4y] { background: var(--vcp-accent-dark) !important; color: #fff; }
.vt-new td[b-0aeg4f6z4y] { font-style: italic; cursor: default; }
.vt-num[b-0aeg4f6z4y] { text-align: right !important; font-variant-numeric: tabular-nums; }
.vt-form[b-0aeg4f6z4y] { display: flex; flex-direction: column; gap: 0.6rem; }
.vt-field[b-0aeg4f6z4y] { display: flex; flex-direction: column; gap: 0.1rem; font-size: 0.78rem; color: var(--vcp-text-2); font-weight: 600; }
.vt-field em[b-0aeg4f6z4y] { color: #c62828; font-style: normal; }
.vt[b-0aeg4f6z4y]  .vt-in { width: 100%; }
.vt-rate[b-0aeg4f6z4y] { display: flex; align-items: center; gap: 0.4rem; font-size: 0.95rem; }
.vt[b-0aeg4f6z4y]  .vt-num-in input { text-align: right; }
.vt-help[b-0aeg4f6z4y] { font-weight: 400; color: var(--vcp-text-3); font-size: 0.72rem; }
.vt-note[b-0aeg4f6z4y] { font-size: 0.8rem; color: var(--vcp-text-2); background: var(--vcp-tint-0); border-radius: 8px; padding: 0.4rem 0.5rem; }
.vt-error[b-0aeg4f6z4y] { color: #b42318; font-size: 0.85rem; }
.vt-foot[b-0aeg4f6z4y] { display: flex; align-items: center; gap: 0.5rem; margin-top: 0.6rem; }
.vt-grow[b-0aeg4f6z4y] { flex: 1; }
/* /Modules/VetHub/Components/HubRegisterDialog.razor.rz.scp.css */
.rg[b-11xdguhlpq] { display: flex; flex-direction: column; gap: 0.8rem; }
.rg-empty[b-11xdguhlpq] { padding: 2rem; text-align: center; color: var(--vcp-text-3); }
.rg-hint[b-11xdguhlpq] { margin: 0; font-size: 0.86rem; color: var(--vcp-text-2); }
.rg-grid[b-11xdguhlpq] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.6rem 0.9rem; }
.rg-grid label[b-11xdguhlpq] { display: flex; flex-direction: column; gap: 0.15rem; }
.rg-grid label.wide[b-11xdguhlpq] { grid-column: 1 / -1; }
.rg-grid label > span[b-11xdguhlpq] { font-size: 0.76rem; font-weight: 600; color: var(--vcp-text-2); }
.rg-grid[b-11xdguhlpq]  .rz-textbox { width: 100%; }
.rg-error[b-11xdguhlpq] { color: #b42318; font-size: 0.86rem; }
.rg-buttons[b-11xdguhlpq] { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
.rg-grow[b-11xdguhlpq] { flex: 1; }
/* /Modules/VetHub/Components/HubRequestPanel.razor.rz.scp.css */
.rq[b-oq644226sp] { display: flex; flex-direction: column; height: 100%; min-height: 0; gap: 0.6rem; color: #1f2937; color: hsl(from #1f2937 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.rq-empty[b-oq644226sp] { padding: 2rem; text-align: center; color: #6b7280; }
.rq-empty.small[b-oq644226sp] { padding: 1.2rem; font-size: 0.86rem; }
.rq-head[b-oq644226sp] { display: flex; align-items: center; gap: 0.9rem; padding-bottom: 0.6rem; border-bottom: 1px solid #e5e7eb; border-bottom: 1px solid hsl(from #e5e7eb calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); flex-wrap: wrap; }
.rq-logo[b-oq644226sp] { height: 44px; max-width: 150px; object-fit: contain; }
.rq-headtext[b-oq644226sp], .rq-pet[b-oq644226sp] { display: flex; flex-direction: column; }
.rq-headtext strong[b-oq644226sp] { font-size: 1.05rem; }
.rq-headtext small[b-oq644226sp], .rq-pet small[b-oq644226sp] { color: #6b7280; font-size: 0.8rem; }
.rq-pet[b-oq644226sp] { margin-left: auto; text-align: right; background: #eef0fb; border-radius: 10px; padding: 0.35rem 0.7rem; }
.rq-pet strong[b-oq644226sp] { color: #4b53a6; display: inline-flex; align-items: center; gap: 0.35rem; align-self: flex-end; }
.rq-body[b-oq644226sp] { flex: 1; min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) 20rem; gap: 1rem; }
.rq-main[b-oq644226sp] { min-height: 0; overflow: auto; display: flex; flex-direction: column; gap: 0.7rem; padding-right: 0.2rem; }
.rq-side[b-oq644226sp] { min-height: 0; overflow: auto; display: flex; flex-direction: column; gap: 0.6rem; }
.rq-pick[b-oq644226sp] { display: flex; gap: 0.5rem; align-items: center; }
.rq-pick.col[b-oq644226sp] { flex-direction: column; align-items: stretch; background: #f8fafc; border: 1px solid #e5e7eb; border: 1px solid hsl(from #e5e7eb calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 12px; padding: 0.7rem; }
.rq-pick label[b-oq644226sp], .rq-doses label[b-oq644226sp], .rq-line-fields label[b-oq644226sp], .rq-petform label[b-oq644226sp], .rq-field[b-oq644226sp] { display: flex; flex-direction: column; gap: 0.15rem; }
.rq-pick label > span[b-oq644226sp], .rq-doses label > span[b-oq644226sp], .rq-line-fields label > span[b-oq644226sp], .rq-petform label > span[b-oq644226sp], .rq-field > span[b-oq644226sp], .rq-label[b-oq644226sp] {
    font-size: 0.75rem; font-weight: 600; color: #4b5563; color: hsl(from #4b5563 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.rq-lines[b-oq644226sp] { display: flex; flex-direction: column; gap: 0.4rem; }
.rq-line[b-oq644226sp] { border: 1px solid #e5e7eb; border: 1px solid hsl(from #e5e7eb calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 10px; padding: 0.5rem 0.7rem; cursor: pointer; background: #fff; }
.rq-line.on[b-oq644226sp] { border-color: #4f46e5; box-shadow: 0 0 0 2px rgba(79, 70, 229, 0.12); cursor: default; }
.rq-line-top[b-oq644226sp] { display: flex; align-items: center; gap: 0.5rem; }
.rq-line-top small[b-oq644226sp] { color: #6b7280; }
.rq-line-fields[b-oq644226sp] { display: flex; flex-wrap: wrap; gap: 0.5rem 0.8rem; margin-top: 0.5rem; }
.rq-line-fields label.wide[b-oq644226sp] { flex-basis: 100%; }
.rq-line-fields[b-oq644226sp]  textarea { width: 100%; }
.rq-grow[b-oq644226sp] { flex: 1; }
.rq-qhead[b-oq644226sp] { display: flex; align-items: center; gap: 0.7rem; font-size: 0.9rem; }
.rq-qhead span[b-oq644226sp] { color: #6b7280; font-size: 0.82rem; }
.rq-questions[b-oq644226sp] { display: flex; flex-direction: column; gap: 0.35rem; }
.rq-qtitle[b-oq644226sp] { margin: 0.7rem 0 0.1rem; font-size: 0.82rem; text-transform: uppercase; letter-spacing: 0.04em; color: #4b53a6; }
.rq-q[b-oq644226sp] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(12rem, 18rem); gap: 0.6rem; align-items: center; padding: 0.35rem 0.5rem; border-radius: 8px; }
.rq-q:nth-child(even)[b-oq644226sp] { background: #f8fafc; }
.rq-q.missing[b-oq644226sp] { background: #fff1f0; outline: 1px solid #fca5a5; }
.rq-qtext[b-oq644226sp] { font-size: 0.88rem; }
.rq-qtext b[b-oq644226sp] { color: #4b53a6; margin-right: 0.35rem; }
.rq-req[b-oq644226sp] { color: #b42318; font-weight: 700; margin-left: 0.2rem; }
.rq-hint[b-oq644226sp] { font-size: 0.76rem; color: #6b7280; }
.rq-catbtns[b-oq644226sp] { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.rq-catbtn[b-oq644226sp] { border: 1px solid #c7cbf5; background: #eef0fb; color: #4b53a6; font: inherit; font-weight: 600; font-size: 0.88rem; padding: 0.7rem 1.1rem;
    border-radius: 10px; cursor: pointer; min-width: 9rem; }
.rq-catbtn.on[b-oq644226sp] { background: #4f46e5; border-color: #4f46e5; color: #fff; }
.rq-price[b-oq644226sp] { display: flex; align-items: center; gap: 0.7rem; flex-wrap: wrap; }
.rq-price strong[b-oq644226sp] { font-size: 1.3rem; }
.rq-price small[b-oq644226sp] { color: #6b7280; }
.rq-comm[b-oq644226sp] { color: #166534 !important; font-weight: 600; }
.rq-doses[b-oq644226sp] { display: flex; gap: 0.6rem; flex-wrap: wrap; }
.rq-containers[b-oq644226sp] { display: flex; gap: 0.4rem; flex-wrap: wrap; }
.rq-cont[b-oq644226sp] { border: 1px solid #e5e7eb; border: 1px solid hsl(from #e5e7eb calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); background: #fff; border-radius: 9px; padding: 0.4rem 0.7rem; font: inherit; cursor: pointer; display: flex; flex-direction: column;
    align-items: flex-start; }
.rq-cont small[b-oq644226sp] { color: #6b7280; font-size: 0.75rem; }
.rq-cont.on[b-oq644226sp] { border-color: #4f46e5; background: #eef0fb; }
.rq-cart[b-oq644226sp] { border: 1px solid #e5e7eb; border: 1px solid hsl(from #e5e7eb calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 12px; padding: 0.6rem 0.8rem; }
.rq-carthead[b-oq644226sp] { display: flex; align-items: center; margin-bottom: 0.3rem; }
.rq-cartline[b-oq644226sp] { display: flex; align-items: center; gap: 0.6rem; padding: 0.35rem 0; border-bottom: 1px solid #f1f5f9; border-bottom: 1px solid hsl(from #f1f5f9 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.rq-cartline div[b-oq644226sp] { display: flex; flex-direction: column; }
.rq-cartline small[b-oq644226sp] { color: #6b7280; font-size: 0.74rem; }
.rq-carttotal[b-oq644226sp] { text-align: right; padding-top: 0.4rem; }
.rq-petform[b-oq644226sp] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.4rem 0.6rem; background: #f8fafc; border-radius: 12px; padding: 0.6rem; }
.rq-ro[b-oq644226sp] { font-size: 0.86rem; padding-top: 0.3rem; }
.rq-check[b-oq644226sp] { display: flex !important; flex-direction: row !important; align-items: center; gap: 0.4rem; font-size: 0.86rem; cursor: pointer; }
.rq-field.grow[b-oq644226sp] { flex: 1; min-height: 8rem; }
[b-oq644226sp] .rq-notes { width: 100%; flex: 1; min-height: 6rem; }
.rq-files[b-oq644226sp] { display: flex; flex-direction: column; gap: 0.3rem; font-size: 0.84rem; }
.rq-file[b-oq644226sp] { display: flex; align-items: center; gap: 0.3rem; }
.rq-info[b-oq644226sp] { font-size: 0.82rem; background: #fffbeb; border: 1px solid #fde68a; border-radius: 9px; padding: 0.4rem 0.6rem; }
.rq-info summary[b-oq644226sp] { cursor: pointer; font-weight: 600; color: #92400e; }
.rq-error[b-oq644226sp] { color: #b42318; font-size: 0.86rem; }
.rq-buttons[b-oq644226sp] { display: flex; align-items: center; gap: 0.5rem; border-top: 1px solid #e5e7eb; border-top: 1px solid hsl(from #e5e7eb calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); padding-top: 0.6rem; flex-wrap: wrap; }
/* /Modules/VetHub/Components/HubRequestsPanel.razor.rz.scp.css */
.rl[b-7gvok5a6hr] { display: flex; flex-direction: column; gap: 0.6rem; height: 100%; min-height: 0; }
.rl-top[b-7gvok5a6hr] { display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; }
.rl-grow[b-7gvok5a6hr] { flex: 1; }
.rl-warn[b-7gvok5a6hr] { color: #b45309; font-size: 0.82rem; display: inline-flex; align-items: center; gap: 0.3rem; }
[b-7gvok5a6hr] .rl-grid { flex: 1; min-height: 0; }
.rl-acts[b-7gvok5a6hr] { display: inline-flex; gap: 0.1rem; }
.rl-st[b-7gvok5a6hr] { display: inline-block; padding: 2px 9px; border-radius: 999px; font-size: 11px; font-weight: 700; background: #eef2ff; background: hsl(from #eef2ff calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: #4f46e5; }
.rl-st.done[b-7gvok5a6hr] { background: #dcfce7; color: #166534; }
.rl-st.draft[b-7gvok5a6hr] { background: #fee2e2; color: #991b1b; }
.rl-st.cancelled[b-7gvok5a6hr] { background: #f3f4f6; background: hsl(from #f3f4f6 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: #6b7280; }
.rl-pet[b-7gvok5a6hr] { display: inline-flex; align-items: center; gap: 0.4rem; }
.rl-done[b-7gvok5a6hr] { margin-left: 0.3rem; color: #166534; font-weight: 700; }
.rl-files[b-7gvok5a6hr] { display: flex; flex-direction: column; gap: 0.4rem; }
.rl-files a[b-7gvok5a6hr] { display: flex; align-items: center; gap: 0.4rem; color: #1f2937; color: hsl(from #1f2937 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); text-decoration: none; }
.rl-files a:hover[b-7gvok5a6hr] { color: #4f46e5; }
.rl-files small[b-7gvok5a6hr] { color: #6b7280; margin-left: auto; }
/* /Modules/VetHub/Components/VetHubPanel.razor.rz.scp.css */
/* After the VetHub page (vethub.html): indigo pills, cards, the slide-in cart. */
.vh[b-pb2tly4kah] { --ink: #1f2937; --ink: hsl(from #1f2937 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); --muted: #6b7280; --blue: #2563eb; --blue: hsl(from #2563eb calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); --line: #e5e7eb; --line: hsl(from #e5e7eb calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); --pill: #eef0fb; --pill-ink: #4b53a6; --pill-on: #4f46e5;
    height: 100%; overflow: hidden; color: var(--ink); position: relative; }
.vh-scroll[b-pb2tly4kah] { height: 100%; overflow: auto; padding: 4px 6px 30px; }
.vh-empty[b-pb2tly4kah] { color: var(--muted); padding: 40px; text-align: center; grid-column: 1 / -1; display: flex; flex-direction: column; gap: 12px; align-items: center; }
.vh-empty.small[b-pb2tly4kah] { padding: 30px 0; }
.vh-tabrow[b-pb2tly4kah] { display: flex; align-items: flex-start; gap: 10px; padding-bottom: 14px; border-bottom: 1px solid var(--line); margin-bottom: 18px; }
.vh-tabs[b-pb2tly4kah] { display: flex; flex-wrap: wrap; gap: 8px; flex: 1; min-width: 0; }
.vh-cats[b-pb2tly4kah] { margin-bottom: 18px; }
.vh-tab[b-pb2tly4kah] { display: inline-flex; align-items: center; gap: 7px; border: 0; cursor: pointer; background: var(--pill); color: var(--pill-ink); font: inherit;
    font-size: 13px; font-weight: 600; padding: 8px 14px; border-radius: 9px; transition: background .15s, color .15s; }
.vh-tab:hover[b-pb2tly4kah] { background: #e3e6fa; }
.vh-tab.active[b-pb2tly4kah] { background: var(--pill-on); color: #fff; }
.vh-tab .ic[b-pb2tly4kah] { font-size: 14px; line-height: 1; }
.vh-ordbtn[b-pb2tly4kah] { border: 0; background: #eef2ff; background: hsl(from #eef2ff calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: var(--pill-on); font: inherit; font-weight: 700; font-size: 13px; padding: 8px 14px; border-radius: 9px;
    cursor: pointer; white-space: nowrap; }
.vh-ordbtn:hover[b-pb2tly4kah] { background: #e0e7ff; background: hsl(from #e0e7ff calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.vh-context[b-pb2tly4kah] { margin: -6px 0 14px; font-size: 13px; color: var(--pill-ink); font-weight: 600; display: flex; align-items: center; gap: 6px; }
.vh-grid[b-pb2tly4kah] { display: grid; gap: 18px; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
.vh-card[b-pb2tly4kah] { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; background: #fff; border: 1px solid var(--line);
    border-radius: 16px; padding: 20px 14px 16px; cursor: pointer; font: inherit; transition: box-shadow .18s, transform .18s, border-color .18s; }
.vh-card:hover[b-pb2tly4kah] { border-color: #c7cbf5; box-shadow: 0 8px 24px rgba(31, 41, 55, .10); transform: translateY(-2px); }
.vh-logo-box[b-pb2tly4kah] { height: 110px; width: 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 12px; }
.vh-logo-box img[b-pb2tly4kah] { max-height: 110px; max-width: 88%; object-fit: contain; }
.vh-logo-box.noimg[b-pb2tly4kah]::after, .vh-banner.noimg[b-pb2tly4kah]::after { content: '—'; color: #c4c8cf; font-size: 22px; }
.vh-name[b-pb2tly4kah] { font-size: 15px; font-weight: 600; line-height: 1.25; }
.vh-cat[b-pb2tly4kah] { font-size: 13px; color: var(--blue); margin-top: 4px; }
.vh-soon[b-pb2tly4kah] { position: absolute; top: 10px; right: 10px; background: #fff4d6; color: #a86a00; font-size: 11px; font-weight: 600; padding: 3px 8px; border-radius: 20px; }
.vh-reg[b-pb2tly4kah] { position: absolute; top: 10px; left: 10px; background: #dcfce7; color: #166534; font-size: 11px; font-weight: 700; width: 20px; height: 20px;
    border-radius: 50%; display: grid; place-items: center; }
.vh-head[b-pb2tly4kah] { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; flex-wrap: wrap; }
.vh-back[b-pb2tly4kah] { border: 0; background: var(--pill); color: var(--pill-ink); font: inherit; font-weight: 600; font-size: 13px; padding: 8px 14px; border-radius: 9px; cursor: pointer; }
.vh-title[b-pb2tly4kah] { display: flex; align-items: center; gap: 10px; font-size: 18px; font-weight: 700; flex: 1; min-width: 0; }
.vh-shoplogo[b-pb2tly4kah] { height: 34px; max-width: 120px; object-fit: contain; }
.vh-cartbtn[b-pb2tly4kah] { border: 0; background: var(--pill-on); color: #fff; font: inherit; font-weight: 700; font-size: 14px; padding: 9px 16px; border-radius: 10px; cursor: pointer; }
.vh-chip[b-pb2tly4kah] { display: inline-block; background: var(--pill); color: var(--pill-ink); font-size: 12px; font-weight: 600; padding: 4px 10px; border-radius: 999px; }
.vh-chip.ok[b-pb2tly4kah] { background: #dcfce7; color: #166534; }
.vh-chips[b-pb2tly4kah] { display: flex; flex-wrap: wrap; gap: 6px; }
.vh-profile[b-pb2tly4kah] { display: flex; gap: 28px; flex-wrap: wrap; align-items: flex-start; }
.vh-profile-left[b-pb2tly4kah] { width: 320px; max-width: 100%; display: flex; flex-direction: column; gap: 14px; }
.vh-banner[b-pb2tly4kah] { min-height: 160px; border: 1px solid var(--line); border-radius: 14px; padding: 12px; display: flex; align-items: center; justify-content: center; }
.vh-banner img[b-pb2tly4kah] { max-width: 100%; max-height: 220px; object-fit: contain; }
[b-pb2tly4kah] .vh-request-btn { width: 100%; }
.vh-contacts[b-pb2tly4kah] { display: flex; flex-direction: column; gap: 6px; font-size: 13px; }
.vh-contacts a[b-pb2tly4kah], .vh-contacts span[b-pb2tly4kah] { display: inline-flex; align-items: center; gap: 8px; color: var(--ink); text-decoration: none; word-break: break-all; }
.vh-contacts a:hover[b-pb2tly4kah] { color: var(--pill-on); }
.vh-profile-right[b-pb2tly4kah] { flex: 1; min-width: 260px; max-width: 860px; }
.vh-profile-right h4[b-pb2tly4kah] { margin: 0 0 8px; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.vh-about[b-pb2tly4kah] { white-space: pre-wrap; font-size: 14px; line-height: 1.6; margin: 0 0 18px; }
.vh-pgrid[b-pb2tly4kah] { display: grid; gap: 16px; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); }
.vh-pcard[b-pb2tly4kah] { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 14px; cursor: pointer;
    transition: box-shadow .15s; }
.vh-pcard:hover[b-pb2tly4kah] { box-shadow: 0 6px 18px rgba(31, 41, 55, .08); }
.vh-pimg[b-pb2tly4kah] { height: 120px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; }
.vh-pimg[b-pb2tly4kah]  img, .vh-pic-main[b-pb2tly4kah]  img { max-height: 120px; max-width: 100%; object-fit: contain; }
.vh-pic-main[b-pb2tly4kah] { display: contents; }
.vh-pimg.noimg[b-pb2tly4kah]::after { content: '—'; color: #c4c8cf; font-size: 20px; }
.vh-pic-strip[b-pb2tly4kah] { display: flex; gap: 6px; justify-content: center; margin: -4px 0 8px; flex-wrap: wrap; }
.vh-pic-strip[b-pb2tly4kah]  img { width: 34px; height: 34px; object-fit: cover; border: 1px solid var(--line); border-radius: 6px; cursor: pointer; opacity: .75; }
.vh-pic-strip[b-pb2tly4kah]  img:hover { opacity: 1; border-color: #c7cbf5; }
.vh-pname[b-pb2tly4kah] { font-size: 14px; font-weight: 600; line-height: 1.3; flex: 1; }
.vh-pcat[b-pb2tly4kah] { font-size: 12px; color: var(--muted); margin-top: 4px; }
.vh-pprice[b-pb2tly4kah] { font-size: 18px; font-weight: 700; margin-top: 8px; }
.vh-pprice.big[b-pb2tly4kah] { font-size: 26px; }
.vh-pnet[b-pb2tly4kah] { font-size: 11px; color: var(--muted); margin-bottom: 10px; }
.vh-addbtn[b-pb2tly4kah] { border: 0; background: var(--blue); color: #fff; font: inherit; font-weight: 600; font-size: 13px; padding: 9px; border-radius: 9px; cursor: pointer; }
.vh-addbtn:hover[b-pb2tly4kah] { background: #1d4ed8; background: hsl(from #1d4ed8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.vh-addbtn.big[b-pb2tly4kah] { padding: 12px 26px; font-size: 14px; margin-top: 12px; }
.vh-pd[b-pb2tly4kah] { display: flex; gap: 28px; flex-wrap: wrap; align-items: flex-start; }
.vh-pd-left[b-pb2tly4kah] { width: 340px; max-width: 100%; }
.vh-pimg.big[b-pb2tly4kah] { height: 260px; border: 1px solid var(--line); border-radius: 14px; padding: 12px; }
.vh-pimg.big[b-pb2tly4kah]  img { max-height: 236px; }
.vh-pd-right[b-pb2tly4kah] { flex: 1; min-width: 240px; }
.vh-pd-right h2[b-pb2tly4kah] { font-size: 22px; margin: 0 0 6px; line-height: 1.25; }
.vh-pdinfo[b-pb2tly4kah] { margin-top: 24px; border-top: 1px solid var(--line); padding-top: 16px; font-size: 14px; line-height: 1.65; max-width: 840px; }
.vh-pdinfo[b-pb2tly4kah]  img { max-width: 100%; }
.vh-cartback[b-pb2tly4kah] { position: absolute; inset: 0; background: rgba(15, 23, 42, .35); display: none; z-index: 9; }
.vh-cartback.on[b-pb2tly4kah] { display: block; }
.vh-cart[b-pb2tly4kah] { position: absolute; top: 0; right: -380px; width: 360px; max-width: 100%; height: 100%; background: #fff; box-shadow: -8px 0 30px rgba(15, 23, 42, .18);
    display: flex; flex-direction: column; transition: right .22s ease; z-index: 10; }
.vh-cart.on[b-pb2tly4kah] { right: 0; }
.vh-carthead[b-pb2tly4kah] { display: flex; justify-content: space-between; align-items: center; padding: 16px 20px; border-bottom: 1px solid var(--line); font-size: 16px; }
.vh-carthead .x[b-pb2tly4kah] { border: 0; background: none; font-size: 24px; cursor: pointer; color: var(--muted); }
.vh-cartitems[b-pb2tly4kah] { flex: 1; overflow: auto; padding: 10px 20px; }
.vh-ci[b-pb2tly4kah] { display: flex; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.vh-cinm[b-pb2tly4kah] { flex: 1; font-size: 13px; }
.vh-cinm small[b-pb2tly4kah] { display: block; color: var(--muted); font-size: 11px; }
.vh-qty[b-pb2tly4kah] { display: flex; align-items: center; gap: 6px; }
.vh-qty button[b-pb2tly4kah] { width: 24px; height: 24px; border: 1px solid var(--line); background: #fff; border-radius: 6px; cursor: pointer; font-size: 14px; line-height: 1; }
.vh-ciamt[b-pb2tly4kah] { width: 70px; text-align: right; font-weight: 600; font-size: 13px; }
.vh-conote[b-pb2tly4kah] { padding: 12px 20px 0; }
.vh-conote label[b-pb2tly4kah] { display: block; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); margin-bottom: 6px; }
.vh-carttot[b-pb2tly4kah] { padding: 14px 20px 20px; border-top: 1px solid var(--line); margin-top: 12px; }
.vh-carttot .row[b-pb2tly4kah] { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 6px; }
.vh-carttot .grand[b-pb2tly4kah] { font-size: 17px; font-weight: 700; margin-top: 8px; }
.vh-checkout[b-pb2tly4kah] { width: 100%; margin-top: 12px; border: 0; background: var(--pill-on); color: #fff; font: inherit; font-weight: 700; font-size: 15px; padding: 12px;
    border-radius: 11px; cursor: pointer; }
.vh-checkout:disabled[b-pb2tly4kah] { background: #c7cbf5; cursor: not-allowed; }
.vh-otbl[b-pb2tly4kah] { width: 100%; border-collapse: collapse; font-size: 14px; }
.vh-otbl th[b-pb2tly4kah] { text-align: left; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); padding: 10px 12px; border-bottom: 1px solid var(--line); }
.vh-otbl td[b-pb2tly4kah] { padding: 11px 12px; border-bottom: 1px solid var(--line); vertical-align: top; }
.vh-otbl .num[b-pb2tly4kah] { text-align: right; white-space: nowrap; }
.vh-orow[b-pb2tly4kah] { cursor: pointer; }
.vh-orow:hover[b-pb2tly4kah] { background: #f8fafc; }
.vh-olines[b-pb2tly4kah] { background: #f8fafc; }
.vh-olines table[b-pb2tly4kah] { width: 100%; border-collapse: collapse; font-size: 13px; }
.vh-olines td[b-pb2tly4kah] { padding: 5px 12px; border: 0; }
.vh-ost[b-pb2tly4kah] { display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: 11px; font-weight: 700; background: #eef2ff; background: hsl(from #eef2ff calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: var(--pill-on); white-space: nowrap; }
.vh-ost.done[b-pb2tly4kah] { background: #dcfce7; color: #166534; }
.vh-ost.draft[b-pb2tly4kah] { background: #fee2e2; color: #991b1b; }
.vh-hasnote[b-pb2tly4kah] { margin-left: 6px; color: #b45309; font-weight: 700; }
.vh-note[b-pb2tly4kah] { margin-top: 10px; padding: 10px 12px; border-radius: 9px; background: #fffbeb; border: 1px solid #fde68a; }
.vh-note.mine[b-pb2tly4kah] { background: #f8fafc; border-color: var(--line); }
.vh-note b[b-pb2tly4kah] { display: block; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: #92400e; margin-bottom: 4px; }
.vh-note.mine b[b-pb2tly4kah] { color: var(--muted); }
.vh-note span[b-pb2tly4kah] { white-space: pre-wrap; font-size: 13px; }
@media (prefers-reduced-motion: reduce) { .vh-card[b-pb2tly4kah], .vh-cart[b-pb2tly4kah] { transition: none; } }
/* /Modules/VisitHistory/Components/HistoryPackEmailDialog.razor.rz.scp.css */
.he[b-9mczhsou58] { display: flex; flex-direction: column; gap: 0.55rem; }
.he-wait[b-9mczhsou58] { font-size: 0.9rem; color: #33475b; color: hsl(from #33475b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.he-field[b-9mczhsou58] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.8rem; font-weight: 600; color: #33475b; color: hsl(from #33475b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
[b-9mczhsou58] .he-input { width: 100%; font-weight: 400; }
[b-9mczhsou58] .he-text { resize: vertical; }
.he-note[b-9mczhsou58] { font-weight: 400; color: #8a5a00; font-size: 0.78rem; }
.he-files[b-9mczhsou58] { background: #eef5f8; background: hsl(from #eef5f8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 8px; padding: 0.4rem 0.55rem; max-height: 11rem; overflow: auto; }
.he-files-head[b-9mczhsou58] { font-size: 0.78rem; font-weight: 600; color: #33475b; color: hsl(from #33475b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); margin-bottom: 0.2rem; }
.he-file[b-9mczhsou58] { display: flex; align-items: center; gap: 0.35rem; font-size: 0.82rem; color: #1d2a30; color: hsl(from #1d2a30 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); padding: 0.1rem 0; }
.he-file[b-9mczhsou58]  .rzi { font-size: 1rem; color: var(--vcp-accent-dark); }
.he-name[b-9mczhsou58] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.he-size[b-9mczhsou58] { color: var(--vcp-text-3); font-variant-numeric: tabular-nums; font-size: 0.76rem; }
.he-warn[b-9mczhsou58] { display: flex; gap: 0.35rem; align-items: flex-start; color: #8a5a00; background: #fff5e0; border-radius: 6px; padding: 0.4rem 0.55rem; font-size: 0.82rem; }
.he-left[b-9mczhsou58] { display: flex; flex-wrap: wrap; gap: 0.2rem 0.6rem; font-size: 0.78rem; color: var(--vcp-text-3); }
.he-error[b-9mczhsou58] { display: flex; align-items: flex-start; gap: 0.35rem; color: #b42318; background: #fdecec; border-radius: 6px; padding: 0.4rem 0.55rem;
    font-size: 0.85rem; word-break: break-word; }
.he-buttons[b-9mczhsou58] { display: flex; justify-content: flex-end; gap: 0.5rem; }
/* /Modules/VisitHistory/Components/HistoryPackPanel.razor.rz.scp.css */
.hp[b-6l26irn91p] { display: grid; grid-template-columns: minmax(0, 1fr) 19rem; gap: 1rem; height: 100%; min-height: 0; }
.hp-empty[b-6l26irn91p] { padding: 2rem; text-align: center; color: var(--vcp-text-3); }
.hp-list[b-6l26irn91p] { display: flex; flex-direction: column; min-height: 0; background: var(--vcp-tint-1); border-radius: 12px; padding: 0.5rem; }
.hp-list-head[b-6l26irn91p] { display: flex; align-items: center; gap: 0.6rem; padding: 0.15rem 0.3rem 0.45rem; font-size: 0.88rem; color: #1d2a30; color: hsl(from #1d2a30 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.hp-count[b-6l26irn91p] { font-size: 0.78rem; color: var(--vcp-text-3); }
.hp-link[b-6l26irn91p] { border: 0; background: transparent; color: var(--vcp-accent-dark); font: inherit; font-size: 0.8rem; cursor: pointer; padding: 0.15rem 0.35rem; border-radius: 6px; }
.hp-link:hover[b-6l26irn91p] { background: #dcebf0; background: hsl(from #dcebf0 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.hp-rows[b-6l26irn91p] { overflow: auto; min-height: 0; display: flex; flex-direction: column; gap: 0.2rem; }
.hp-visit[b-6l26irn91p] { background: #fff; border: 1px solid transparent; border-radius: 9px; }
.hp-visit:hover[b-6l26irn91p] { border-color: #b9d5de; border-color: hsl(from #b9d5de calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.hp-visit.on[b-6l26irn91p] { border-color: var(--vcp-accent-dark); background: #f5fbfd; background: hsl(from #f5fbfd calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.hp-row[b-6l26irn91p] { display: grid; grid-template-columns: auto 6.2rem minmax(0, 1fr) auto 1.8rem; align-items: center; gap: 0.6rem;
    padding: 0.45rem 0.6rem; cursor: pointer; font-size: 0.86rem; }
.hp-expand[b-6l26irn91p] { display: inline-flex; align-items: center; justify-content: center; width: 1.8rem; height: 1.8rem; border: 0; border-radius: 6px;
    background: transparent; color: var(--vcp-accent-dark); cursor: pointer; }
.hp-expand:hover[b-6l26irn91p] { background: #dcebf0; background: hsl(from #dcebf0 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.hp-items[b-6l26irn91p] { display: flex; flex-direction: column; gap: 0.1rem; padding: 0 0.6rem 0.5rem 2.2rem; }
.hp-item[b-6l26irn91p] { display: flex; align-items: center; gap: 0.45rem; font-size: 0.82rem; padding: 0.2rem 0.4rem; border-radius: 6px; cursor: pointer; min-width: 0; }
.hp-item:hover[b-6l26irn91p] { background: #e9f3f6; background: hsl(from #e9f3f6 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.hp-item.off[b-6l26irn91p] { opacity: 0.5; cursor: default; }
.hp-item input[b-6l26irn91p] { width: 0.95rem; height: 0.95rem; accent-color: var(--vcp-accent-dark); flex: none; }
.hp-item[b-6l26irn91p]  .rzi { font-size: 1rem; color: var(--vcp-text-2); flex: none; }
.hp-item-name[b-6l26irn91p] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hp-item-detail[b-6l26irn91p] { font-size: 0.74rem; color: var(--vcp-text-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hp-badge.part[b-6l26irn91p] { background: #fff3e0; color: #8a5a00; }
.hp-row > input[b-6l26irn91p] { width: 1rem; height: 1rem; accent-color: var(--vcp-accent-dark); }
.hp-date[b-6l26irn91p] { font-variant-numeric: tabular-nums; font-weight: 600; color: var(--vcp-ink-2); }
.hp-text[b-6l26irn91p] { display: flex; flex-direction: column; min-width: 0; }
.hp-diag[b-6l26irn91p] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hp-doc[b-6l26irn91p] { font-size: 0.74rem; color: var(--vcp-text-3); }
.hp-badges[b-6l26irn91p] { display: flex; gap: 0.3rem; }
.hp-badge[b-6l26irn91p] { display: inline-flex; align-items: center; gap: 0.1rem; font-size: 0.74rem; color: var(--vcp-text-2); background: var(--vcp-tint-1); border-radius: 999px; padding: 0.05rem 0.4rem; }
.hp-badge[b-6l26irn91p]  .rzi { font-size: 0.9rem; }
.hp-options[b-6l26irn91p] { display: flex; flex-direction: column; gap: 0.9rem; min-height: 0; overflow: auto; }
.hp-group[b-6l26irn91p] { display: flex; flex-direction: column; gap: 0.35rem; }
.hp-label[b-6l26irn91p] { font-size: 0.74rem; font-weight: 600; color: var(--vcp-text-3); text-transform: uppercase; letter-spacing: 0.03em; }
.hp-help[b-6l26irn91p] { font-size: 0.72rem; color: var(--vcp-text-3); }
.hp-check[b-6l26irn91p] { display: flex; align-items: center; gap: 0.4rem; font-size: 0.86rem; cursor: pointer; }
.hp-check[b-6l26irn91p]  .rzi { font-size: 1.05rem; color: var(--vcp-text-2); }
.hp-n[b-6l26irn91p] { margin-left: auto; font-size: 0.76rem; color: var(--vcp-text-3); font-variant-numeric: tabular-nums; }
.hp-format[b-6l26irn91p] { display: flex; gap: 0.5rem; align-items: flex-start; border: 1px solid #d6e6eb; border: 1px solid hsl(from #d6e6eb calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 10px; padding: 0.5rem 0.6rem; cursor: pointer; }
.hp-format.on[b-6l26irn91p] { border-color: var(--vcp-accent-dark); background: #f5fbfd; background: hsl(from #f5fbfd calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.hp-format input[b-6l26irn91p] { margin-top: 0.2rem; accent-color: var(--vcp-accent-dark); }
.hp-format span[b-6l26irn91p] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.86rem; }
.hp-format small[b-6l26irn91p] { font-size: 0.74rem; color: var(--vcp-text-3); line-height: 1.3; }
.hp-grow[b-6l26irn91p] { flex: 1; }
.hp-warn[b-6l26irn91p] { font-size: 0.8rem; color: #8a5a00; }
.hp-actions[b-6l26irn91p] { display: flex; flex-direction: column; gap: 0.4rem; }
.hp-actions[b-6l26irn91p]  .rz-button { width: 100%; }
/* /Modules/Visits/Components/DoctorPickDialog.razor.rz.scp.css */
.dp[b-al20b12uar] { display: flex; flex-direction: column; gap: 0.6rem; }
.dp-hint[b-al20b12uar] { margin: 0; font-size: 0.88rem; color: #4a5f68; color: hsl(from #4a5f68 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.dp-list[b-al20b12uar] { display: flex; flex-direction: column; gap: 0.35rem; max-height: min(24rem, 60vh); overflow: auto; }
.dp-doctor[b-al20b12uar] { display: flex; align-items: center; gap: 0.5rem; border: 0; border-radius: 8px; background: #e6f0f4; background: hsl(from #e6f0f4 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: var(--vcp-ink); font: inherit;
    font-size: 1rem; font-weight: 600; padding: 0.6rem 0.8rem; cursor: pointer; text-align: left; }
.dp-doctor:hover[b-al20b12uar], .dp-doctor:focus-visible[b-al20b12uar] { background: #22576b; background: hsl(from #22576b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: #fff; outline: none; }
.dp-doctor[b-al20b12uar]  .rzi { font-size: 1.2rem; }
.dp-buttons[b-al20b12uar] { display: flex; justify-content: flex-end; }
/* /Modules/Visits/Components/MedicineSearchDialog.razor.rz.scp.css */
/* As Access's "Search for Drugs": the list left, the medicine and what to write right. */
.ms[b-3ybvc84eai] { display: grid; grid-template-columns: minmax(16rem, 0.9fr) minmax(0, 1.1fr); gap: 1rem; height: 100%; min-height: 0; }
.ms-left[b-3ybvc84eai], .ms-right[b-3ybvc84eai] { display: flex; flex-direction: column; gap: 0.35rem; min-height: 0; min-width: 0; }
.ms-label[b-3ybvc84eai] { font-size: 0.78rem; font-weight: 700; color: #33475b; color: hsl(from #33475b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
[b-3ybvc84eai] .ms-search { width: 100%; }
.ms-list-head[b-3ybvc84eai] { display: flex; justify-content: space-between; font-size: 0.8rem; color: #5b6270; margin-top: 0.2rem; }
.ms-count[b-3ybvc84eai] { font-variant-numeric: tabular-nums; }
.ms-list[b-3ybvc84eai] { flex: 1 1 auto; min-height: 0; overflow: auto; display: flex; flex-direction: column; background: #dcebf3; background: hsl(from #dcebf3 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 10px; padding: 0.3rem; }
.ms-row[b-3ybvc84eai] { display: flex; align-items: center; gap: 0.3rem; text-align: left; border: 0; border-radius: 5px; padding: 0.25rem 0.45rem; background: transparent;
    font: inherit; font-size: 0.86rem; cursor: pointer; color: var(--vcp-ink); }
.ms-row:hover[b-3ybvc84eai] { background: #c9dfeb; background: hsl(from #c9dfeb calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ms-row.on[b-3ybvc84eai] { background: #1d2c3a; background: hsl(from #1d2c3a calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: #fff; }
.ms-row span[b-3ybvc84eai] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ms-row[b-3ybvc84eai]  .ms-star { color: #e0a100; font-size: 1rem; flex: 0 0 auto; }
.ms-empty[b-3ybvc84eai] { padding: 1rem; }

.ms-right[b-3ybvc84eai] { overflow: auto; padding-right: 0.15rem; }
.ms-name[b-3ybvc84eai] { display: flex; flex-direction: column; gap: 0.15rem; }
.ms-name strong[b-3ybvc84eai] { background: #dceaf0; background: hsl(from #dceaf0 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 8px; padding: 0.35rem 0.6rem; font-size: 1.05rem; text-align: center; }
.ms-facts[b-3ybvc84eai] { display: grid; grid-template-columns: 9rem minmax(0, 1fr); gap: 0.25rem 0.6rem; margin: 0.2rem 0 0; font-size: 0.85rem; }
.ms-facts dt[b-3ybvc84eai] { font-weight: 700; color: #33475b; color: hsl(from #33475b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); text-align: right; align-self: center; }
.ms-facts dd[b-3ybvc84eai] { margin: 0; background: #eef5f8; background: hsl(from #eef5f8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 6px; padding: 0.2rem 0.5rem; min-height: 1.5rem; }
.ms-links[b-3ybvc84eai] { display: flex; gap: 0.5rem; justify-content: space-around; margin: 0.25rem 0; }
.ms-link[b-3ybvc84eai] { min-width: 6rem; text-align: center; padding: 0.25rem 0.8rem; border-radius: 7px; background: #22576b; background: hsl(from #22576b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: #fff; font-size: 0.8rem;
    text-decoration: none; }
.ms-link:hover[b-3ybvc84eai] { background: var(--vcp-ink); }
.ms-link.off[b-3ybvc84eai] { background: #c6d3d8; background: hsl(from #c6d3d8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); cursor: default; }
.ms-number[b-3ybvc84eai] { text-align: center; font-size: 1.2rem; font-weight: 800; color: var(--vcp-ink); }
.ms-field[b-3ybvc84eai] { display: flex; flex-direction: column; gap: 0.15rem; }
[b-3ybvc84eai] .ms-area { width: 100%; min-height: 3.6rem; resize: vertical; }
.ms-buttons[b-3ybvc84eai] { display: flex; justify-content: flex-end; align-items: center; gap: 0.5rem; margin-top: 0.3rem; }
.ms-added[b-3ybvc84eai] { margin-right: auto; display: inline-flex; align-items: center; gap: 0.25rem; color: #2e7d32; font-size: 0.85rem; }
.ms-choose[b-3ybvc84eai] { flex: 1 1 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.4rem; text-align: center; }
.ms-choose[b-3ybvc84eai]  .rzi { font-size: 2.5rem; color: #9cc3cf; color: hsl(from #9cc3cf calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
@media (max-width: 800px) { .ms[b-3ybvc84eai] { grid-template-columns: 1fr; } .ms-list[b-3ybvc84eai] { max-height: 14rem; } }
/* /Modules/Visits/Components/PlanOptionsDialog.razor.rz.scp.css */
.po[b-t1aec4ofxe] { display: flex; flex-direction: column; gap: 0.5rem; height: 100%; min-height: 0; }
.po-hint[b-t1aec4ofxe] { margin: 0; font-size: 0.85rem; color: #4a5f68; color: hsl(from #4a5f68 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.po-add[b-t1aec4ofxe] { display: flex; gap: 0.4rem; align-items: center; }
[b-t1aec4ofxe] .po-input { flex: 1 1 auto; }
.po-list[b-t1aec4ofxe] { list-style: none; margin: 0; padding: 0; max-height: min(26rem, 60vh); overflow: auto; display: flex; flex-direction: column; gap: 2px; }
.po-row[b-t1aec4ofxe] { display: flex; align-items: center; gap: 0.35rem; padding: 0.3rem 0.4rem; border-radius: 6px; }
.po-row:hover[b-t1aec4ofxe] { background: #eef6f9; background: hsl(from #eef6f9 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.po-name[b-t1aec4ofxe] { flex: 1 1 auto; }
.po-icon[b-t1aec4ofxe] { border: 0; background: transparent; color: var(--vcp-ink-2); border-radius: 6px; padding: 0.15rem; cursor: pointer; display: inline-flex; }
.po-icon:hover[b-t1aec4ofxe] { background: #dceaf0; background: hsl(from #dceaf0 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.po-icon.danger[b-t1aec4ofxe] { color: #b23b3b; }
.po-buttons[b-t1aec4ofxe] { display: flex; justify-content: flex-end; }
/* /Modules/Visits/Components/PlanPanel.razor.rz.scp.css */
.mp[b-ldley3f2dv] { display: flex; flex-direction: column; gap: 0.4rem; height: 100%; min-height: 0; }
.mp-bar[b-ldley3f2dv] { display: flex; align-items: center; gap: 0.5rem; padding: 0.35rem 0.5rem; background: #22576b; background: hsl(from #22576b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: #e6f0f4; color: hsl(from #e6f0f4 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 8px; font-size: 0.8rem; }
.mp-legend[b-ldley3f2dv] { display: inline-flex; align-items: center; gap: 0.3rem; flex-wrap: wrap; }
.mp-legend .mp-dot[b-ldley3f2dv] { margin-left: 0.4rem; }
.mp-dot[b-ldley3f2dv] { display: inline-block; width: 0.75rem; height: 0.75rem; border-radius: 50%; border: 2px solid; }
.mp-dot.accepted[b-ldley3f2dv] { border-color: #3fb950; }
.mp-dot.denied[b-ldley3f2dv] { border-color: #e5534b; }
.mp-dot.na[b-ldley3f2dv] { border-color: #39a8d6; border-color: hsl(from #39a8d6 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.mp-dot.done[b-ldley3f2dv] { border-color: #9cc3cf; border-color: hsl(from #9cc3cf calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); background: var(--vcp-accent-mid); }
.mp-grow[b-ldley3f2dv] { flex: 1 1 auto; }
.mp-lines[b-ldley3f2dv] { flex: 1 1 auto; min-height: 0; overflow: auto; display: flex; flex-direction: column; gap: 0.45rem; padding-right: 0.15rem; }
.mp-line[b-ldley3f2dv] { border: 1px solid #d3e2e8; border: 1px solid hsl(from #d3e2e8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-left: 4px solid #d3e2e8; border-left: 4px solid hsl(from #d3e2e8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 8px; padding: 0.4rem 0.5rem; background: #fff; display: flex;
    flex-direction: column; gap: 0.35rem; }
.mp-line.counts[b-ldley3f2dv] { border-left-color: #3fb950; }
.mp-line-head[b-ldley3f2dv] { display: flex; align-items: center; gap: 0.5rem; }
.mp-x[b-ldley3f2dv] { border: 0; background: transparent; color: #d32f2f; border-radius: 6px; padding: 0.1rem; cursor: pointer; display: inline-flex; }
.mp-x:hover[b-ldley3f2dv] { background: #fbe9e9; }
[b-ldley3f2dv] .mp-name { flex: 1 1 auto; min-width: 0; }
.mp-answers[b-ldley3f2dv] { display: inline-flex; gap: 0.45rem; }
.mp-circle[b-ldley3f2dv] { width: 1.6rem; height: 1.6rem; border-radius: 50%; border: 2px solid; background: #fff; padding: 0; cursor: pointer; display: inline-flex;
    align-items: center; justify-content: center; color: #fff; }
.mp-circle[b-ldley3f2dv]  .rzi { font-size: 1rem; }
.mp-circle:disabled[b-ldley3f2dv] { cursor: default; opacity: 0.75; }
.mp-circle.accepted[b-ldley3f2dv] { border-color: #3fb950; }
.mp-circle.accepted.on[b-ldley3f2dv] { background: #3fb950; }
.mp-circle.denied[b-ldley3f2dv] { border-color: #e5534b; }
.mp-circle.denied.on[b-ldley3f2dv] { background: #e5534b; }
.mp-circle.na[b-ldley3f2dv] { border-color: #39a8d6; border-color: hsl(from #39a8d6 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.mp-circle.na.on[b-ldley3f2dv] { background: #39a8d6; background: hsl(from #39a8d6 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.mp-circle.done[b-ldley3f2dv] { border-color: #9cc3cf; border-color: hsl(from #9cc3cf calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); background: #e6f0f4; background: hsl(from #e6f0f4 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.mp-circle.done.on[b-ldley3f2dv] { background: var(--vcp-accent-mid); border-color: var(--vcp-accent-mid); }
.mp-line-body[b-ldley3f2dv] { display: grid; grid-template-columns: minmax(0, 1fr) 8.5rem; gap: 0.6rem; align-items: start; }
[b-ldley3f2dv] .mp-notes { width: 100%; min-height: 2.6rem; background: #eef6f9; background: hsl(from #eef6f9 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 8px; resize: vertical; }
.mp-price[b-ldley3f2dv] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.78rem; font-weight: 700; color: #33475b; color: hsl(from #33475b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); text-align: center; }
.mp-price[b-ldley3f2dv]  input { text-align: right; font-size: 1.05rem; }
.mp-date[b-ldley3f2dv] { font-size: 0.72rem; text-align: right; }
.mp-empty[b-ldley3f2dv] { padding: 1.5rem 0.5rem; text-align: center; }
.mp-foot[b-ldley3f2dv] { display: flex; align-items: center; gap: 0.6rem; padding: 0.4rem 0.6rem; background: #22576b; background: hsl(from #22576b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: #fff; border-radius: 8px; }
.mp-edit[b-ldley3f2dv] { border: 0; background: transparent; color: #fff; font: inherit; font-size: 0.85rem; cursor: pointer; display: inline-flex; align-items: center;
    gap: 0.25rem; padding: 0.1rem 0.3rem; border-radius: 6px; }
.mp-edit:hover[b-ldley3f2dv] { background: rgba(255,255,255,0.15); }
.mp-total-label[b-ldley3f2dv] { font-size: 0.85rem; font-weight: 600; }
.mp-total[b-ldley3f2dv] { background: #fff; color: var(--vcp-ink); border-radius: 6px; padding: 0.15rem 0.7rem; min-width: 7rem; text-align: right; font-size: 1.05rem; }
/* /Modules/Visits/Components/PrescriptionEmailDialog.razor.rz.scp.css */
.em[b-ikb12s49vz] { display: flex; flex-direction: column; gap: 0.55rem; }
.em-field[b-ikb12s49vz] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.8rem; font-weight: 600; color: #33475b; color: hsl(from #33475b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
[b-ikb12s49vz] .em-input { width: 100%; font-weight: 400; }
[b-ikb12s49vz] .em-text { resize: vertical; }
.em-note[b-ikb12s49vz] { font-weight: 400; color: #8a5a00; font-size: 0.78rem; }
.em-attach[b-ikb12s49vz] { display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.85rem; color: #33475b; color: hsl(from #33475b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); background: #eef5f8; background: hsl(from #eef5f8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 6px;
    padding: 0.25rem 0.55rem; align-self: flex-start; }
.em-attach[b-ikb12s49vz]  .rzi { color: #c62828; }
.em-error[b-ikb12s49vz] { display: flex; align-items: flex-start; gap: 0.35rem; color: #b42318; background: #fdecec; border-radius: 6px; padding: 0.4rem 0.55rem;
    font-size: 0.85rem; word-break: break-word; }
.em-buttons[b-ikb12s49vz] { display: flex; justify-content: flex-end; gap: 0.5rem; }
/* /Modules/Visits/Components/PrescriptionsPanel.razor.rz.scp.css */
.rx[b-fvl2vpars1] { display: flex; flex-direction: column; gap: 0.5rem; height: 100%; min-height: 0; }
.rx-bar[b-fvl2vpars1] { display: flex; align-items: center; gap: 0.5rem; padding: 0.35rem 0.45rem; background: #22576b; background: hsl(from #22576b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 8px; }
.rx-chips[b-fvl2vpars1] { display: flex; gap: 0.3rem; flex-wrap: wrap; flex: 1 1 auto; min-width: 0; }
.rx-chip[b-fvl2vpars1] { display: inline-flex; align-items: center; gap: 0.25rem; border: 1px solid rgba(255,255,255,0.35); background: transparent; color: #e6f0f4; color: hsl(from #e6f0f4 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l);
    border-radius: 999px; padding: 0.15rem 0.6rem; font: inherit; font-size: 0.85rem; cursor: pointer; }
.rx-chip:hover[b-fvl2vpars1] { background: rgba(255,255,255,0.12); }
.rx-chip.on[b-fvl2vpars1] { background: #fff; color: var(--vcp-ink); border-color: #fff; font-weight: 700; }
.rx-chip-date[b-fvl2vpars1] { opacity: 0.7; font-weight: 400; }
.rx-card[b-fvl2vpars1] { display: flex; flex-direction: column; gap: 0.35rem; flex: 1 1 auto; min-height: 0; }
.rx-meta[b-fvl2vpars1] { display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; }
.rx-id[b-fvl2vpars1] { display: inline-flex; align-items: center; gap: 0.3rem; color: var(--vcp-ink-2); }
.rx-grow[b-fvl2vpars1] { flex: 1 1 auto; }
.rx-icon[b-fvl2vpars1] { border: 0; background: transparent; color: #b23b3b; border-radius: 6px; padding: 0.2rem; cursor: pointer; display: inline-flex; }
.rx-icon:hover[b-fvl2vpars1] { background: #fbe9e9; }
.rx-label-row[b-fvl2vpars1] { display: flex; align-items: center; gap: 0.75rem; }
.rx-label[b-fvl2vpars1] { font-size: 0.8rem; font-weight: 600; color: #33475b; color: hsl(from #33475b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.rx-link[b-fvl2vpars1] { border: 0; background: transparent; color: #1565c0; color: hsl(from #1565c0 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); font: inherit; font-size: 0.85rem; cursor: pointer; display: inline-flex; align-items: center;
    gap: 0.2rem; text-decoration: underline; padding: 0; }
[b-fvl2vpars1] .rx-area { width: 100%; min-height: 4.5rem; background: #eef6f9; background: hsl(from #eef6f9 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 8px; resize: vertical; }
[b-fvl2vpars1] .rx-area.rx-main { flex: 1 1 auto; min-height: 10rem; }
.rx-amka[b-fvl2vpars1] { display: flex; align-items: center; gap: 0.5rem; }
.rx-amka[b-fvl2vpars1]  input { width: 12rem; }
.rx-empty[b-fvl2vpars1] { padding: 1.5rem 0.5rem; text-align: center; }
.rx-print[b-fvl2vpars1] { display: inline-flex; align-items: center; gap: 0.3rem; border: 0; background: #22576b; background: hsl(from #22576b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: #fff; border-radius: 7px; padding: 0.25rem 0.7rem;
    font: inherit; font-size: 0.85rem; cursor: pointer; }
.rx-print:hover[b-fvl2vpars1] { background: var(--vcp-ink); }
/* /Modules/Visits/Components/VisitEditor.razor.rz.scp.css */
/* Laid out as Access's VisitsFrm: visits on the left, examination on top, texts left and tabs right below it. */
.ve[b-sz19m2gy47] { display: flex; flex-direction: column; height: 100%; gap: 0.5rem; font-size: 0.9rem; min-height: 0; }

.ve-head[b-sz19m2gy47] { display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; padding-bottom: 0.45rem; border-bottom: 1px solid #e3e6ea; border-bottom: 1px solid hsl(from #e3e6ea calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
[b-sz19m2gy47] .ve-pet { width: 11rem; font-weight: 700; }
.ve-pet-name[b-sz19m2gy47] { font-size: 1.15rem; }
.ve-petopt[b-sz19m2gy47] { display: inline-flex; align-items: center; gap: 0.4rem; }
.ve-owner[b-sz19m2gy47] { display: inline-flex; align-items: center; gap: 0.25rem; border: 0; background: #eef6f9; background: hsl(from #eef6f9 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: var(--vcp-ink-2); border-radius: 999px;
    padding: 0.2rem 0.65rem; font: inherit; cursor: pointer; }
.ve-owner:hover[b-sz19m2gy47] { background: #dceaf0; background: hsl(from #dceaf0 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ve-chip[b-sz19m2gy47] { display: inline-flex; gap: 0.35rem; align-items: baseline; font-size: 0.85rem; color: #5b6270; }
.ve-chip strong[b-sz19m2gy47] { color: var(--vcp-ink); }
.ve-sep[b-sz19m2gy47] { width: 1px; align-self: stretch; background: #dfe3e8; background: hsl(from #dfe3e8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ve-field[b-sz19m2gy47] { display: inline-flex; align-items: center; gap: 0.35rem; font-size: 0.8rem; font-weight: 600; color: #33475b; color: hsl(from #33475b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ve-date[b-sz19m2gy47]  .rz-datepicker { width: 9.5rem; }
.ve-doctor[b-sz19m2gy47]  .rz-dropdown { width: 12rem; }
.ve-case[b-sz19m2gy47]  .rz-dropdown { width: 22rem; max-width: 40vw; }
.ve-oncall[b-sz19m2gy47] { display: inline-flex; align-items: center; gap: 0.3rem; padding: 0.15rem 0.55rem; border-radius: 6px; cursor: pointer; color: #33475b; color: hsl(from #33475b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ve-oncall.on[b-sz19m2gy47] { background: #2b2f4a; color: #fff; }
.ve-grow[b-sz19m2gy47] { flex: 1 1 auto; }
.ve-saving[b-sz19m2gy47] { display: inline-flex; align-items: center; gap: 0.25rem; color: #5b6270; font-size: 0.8rem; }
.ve-icon[b-sz19m2gy47] { border: 1px solid #c9d3dd; border: 1px solid hsl(from #c9d3dd calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 999px; min-width: 32px; height: 32px; display: inline-flex; align-items: center;
    justify-content: center; background: #fff; color: #546372; color: hsl(from #546372 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); cursor: pointer; padding: 0 7px; font: inherit; white-space: nowrap;
    transition: height 0.18s ease, padding 0.22s cubic-bezier(.2,.8,.2,1), background-color 0.15s, color 0.15s, transform 0.18s ease, box-shadow 0.18s; }
.ve-icon[b-sz19m2gy47]  .rzi { font-size: 1.15rem; transition: font-size 0.18s ease; }
.ve-icon.on[b-sz19m2gy47] { color: #fff; background: #b26a00; border-color: #b26a00; }
.ve-icon.danger[b-sz19m2gy47] { color: #b23b3b; }
.ve-icon:disabled[b-sz19m2gy47] { opacity: 0.4; cursor: default; }

.ve-body[b-sz19m2gy47] { flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: 9.5rem minmax(0, 1fr); gap: 0.75rem; }

.ve-list[b-sz19m2gy47] { display: flex; flex-direction: column; gap: 0.35rem; min-height: 0; background: #dcebf3; background: hsl(from #dcebf3 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 10px; padding: 0.45rem; }
.ve-list-head[b-sz19m2gy47] { font-weight: 700; color: var(--vcp-ink); display: flex; align-items: center; justify-content: space-between; padding: 0 0.15rem; }
.ve-count[b-sz19m2gy47] { background: #fff; border-radius: 999px; padding: 0 0.45rem; font-size: 0.75rem; }
.ve-list-rows[b-sz19m2gy47] { flex: 1 1 auto; min-height: 0; overflow: auto; display: flex; flex-direction: column; gap: 2px; }
.ve-row[b-sz19m2gy47] { display: flex; align-items: center; gap: 0.3rem; border: 0; border-radius: 6px; padding: 0.3rem 0.4rem; background: transparent; font: inherit;
    font-size: 0.85rem; cursor: pointer; text-align: left; font-variant-numeric: tabular-nums; }
.ve-row:hover[b-sz19m2gy47] { background: #c9dfeb; background: hsl(from #c9dfeb calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ve-row.today[b-sz19m2gy47] { font-weight: 700; }
.ve-row.on[b-sz19m2gy47] { background: #1d2c3a; background: hsl(from #1d2c3a calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: #fff; cursor: default; }
.ve-row.draft[b-sz19m2gy47] { font-style: italic; }
.ve-row[b-sz19m2gy47]  .ve-row-lock { font-size: 0.9rem; color: #b26a00; }
.ve-row-clip[b-sz19m2gy47] { margin-left: auto; display: inline-flex; align-items: center; font-size: 0.75rem; }
.ve-row-clip[b-sz19m2gy47]  .rzi { font-size: 0.9rem; }
.ve-badge[b-sz19m2gy47] { margin-left: auto; background: var(--vcp-accent-mid); color: #fff; border-radius: 999px; padding: 0 0.4rem; font-size: 0.7rem; font-style: normal; }
[b-sz19m2gy47] .ve-new { width: 100%; }

.ve-empty[b-sz19m2gy47] { display: flex; align-items: center; justify-content: center; }
.ve-locked[b-sz19m2gy47] { display: flex; align-items: center; gap: 0.35rem; background: #fff4e0; color: #8a5a00; border-radius: 8px; padding: 0.25rem 0.6rem; font-size: 0.82rem; }

/* Two full-height columns with a divider each user drags (splitter.js, kept per browser): the examination and the
   texts on the left, scrolling together; the tabs and the Petz note on the right, from the top to the bottom. */
.ve-cols[b-sz19m2gy47] { --ve-left: 45%; min-height: 0; min-width: 0; display: grid; grid-template-columns: var(--ve-left) 8px minmax(0, 1fr); }
.ve-left[b-sz19m2gy47] { min-height: 0; min-width: 0; overflow: auto; display: flex; flex-direction: column; gap: 0.45rem; padding-right: 0.3rem; }
.ve-split[b-sz19m2gy47] { cursor: col-resize; border-radius: 4px; position: relative; }
.ve-split[b-sz19m2gy47]::after { content: ""; position: absolute; top: 0; bottom: 0; left: 3px; width: 2px; background: var(--vcp-tint-3); border-radius: 2px; }
.ve-split:hover[b-sz19m2gy47]::after, .ve-split:focus[b-sz19m2gy47]::after, .ve-split.moving[b-sz19m2gy47]::after { background: var(--vcp-accent-mid); }
.ve-side[b-sz19m2gy47] { min-height: 0; min-width: 0; display: flex; flex-direction: column; gap: 0.4rem; padding-left: 0.3rem; }

/* The examination: one line per field (label, value), two or more per row; it folds to a one-line summary. */
.ve-exam[b-sz19m2gy47] { flex: 0 0 auto; background: var(--vcp-tint-0); border: 1px solid var(--vcp-tint-3); border-radius: 8px; padding: 0.15rem 0.45rem 0.35rem; }
.ve-exam.closed[b-sz19m2gy47] { padding-bottom: 0.15rem; }
.ve-exam-head[b-sz19m2gy47] { display: flex; align-items: center; gap: 0.3rem; width: 100%; border: 0; background: transparent; font: inherit; cursor: pointer;
    padding: 0.1rem 0; color: var(--vcp-ink); text-align: left; min-width: 0; }
.ve-exam-head[b-sz19m2gy47]  .rzi { font-size: 1.1rem; color: var(--vcp-accent-mid); }
.ve-exam-title[b-sz19m2gy47] { font-weight: 700; font-size: 0.8rem; flex: 0 0 auto; }
.ve-exam-summary[b-sz19m2gy47] { font-size: 0.8rem; color: #33475b; color: hsl(from #33475b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.ve-exam-grid[b-sz19m2gy47] { display: grid; grid-template-columns: repeat(auto-fill, minmax(12.5rem, 1fr)); gap: 0.15rem 0.6rem; }
.ve-ex[b-sz19m2gy47] { display: grid; grid-template-columns: 5.6rem minmax(0, 1fr); align-items: center; gap: 0 0.35rem; min-width: 0; }
.ve-ex-label[b-sz19m2gy47] { font-size: 0.68rem; color: #33475b; color: hsl(from #33475b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); font-weight: 600; line-height: 1.1; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
.ve-ex-input[b-sz19m2gy47] { display: flex; align-items: center; gap: 0.25rem; min-width: 0; }
.ve-ex-input[b-sz19m2gy47]  input { height: 1.6rem; min-height: 0; padding-top: 0; padding-bottom: 0; font-size: 0.85rem; }
.ve-ex-input[b-sz19m2gy47]  .ve-text-input { width: 100%; }
.ve-ex-input[b-sz19m2gy47]  .ve-num { width: 3.8rem; font-weight: 700; text-align: right; }
.ve-ex-input[b-sz19m2gy47]  .ve-num.bad { box-shadow: inset 0 0 0 1px #c62828; background: #fdecec; }
.ve-unit[b-sz19m2gy47] { color: #5b6270; font-size: 0.75rem; white-space: nowrap; }
.ve-problem[b-sz19m2gy47] { grid-column: 2; color: #c62828; font-size: 0.72rem; }

.ve-texts[b-sz19m2gy47] { display: flex; flex-direction: column; gap: 0.45rem; }
.ve-box[b-sz19m2gy47] { display: flex; flex-direction: column; gap: 0.2rem; }
.ve-box-head[b-sz19m2gy47] { display: flex; align-items: center; gap: 0.3rem; font-weight: 700; color: var(--vcp-ink); font-size: 0.85rem; }
.ve-box-head[b-sz19m2gy47]  .rzi { font-size: 1.05rem; color: var(--vcp-accent-mid); }
[b-sz19m2gy47] .ve-area { width: 100%; min-height: 4.5rem; background: #dceaf0; background: hsl(from #dceaf0 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border: 1px solid transparent; border-radius: 10px; resize: vertical;
    field-sizing: content; max-height: 22rem; }
[b-sz19m2gy47] .ve-area:focus { background: #fff; border-color: var(--vcp-accent-mid); }
.ve-petz[b-sz19m2gy47] { flex: 0 0 auto; padding-top: 0.15rem; border-top: 1px dashed #c9dbe2; border-top: 1px dashed hsl(from #c9dbe2 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ve-petz .ve-box-head[b-sz19m2gy47] { color: #2e6b2e; }
.ve-petz .ve-box-head[b-sz19m2gy47]  .rzi { color: #2e6b2e; }
.ve-petz[b-sz19m2gy47]  .ve-area { min-height: 3.5rem; max-height: 9rem; }

.ve-tabs[b-sz19m2gy47] { flex: 1 1 auto; min-height: 12rem; display: flex; flex-direction: column; background: #e6f0f4; background: hsl(from #e6f0f4 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border: 1px solid #bcd3dc; border: 1px solid hsl(from #bcd3dc calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 10px;
    padding: 0.3rem; }
.ve-tabs[b-sz19m2gy47]  .rz-tabview { flex: 1 1 auto; display: flex; flex-direction: column; min-height: 0; background: transparent; }
.ve-tabs[b-sz19m2gy47]  .rz-tabview-nav { display: flex; gap: 0.35rem; border-bottom: 0; background: transparent; }
.ve-tabs[b-sz19m2gy47]  .rz-tabview-nav li { flex: 1 1 0; margin: 0; border-radius: 8px 8px 0 0; background: var(--vcp-accent-mid); }
.ve-tabs[b-sz19m2gy47]  .rz-tabview-nav li button { width: 100%; justify-content: center; color: #fff; padding: 0.5rem 0.6rem; border: 0; background: transparent; }
.ve-tabs[b-sz19m2gy47]  .rz-tabview-nav li.rz-tabview-selected { background: #fff; }
.ve-tabs[b-sz19m2gy47]  .rz-tabview-nav li.rz-tabview-selected button { color: var(--vcp-ink); font-weight: 700; }
.ve-tabs[b-sz19m2gy47]  .rz-tabview-panels { flex: 1 1 auto; min-height: 0; background: #fff; border-radius: 0 0 8px 8px; padding: 0.2rem; overflow: auto; }
.ve-tabs[b-sz19m2gy47]  .rz-tabview-panel { padding: 0; }
.ve-tabs[b-sz19m2gy47]  .rz-tabview-panel { height: 100%; }
.ve-tab-hint[b-sz19m2gy47] { padding: 1.5rem 0.5rem; text-align: center; }

.ve-foot[b-sz19m2gy47] { display: flex; align-items: center; gap: 1rem; padding-top: 0.45rem; border-top: 1px solid #e3e6ea; border-top: 1px solid hsl(from #e3e6ea calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); font-size: 0.85rem; flex-wrap: wrap; }
.ve-foot-label[b-sz19m2gy47] { color: #5b6270; font-size: 0.8rem; margin-right: 0.25rem; }

@media (max-width: 1000px) {
    .ve-body[b-sz19m2gy47] { grid-template-columns: 1fr; }
    .ve-list[b-sz19m2gy47] { max-height: 9rem; }
    .ve-cols[b-sz19m2gy47] { grid-template-columns: 1fr; overflow: auto; }
    .ve-left[b-sz19m2gy47] { overflow: visible; }
    .ve-split[b-sz19m2gy47] { display: none; }
}

/* Unsaved changes: a marker in the header until "Save". */
.ve-dirty[b-sz19m2gy47] { display: inline-flex; align-items: center; gap: 0.35rem; color: #8a5a00; background: #fff4e0; border-radius: 999px; padding: 0.15rem 0.6rem;
    font-size: 0.8rem; font-weight: 600; }
.ve-dirty-dot[b-sz19m2gy47] { width: 0.55rem; height: 0.55rem; border-radius: 50%; background: #e08a00; }

/* Actions from the visit (appointment, reminders): teal, apart from lock / delete. */
.ve-icon.act[b-sz19m2gy47] { color: #22576b; color: hsl(from #22576b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-color: #9cc3cf; border-color: hsl(from #9cc3cf calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }

/* The header dock (asked): every action is a round icon; the one under the mouse or keyboard focus grows into a pill
   with its name, its neighbours lean aside and move left and right. The dock is centred in a box wide enough for the
   icons plus one open name (--ve-dock-n icons, 12rem for the name), so a growing icon pushes on both sides. */
.ve-dock[b-sz19m2gy47] { --ve-dock-gap: 4px; --ve-dock-name: 12rem; flex: 0 0 auto; display: flex; align-items: center; justify-content: center;
    gap: var(--ve-dock-gap); height: 40px;
    width: calc(var(--ve-dock-n) * (32px + var(--ve-dock-gap)) + 2 * (1px + var(--ve-dock-gap)) + var(--ve-dock-name)); }
.ve-dock .ve-sep[b-sz19m2gy47] { height: 22px; align-self: center; margin: 0 2px; }
.ve-icon-label[b-sz19m2gy47] { display: inline-block; max-width: 0; opacity: 0; overflow: hidden; text-overflow: ellipsis; font-size: 0.8rem; font-weight: 600;
    transition: max-width 0.25s cubic-bezier(.2,.8,.2,1), opacity 0.15s ease, margin 0.25s ease; }
.ve-dock .ve-icon:is(:hover, :focus-visible)[b-sz19m2gy47] { height: 38px; padding: 0 12px; z-index: 1; box-shadow: 0 3px 10px color-mix(in srgb, var(--vcp-ink) 22%, transparent); }
.ve-dock .ve-icon:is(:hover, :focus-visible)[b-sz19m2gy47]  .rzi { font-size: 1.4rem; }
.ve-dock .ve-icon:is(:hover, :focus-visible) .ve-icon-label[b-sz19m2gy47] { max-width: calc(var(--ve-dock-name) - 3rem); opacity: 1; margin-left: 0.35rem; }
/* The neighbours: a little larger, as a dock magnifies around the pointer. */
.ve-dock .ve-icon:is(:hover, :focus-visible) + .ve-icon[b-sz19m2gy47],
.ve-dock .ve-icon:has(+ .ve-icon:is(:hover, :focus-visible))[b-sz19m2gy47] { transform: scale(1.1); }
.ve-icon:hover:not(:disabled)[b-sz19m2gy47], .ve-icon:focus-visible[b-sz19m2gy47] { background: #eef6f9; background: hsl(from #eef6f9 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ve-icon.act:is(:hover, :focus-visible)[b-sz19m2gy47] { background: #22576b; background: hsl(from #22576b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-color: #22576b; border-color: hsl(from #22576b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: #fff; }
.ve-icon.danger:is(:hover, :focus-visible):not(:disabled)[b-sz19m2gy47] { background: #b23b3b; border-color: #b23b3b; color: #fff; }
.ve-icon.on:is(:hover, :focus-visible)[b-sz19m2gy47] { background: #8f5500; color: #fff; }
.ve-icon:focus-visible[b-sz19m2gy47] { outline: 2px solid var(--vcp-accent-mid); outline-offset: 2px; }
@media (max-width: 1000px) { .ve-dock[b-sz19m2gy47] { width: auto; } }
@media (prefers-reduced-motion: reduce) { .ve-icon[b-sz19m2gy47], .ve-icon[b-sz19m2gy47]  .rzi, .ve-icon-label[b-sz19m2gy47] { transition: none; } }
/* /Modules/Visits/Components/VisitLayoutDialog.razor.rz.scp.css */
.vl[b-g00s650hos] { display: flex; flex-direction: column; gap: 0.6rem; }
.vl-hint[b-g00s650hos] { margin: 0; font-size: 0.85rem; color: #4a5f68; color: hsl(from #4a5f68 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.vl-cols[b-g00s650hos] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.25fr); gap: 1rem; align-items: start; }
.vl-cols h4[b-g00s650hos] { margin: 0 0 0.4rem; font-size: 0.9rem; display: flex; align-items: center; gap: 0.35rem; color: var(--vcp-ink-2); }
.vl-note[b-g00s650hos] { margin: 0; font-size: 0.8rem; color: #8a5a00; display: flex; align-items: center; gap: 0.35rem; }
.vl-buttons[b-g00s650hos] { display: flex; gap: 0.5rem; justify-content: flex-end; }
.vl-buttons[b-g00s650hos]  .vl-reset { margin-right: auto; }
@media (max-width: 800px) { .vl-cols[b-g00s650hos] { grid-template-columns: 1fr; } }
/* /Modules/Visits/Components/VisitsPanel.razor.rz.scp.css */
/* Visits as a timeline of cards: date and doctor on the left, the chosen text on the right, growing with its content. */
.vp[b-go3ab2geg2] { display: flex; flex-direction: column; gap: 0.4rem; height: 100%; min-height: 0; }
.vp-tools[b-go3ab2geg2] { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
.vp-fields[b-go3ab2geg2] { display: inline-flex; background: #e6f0f4; background: hsl(from #e6f0f4 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 999px; padding: 3px; gap: 2px; }
.vp-field[b-go3ab2geg2] { display: inline-flex; align-items: center; gap: 0.3rem; border: 0; background: transparent; color: #33475b; color: hsl(from #33475b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); font: inherit;
            font-size: 0.8rem; padding: 0.3rem 0.7rem; border-radius: 999px; cursor: pointer; transition: background 0.15s, color 0.15s; }
.vp-field[b-go3ab2geg2]  .rzi { font-size: 1rem; }
.vp-field:hover[b-go3ab2geg2] { background: #d4e5ec; background: hsl(from #d4e5ec calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.vp-field.on[b-go3ab2geg2] { background: var(--vcp-ink-2); color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); }
.vp-count[b-go3ab2geg2] { font-size: 0.68rem; min-width: 1.2rem; padding: 0 0.3rem; border-radius: 999px; background: rgba(0, 0, 0, 0.08); text-align: center; }
.vp-field.on .vp-count[b-go3ab2geg2] { background: rgba(255, 255, 255, 0.25); }
.vp-grow[b-go3ab2geg2] { flex: 1 1 auto; }
.vp-sort[b-go3ab2geg2] { display: inline-flex; align-items: center; gap: 0.2rem; border: 1px solid #c9dbe3; border: 1px solid hsl(from #c9dbe3 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 6px; background: #fff; font: inherit;
           font-size: 0.78rem; padding: 0.25rem 0.55rem; cursor: pointer; color: #33475b; color: hsl(from #33475b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.vp-sort[b-go3ab2geg2]  .rzi { font-size: 1rem; }
.vp-petz-note[b-go3ab2geg2] { display: flex; align-items: center; gap: 0.35rem; font-size: 0.8rem; color: #5a4a00; background: #fff6d6;
                border: 1px solid #f0dc8a; border-radius: 6px; padding: 0.3rem 0.6rem; }
.vp-list[b-go3ab2geg2] { flex: 1 1 auto; min-height: 0; overflow: auto; display: flex; flex-direction: column; gap: 0.55rem; padding: 0.2rem 0.3rem 0.4rem 1.1rem;
           position: relative; }
/* the timeline line */
.vp-list[b-go3ab2geg2]::before { content: ""; position: absolute; left: 0.45rem; top: 0.4rem; bottom: 0.4rem; width: 2px; background: #c9dbe3; background: hsl(from #c9dbe3 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 2px; }
.vp-empty[b-go3ab2geg2] { padding: 1rem; }
.vp-card[b-go3ab2geg2] { position: relative; display: grid; grid-template-columns: 10.5rem minmax(0, 1fr); background: #fff; border: 1px solid #d5e3e9; border: 1px solid hsl(from #d5e3e9 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l);
           border-radius: 10px; box-shadow: 0 1px 2px rgba(16, 52, 66, 0.08); overflow: hidden; transition: box-shadow 0.15s; }
.vp-card:hover[b-go3ab2geg2] { box-shadow: 0 3px 10px rgba(16, 52, 66, 0.14); }
.vp-card[b-go3ab2geg2]::before { content: ""; position: absolute; left: -0.95rem; top: 1.1rem; width: 10px; height: 10px; border-radius: 50%;
                   background: var(--vcp-accent-mid); border: 2px solid #fff; box-shadow: 0 0 0 1px var(--vcp-accent-mid); }
.vp-card.today[b-go3ab2geg2]::before { background: #2e7d32; box-shadow: 0 0 0 1px #2e7d32; }
.vp-card.draft[b-go3ab2geg2] { border: 1px dashed var(--vcp-accent-mid); }
.vp-card.draft[b-go3ab2geg2]::before { background: #fff; }
.vp-card.locked[b-go3ab2geg2] { background: #f6f7f8; background: hsl(from #f6f7f8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.vp-card.locked[b-go3ab2geg2]::before { background: #b0870b; box-shadow: 0 0 0 1px #b0870b; }
.vp-rail[b-go3ab2geg2] { display: flex; flex-direction: column; gap: 0.3rem; padding: 0.5rem 0.6rem; background: linear-gradient(160deg, #2f7489, var(--vcp-ink-2)); background: linear-gradient(160deg, hsl(from #2f7489 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l), var(--vcp-ink-2)); color: #fff; }
.vp-card.locked .vp-rail[b-go3ab2geg2] { background: linear-gradient(160deg, #7d8a92, #5d6a72); }
.vp-date[b-go3ab2geg2] { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 0.45rem; align-items: center; }
.vp-day[b-go3ab2geg2] { grid-row: span 2; font-size: 1.8rem; font-weight: 700; line-height: 1; }
.vp-month[b-go3ab2geg2] { font-size: 0.8rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.03em; }
.vp-weekday[b-go3ab2geg2] { font-size: 0.72rem; opacity: 0.85; text-transform: capitalize; }
[b-go3ab2geg2] .vp-date-input { width: 100%; }
.vp-doctor[b-go3ab2geg2] { display: flex; align-items: center; gap: 0.25rem; font-size: 0.8rem; }
.vp-doctor[b-go3ab2geg2]  .rzi { font-size: 1rem; }
[b-go3ab2geg2] .vp-doctor-input { flex: 1 1 auto; min-width: 0; }
.vp-edited[b-go3ab2geg2] { display: flex; align-items: center; gap: 0.2rem; font-size: 0.68rem; opacity: 0.85; margin-top: auto; }
.vp-edited[b-go3ab2geg2]  .rzi { font-size: 0.9rem; }
.vp-main[b-go3ab2geg2] { display: flex; flex-direction: column; gap: 0.3rem; padding: 0.45rem 0.6rem 0.55rem; min-width: 0; }
.vp-card-head[b-go3ab2geg2] { display: flex; align-items: center; gap: 0.4rem; }
.vp-dots[b-go3ab2geg2] { display: inline-flex; gap: 2px; }
.vp-dot[b-go3ab2geg2] { width: 22px; height: 22px; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 6px;
          background: transparent; color: #c3ced5; color: hsl(from #c3ced5 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); cursor: pointer; padding: 0; }
.vp-dot[b-go3ab2geg2]  .rzi { font-size: 0.95rem; }
.vp-dot.filled[b-go3ab2geg2] { color: var(--vcp-ink-2); background: #e6f0f4; background: hsl(from #e6f0f4 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.vp-badge[b-go3ab2geg2] { font-size: 0.68rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--vcp-ink-2); background: #e0eef3; background: hsl(from #e0eef3 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l);
            border-radius: 999px; padding: 0.1rem 0.5rem; }
.vp-badge.today[b-go3ab2geg2] { color: #1b5e20; background: #e3f2e4; }
.vp-saving[b-go3ab2geg2] { display: inline-flex; align-items: center; gap: 0.15rem; font-size: 0.72rem; }
.vp-clip[b-go3ab2geg2] { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 2.1rem; height: 1.9rem; padding: 0; border: 0;
           border-radius: 7px; background: transparent; color: #9fb0b8; color: hsl(from #9fb0b8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); font: inherit; cursor: pointer; }
.vp-clip[b-go3ab2geg2]  .rzi { font-size: 1.25rem; }
/* How many files the visit has, on the paperclip's corner. */
.vp-clip-badge[b-go3ab2geg2] { position: absolute; top: -0.3rem; right: -0.3rem; min-width: 1.15rem; height: 1.15rem; padding: 0 0.25rem; border-radius: 999px;
                 background: #e0a100; color: #fff; font-size: 0.68rem; font-weight: 800; line-height: 1; display: inline-flex; align-items: center;
                 justify-content: center; box-shadow: 0 0 0 2px #fff; }
.vp-clip:hover[b-go3ab2geg2] { background: #eef5f7; background: hsl(from #eef5f7 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: var(--vcp-ink-2); }
.vp-clip.on[b-go3ab2geg2] { color: var(--vcp-ink-2); }
.vp-icon[b-go3ab2geg2] { width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid transparent;
           border-radius: 6px; background: transparent; color: #6b7a84; cursor: pointer; padding: 0; }
.vp-icon:hover[b-go3ab2geg2] { background: #eef3f6; background: hsl(from #eef3f6 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.vp-icon.lock.on[b-go3ab2geg2] { color: #b0870b; background: #fff6d6; border-color: #f0dc8a; }
.vp-icon.delete:hover[b-go3ab2geg2] { color: #c62828; background: #fdecec; }
.vp-icon:disabled[b-go3ab2geg2] { opacity: 0.35; cursor: default; background: transparent; }
/* The text grows and shrinks with what is written (CSS field-sizing, supported by WebView2/Chromium). */
[b-go3ab2geg2] .vp-text { width: 100%; field-sizing: content; min-height: 3.2rem; max-height: 22rem; resize: none; line-height: 1.45;
                  font-size: 0.9rem; border-radius: 8px; }
.vp-card.locked[b-go3ab2geg2]  .vp-text { background: transparent; border-color: transparent; }
/* The timeline dot sits outside the card, so the card must not clip it; the rail keeps the rounded corners. */
.vp-card[b-go3ab2geg2] { overflow: visible; grid-template-columns: 12.5rem minmax(0, 1fr); }
.vp-rail[b-go3ab2geg2] { border-radius: 9px 0 0 9px; }
.vp-doctor[b-go3ab2geg2] { gap: 0.2rem; }

/* Room to write: the text box starts tall and grows further with the text.
   textarea.vp-text outranks the pet form's compact .rz-textarea height. */
.vp-main[b-go3ab2geg2]  textarea.vp-text { min-height: 7.5rem; max-height: 30rem; font-size: 0.95rem; }
/* /Shared/Arrange/ArrangeList.razor.rz.scp.css */
.al[b-pic56id29z] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.2rem; }
.al-row[b-pic56id29z] { display: flex; align-items: center; gap: 0.4rem; padding: 0.2rem 0.4rem; font-size: 0.85rem; border: 1px solid #bcd3dc; border: 1px solid hsl(from #bcd3dc calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 8px;
    background: var(--vcp-tint-0); cursor: grab; }
.al-row.off[b-pic56id29z] { background: #fff; color: #8a9aa1; }
.al-row.off .al-name[b-pic56id29z] { text-decoration: line-through; }
.al-row[b-pic56id29z]  .al-grip { color: #8a9aa1; }
.al-name[b-pic56id29z] { flex: 1 1 auto; min-width: 0; line-height: 1.2; display: flex; align-items: center; gap: 0.4rem; cursor: pointer; font-weight: 600; }
.al-move[b-pic56id29z] { border: 0; background: transparent; color: var(--vcp-ink-2); border-radius: 6px; padding: 0.15rem; cursor: pointer; display: inline-flex; }
.al-move:hover:not(:disabled)[b-pic56id29z] { background: #dceaf0; background: hsl(from #dceaf0 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.al-move:disabled[b-pic56id29z] { color: #c6d3d8; color: hsl(from #c6d3d8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); cursor: default; }
/* /Shared/Dashboard/Segmented.razor.rz.scp.css */
.seg[b-gqoslvgeox] { display: flex; align-items: center; gap: 0.2rem; }
.seg button[b-gqoslvgeox] { height: 1.75rem; min-width: 1.9rem; padding: 0 0.45rem; border: 1px solid #dbe4e8; border: 1px solid hsl(from #dbe4e8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 7px; background: #fff;
              color: var(--vcp-text-2); font: inherit; font-size: 0.76rem; cursor: pointer; }
.seg button:hover[b-gqoslvgeox] { background: #f3f7f9; background: hsl(from #f3f7f9 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.seg button.on[b-gqoslvgeox] { background: var(--vcp-accent); border-color: var(--vcp-accent); color: #fff; font-weight: 600; }
/* /Shared/Dashboard/SpeciesAvatar.razor.rz.scp.css */
.sp-avatar[b-s8i5wa5yks] { flex: 0 0 2.1rem; width: 2.1rem; height: 2.1rem; border-radius: 50%; background: #eef4f6; background: hsl(from #eef4f6 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); display: inline-flex;
             align-items: center; justify-content: center; font-size: 1.05rem; color: #4a7d8c; color: hsl(from #4a7d8c calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.sp-avatar[b-s8i5wa5yks]  img { width: 1.25rem; height: 1.25rem; object-fit: contain; }
/* /Shared/Dashboard/WidgetFrame.razor.rz.scp.css */
.wg[b-5enhktf82c] { height: 100%; display: flex; flex-direction: column; background: #fff; border-radius: 14px; border: 1px solid var(--vcp-line-soft);
      box-shadow: 0 2px 10px color-mix(in srgb, var(--vcp-ink) 7%, transparent); overflow: hidden; }
.wg-head[b-5enhktf82c] { flex: 0 0 auto; display: flex; align-items: center; gap: 0.45rem; padding: 0.6rem 0.75rem 0.55rem 0.9rem; border-bottom: 1px solid #edf1f3; border-bottom: 1px solid hsl(from #edf1f3 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); min-width: 0; }
.wg-head h2[b-5enhktf82c] { margin: 0; font-size: 0.98rem; font-weight: 700; color: var(--vcp-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wg-head h2[b-5enhktf82c]::first-letter { text-transform: uppercase; }
.wg-icon[b-5enhktf82c] { display: inline-flex; color: var(--vcp-accent); }
.wg-icon[b-5enhktf82c]  .rzi { font-size: 1.2rem; }
.wg-grip[b-5enhktf82c] { display: inline-flex; color: #9fb3bb; color: hsl(from #9fb3bb calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); margin-left: -0.35rem; }
.wg-count[b-5enhktf82c] { padding: 0 0.45rem; border-radius: 9px; background: var(--vcp-tint-1); color: var(--vcp-text-2); font-size: 0.75rem; font-weight: 700; }
.wg-actions[b-5enhktf82c] { margin-left: auto; display: flex; align-items: center; gap: 0.25rem; flex: 0 0 auto; }
.wg-remove[b-5enhktf82c] { width: 1.9rem; height: 1.9rem; border: 0; border-radius: 8px; background: #fdecec; color: #c62828; cursor: pointer;
             display: inline-flex; align-items: center; justify-content: center; }
.wg-remove:hover[b-5enhktf82c] { background: #c62828; color: #fff; }
.wg-body[b-5enhktf82c] { flex: 1 1 auto; min-height: 0; overflow: auto; padding: 0.35rem 0.45rem 0.5rem; }
/* /Shared/Dashboard/Widgets/MessagesWidget.razor.rz.scp.css */
/* The pet's species icon sits on the text line next to its name. */
.wl-pet[b-h96tgczvu3]  .species-img, .wl-pet[b-h96tgczvu3]  .species-emoji, .wl-pet[b-h96tgczvu3]  .species-paw { vertical-align: -3px; }
/* /Shared/Dashboard/Widgets/NumbersWidget.razor.rz.scp.css */
.nums[b-fnrv4ep11z] { box-sizing: border-box; display: flex; flex-wrap: wrap; gap: 0.5rem; height: 100%; align-items: center; padding: 0.15rem 0.3rem; }
.num[b-fnrv4ep11z] { flex: 1 1 8.5rem; display: flex; align-items: center; gap: 0.6rem; padding: 0.45rem 0.7rem; border-radius: 11px; background: #f5f8fa; background: hsl(from #f5f8fa calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); min-width: 0; }
.num > span:last-child[b-fnrv4ep11z] { display: flex; flex-direction: column; line-height: 1.1; min-width: 0; }
.num strong[b-fnrv4ep11z] { font-size: 1.4rem; color: var(--vcp-ink); }
.num small[b-fnrv4ep11z] { font-size: 0.75rem; color: var(--vcp-text-4); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.num-icon[b-fnrv4ep11z] { flex: 0 0 2.3rem; width: 2.3rem; height: 2.3rem; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; color: #fff; }
.num-icon.blue[b-fnrv4ep11z] { background: #2a6fdb; background: hsl(from #2a6fdb calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.num-icon.green[b-fnrv4ep11z] { background: #2e9a52; }
.num-icon.teal[b-fnrv4ep11z] { background: var(--vcp-accent); }
.num-icon.amber[b-fnrv4ep11z] { background: #d48806; }
.num-icon.red[b-fnrv4ep11z] { background: #d64545; }
/* /Shared/Dashboard/Widgets/TasksWidget.razor.rz.scp.css */
.tk-top[b-3wcrsh5192] { position: sticky; top: -0.35rem; z-index: 2; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.4rem;
          margin: -0.35rem -0.45rem 0.45rem; padding: 0.45rem 0.55rem; background: #fbfcfd; border-bottom: 1px solid #edf1f3; border-bottom: 1px solid hsl(from #edf1f3 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.tk-tabs[b-3wcrsh5192] { display: flex; flex-wrap: wrap; gap: 0.25rem; }
.tk-tabs button[b-3wcrsh5192] { display: inline-flex; align-items: center; gap: 0.35rem; height: 1.85rem; padding: 0 0.65rem; border: 1px solid #d3dfe4; border: 1px solid hsl(from #d3dfe4 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 999px;
                  background: #fff; color: var(--vcp-text-2); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; }
.tk-tabs button:hover[b-3wcrsh5192] { background: #eef5f7; background: hsl(from #eef5f7 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.tk-tabs button.on[b-3wcrsh5192] { background: var(--vcp-accent); border-color: var(--vcp-accent); color: #fff; }
.tk-n[b-3wcrsh5192] { min-width: 1.2rem; padding: 0 0.3rem; border-radius: 999px; background: var(--vcp-tint-1); color: var(--vcp-text-2); font-size: 0.72rem; text-align: center; }
.tk-tabs button.on .tk-n[b-3wcrsh5192] { background: rgba(255, 255, 255, 0.25); color: #fff; }
[b-3wcrsh5192] .tk-vet { width: 13rem; height: 2.1rem; padding-top: 0; padding-bottom: 0; align-items: center; }
[b-3wcrsh5192] .tk-vet .rz-dropdown-label { line-height: normal; }
.tk-list[b-3wcrsh5192] { container: tasks / inline-size; }
.tk-new[b-3wcrsh5192] { width: auto; padding: 0 0.6rem; gap: 0.25rem; font: inherit; font-size: 0.82rem; font-weight: 600; }
.tk-new:disabled[b-3wcrsh5192] { opacity: 0.6; }
.tk-error[b-3wcrsh5192] { color: #c62828; }
.tk-error small[b-3wcrsh5192] { max-width: 40rem; color: var(--vcp-text-4); text-align: center; overflow-wrap: anywhere; }
/* /Shared/Dashboard/Widgets/TodoWidget.razor.rz.scp.css */
.todo-add[b-1d02bnfq30] { display: flex; gap: 0.35rem; padding: 0.25rem 0.2rem 0.4rem; }
.todo-add input[b-1d02bnfq30] { flex: 1 1 auto; min-width: 0; height: 2.1rem; padding: 0 0.7rem; border: 0; border-radius: 9px;
                  background: #f5f8fa; background: hsl(from #f5f8fa calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); font: inherit; font-size: 0.9rem; outline: none; }
.todo-add input:focus[b-1d02bnfq30] { background: #fff; box-shadow: var(--vcp-field-focus-ring); }
.todo-add button[b-1d02bnfq30] { flex: 0 0 2.1rem; height: 2.1rem; border: 0; border-radius: 9px; background: var(--vcp-accent); color: #fff; cursor: pointer;
                   display: inline-flex; align-items: center; justify-content: center; }
.todo[b-1d02bnfq30] { list-style: none; margin: 0; padding: 0; }
.todo li[b-1d02bnfq30] { display: flex; align-items: flex-start; gap: 0.35rem; padding: 0.3rem 0.2rem; border-radius: 8px; }
.todo li:hover[b-1d02bnfq30] { background: #f3f7f9; background: hsl(from #f3f7f9 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.todo-check[b-1d02bnfq30], .todo-del[b-1d02bnfq30] { flex: 0 0 auto; border: 0; background: transparent; cursor: pointer; padding: 0.1rem; border-radius: 6px; display: inline-flex; color: var(--vcp-accent); }
.todo-del[b-1d02bnfq30] { color: #b9c6cc; color: hsl(from #b9c6cc calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); opacity: 0; }
.todo li:hover .todo-del[b-1d02bnfq30] { opacity: 1; }
.todo-del:hover[b-1d02bnfq30] { color: #c62828; }
.todo-text[b-1d02bnfq30] { flex: 1 1 auto; min-width: 0; font-size: 0.9rem; line-height: 1.4; padding-top: 0.1rem; overflow-wrap: anywhere; color: var(--vcp-ink); }
.todo li.done .todo-text[b-1d02bnfq30] { text-decoration: line-through; color: #98a8ae; }
.todo li.done .todo-check[b-1d02bnfq30] { color: #2e9a52; }
/* /Shared/Intercom/IntercomCenter.razor.rz.scp.css */
/* ---- the button, top right ---- */
.ic-button[b-uyhbbo08gf] {
    position: relative; display: inline-flex; align-items: center; gap: 0.45rem; height: 2.4rem; padding: 0 0.9rem; border: 1px solid #cfe0e6; border: 1px solid hsl(from #cfe0e6 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l);
    border-radius: 10px; background: #f1f8fa; background: hsl(from #f1f8fa calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: #1d4250; color: hsl(from #1d4250 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); font: inherit; font-size: 0.9rem; font-weight: 600; cursor: pointer;
}
.ic-button:hover[b-uyhbbo08gf] { background: var(--vcp-tint-2); }
.ic-button[b-uyhbbo08gf]  .rzi { font-size: 1.3rem; color: var(--vcp-accent); }
.ic-button.unread[b-uyhbbo08gf] { background: #fff1f0; border-color: #f2b8b5; color: #b42318; animation: ic-pulse-b-uyhbbo08gf 1.6s ease-in-out infinite; }
.ic-button.unread[b-uyhbbo08gf]  .rzi { color: #d64545; }
.ic-badge[b-uyhbbo08gf] { position: absolute; top: -0.45rem; right: -0.45rem; min-width: 1.35rem; height: 1.35rem; padding: 0 0.3rem; border-radius: 0.7rem;
            background: #d64545; color: #fff; font-size: 0.75rem; font-weight: 700; display: inline-flex; align-items: center; justify-content: center;
            box-shadow: 0 0 0 2px #fff; box-sizing: border-box; }
@keyframes ic-pulse-b-uyhbbo08gf { 0%, 100% { box-shadow: 0 0 0 0 rgba(214, 69, 69, 0.35); } 50% { box-shadow: 0 0 0 6px rgba(214, 69, 69, 0); } }
@media (max-width: 900px) { .ic-button-text[b-uyhbbo08gf] { display: none; } }

/* ---- the panel: slides in on the right, over the windows ---- */
.ic-panel[b-uyhbbo08gf] {
    position: fixed; top: var(--vcp-top-h); right: 0; bottom: 2.75rem; width: min(880px, calc(100vw - var(--vcp-side-w))); z-index: 20;
    display: flex; flex-direction: column; background: #fff; border-left: 1px solid #d7e3e8; border-left: 1px solid hsl(from #d7e3e8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); box-shadow: -12px 0 32px rgba(18, 45, 56, 0.18);
    animation: ic-in-b-uyhbbo08gf 0.18s ease-out;
}
@keyframes ic-in-b-uyhbbo08gf { from { transform: translateX(24px); opacity: 0; } to { transform: none; opacity: 1; } }
.ic-head[b-uyhbbo08gf] { display: flex; align-items: center; gap: 0.6rem; padding: 0.6rem 0.8rem; background: linear-gradient(120deg, #1d4250, var(--vcp-accent)); background: linear-gradient(120deg, hsl(from #1d4250 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l), var(--vcp-accent)); color: #fff; }
.ic-head-icon[b-uyhbbo08gf] { display: inline-flex; }
.ic-head strong[b-uyhbbo08gf] { font-size: 1.02rem; }
.ic-status[b-uyhbbo08gf] { margin-left: auto; display: inline-flex; align-items: center; gap: 0.4rem; font-size: 0.85rem; cursor: pointer; }
.ic-status.away span[b-uyhbbo08gf] { color: #ffd6d2; }
.ic-close[b-uyhbbo08gf] { width: 2rem; height: 2rem; border: 0; border-radius: 8px; background: transparent; color: #fff; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.ic-close:hover[b-uyhbbo08gf] { background: rgba(255, 255, 255, 0.15); }
.ic-body[b-uyhbbo08gf] { flex: 1 1 auto; min-height: 0; display: flex; }

.ic-people[b-uyhbbo08gf] { flex: 0 0 17rem; overflow: auto; border-right: 1px solid #e6edf0; border-right: 1px solid hsl(from #e6edf0 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); padding: 0.5rem; background: #f7fafb; background: hsl(from #f7fafb calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); display: flex; flex-direction: column; gap: 0.15rem; }
.ic-find[b-uyhbbo08gf] { display: flex; align-items: center; gap: 0.35rem; padding: 0 0.55rem; margin-bottom: 0.35rem; height: 2.2rem; border: 1px solid #d7e3e8; border: 1px solid hsl(from #d7e3e8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 9px; background: #fff; color: #7a8f97; color: hsl(from #7a8f97 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ic-find input[b-uyhbbo08gf] { flex: 1; min-width: 0; border: 0; outline: none; font: inherit; font-size: 0.88rem; background: transparent; }
.ic-person[b-uyhbbo08gf] { display: flex; align-items: center; gap: 0.6rem; padding: 0.5rem; border: 0; border-radius: 10px; background: transparent; font: inherit; text-align: left; cursor: pointer; color: var(--vcp-ink); }
.ic-person:hover[b-uyhbbo08gf] { background: #eaf2f5; background: hsl(from #eaf2f5 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ic-person.on[b-uyhbbo08gf] { background: #dcecf2; background: hsl(from #dcecf2 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ic-avatar[b-uyhbbo08gf] { position: relative; flex: 0 0 2.4rem; width: 2.4rem; height: 2.4rem; border-radius: 50%; color: #fff; font-weight: 700; font-size: 0.85rem;
             display: inline-flex; align-items: center; justify-content: center; }
.ic-avatar.all[b-uyhbbo08gf] { background: var(--vcp-ink); }
.ic-dot[b-uyhbbo08gf] { position: absolute; right: -1px; bottom: -1px; width: 0.75rem; height: 0.75rem; border-radius: 50%; background: #2e9a52; box-shadow: 0 0 0 2px #fff; }
.ic-dot.away[b-uyhbbo08gf] { background: #e0a100; }
.ic-dot.off[b-uyhbbo08gf] { background: #fff; box-shadow: 0 0 0 2px #fff, inset 0 0 0 2px #b0bcc1; box-shadow: 0 0 0 2px #fff, inset 0 0 0 2px hsl(from #b0bcc1 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ic-person-main[b-uyhbbo08gf] { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.ic-person-main strong[b-uyhbbo08gf] { font-size: 0.9rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ic-person-main small[b-uyhbbo08gf] { font-size: 0.78rem; color: var(--vcp-text-4); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ic-person-side[b-uyhbbo08gf] { flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-end; gap: 0.15rem; }
.ic-person-side small[b-uyhbbo08gf] { font-size: 0.72rem; color: #8a9ca3; }
.ic-count[b-uyhbbo08gf] { min-width: 1.2rem; height: 1.2rem; padding: 0 0.3rem; border-radius: 0.6rem; background: #d64545; color: #fff; font-size: 0.72rem; font-weight: 700;
            display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; }

.ic-chat[b-uyhbbo08gf] { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; background: #eef4f6; background: hsl(from #eef4f6 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ic-chat-head[b-uyhbbo08gf] { display: flex; align-items: center; gap: 0.6rem; padding: 0.55rem 0.8rem; background: #fff; border-bottom: 1px solid #e6edf0; border-bottom: 1px solid hsl(from #e6edf0 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ic-chat-head div[b-uyhbbo08gf] { display: flex; flex-direction: column; line-height: 1.2; }
.ic-chat-head small[b-uyhbbo08gf] { font-size: 0.78rem; color: var(--vcp-text-4); }
.ic-chat-head small.state[b-uyhbbo08gf] { color: #2e9a52; }
.ic-chat-head small.state.away[b-uyhbbo08gf] { color: #a07400; }
.ic-chat-head small.state.off[b-uyhbbo08gf] { color: #8a9ca3; }
.ic-hide-all[b-uyhbbo08gf] { margin-left: auto; display: inline-flex; align-items: center; gap: 0.3rem; border: 1px solid #f0c6c3; border-radius: 8px; background: #fff;
               color: #b42318; font: inherit; font-size: 0.8rem; padding: 0.3rem 0.6rem; cursor: pointer; }
.ic-hide-all:hover[b-uyhbbo08gf] { background: #fdecec; }
.ic-thread[b-uyhbbo08gf] { flex: 1 1 auto; min-height: 0; overflow: auto; padding: 0.8rem 1rem; display: flex; flex-direction: column; gap: 0.35rem; }
.ic-day[b-uyhbbo08gf] { text-align: center; margin: 0.4rem 0; }
.ic-day span[b-uyhbbo08gf] { font-size: 0.72rem; font-weight: 600; color: var(--vcp-text-3); background: #dde9ee; background: hsl(from #dde9ee calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); padding: 0.15rem 0.6rem; border-radius: 9px; }
.ic-day span[b-uyhbbo08gf]::first-letter { text-transform: uppercase; }
.ic-msg[b-uyhbbo08gf] { display: flex; align-items: flex-end; gap: 0.3rem; max-width: 78%; }
.ic-msg.mine[b-uyhbbo08gf] { align-self: flex-end; flex-direction: row-reverse; }
.ic-bubble[b-uyhbbo08gf] { position: relative; padding: 0.45rem 0.7rem 0.3rem; border-radius: 14px; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); min-width: 4.5rem; }
.ic-msg.mine .ic-bubble[b-uyhbbo08gf] { background: #d6f0f5; background: hsl(from #d6f0f5 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-bottom-right-radius: 4px; }
.ic-msg.theirs .ic-bubble[b-uyhbbo08gf] { border-bottom-left-radius: 4px; }
.ic-msg.medium .ic-bubble[b-uyhbbo08gf] { box-shadow: inset 3px 0 0 #e0a100, 0 1px 2px rgba(0, 0, 0, 0.08); }
.ic-msg.high .ic-bubble[b-uyhbbo08gf] { box-shadow: inset 3px 0 0 #d64545, 0 1px 2px rgba(0, 0, 0, 0.08); background: #fff4f3; }
.ic-text[b-uyhbbo08gf] { white-space: pre-wrap; overflow-wrap: anywhere; color: var(--vcp-ink); font-size: 0.93rem; line-height: 1.4; }
.ic-meta[b-uyhbbo08gf] { text-align: right; font-size: 0.7rem; color: #7d929b; color: hsl(from #7d929b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); margin-top: 0.1rem; }
.ic-imp[b-uyhbbo08gf] { display: inline-block; font-size: 0.66rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; padding: 0.02rem 0.4rem; border-radius: 5px;
          background: #ffe9b0; color: #7a5600; margin-bottom: 0.15rem; }
.ic-msg.high .ic-imp[b-uyhbbo08gf], .ic-toast.high .ic-imp[b-uyhbbo08gf] { background: #d64545; color: #fff; }
.ic-quote[b-uyhbbo08gf] { font-size: 0.78rem; color: #4b6570; color: hsl(from #4b6570 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-left: 3px solid var(--vcp-accent); padding: 0.15rem 0.45rem; margin-bottom: 0.3rem; background: color-mix(in srgb, var(--vcp-accent) 8%, transparent);
            border-radius: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 32rem; }
.ic-msg-actions[b-uyhbbo08gf] { display: flex; gap: 0.1rem; opacity: 0; transition: opacity 0.12s; }
.ic-msg:hover .ic-msg-actions[b-uyhbbo08gf] { opacity: 1; }
.ic-msg-actions button[b-uyhbbo08gf] { width: 1.7rem; height: 1.7rem; border: 0; border-radius: 6px; background: #fff; color: var(--vcp-text-3); cursor: pointer; display: inline-flex;
                         align-items: center; justify-content: center; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
.ic-msg-actions button[b-uyhbbo08gf]  .rzi { font-size: 1rem; }
.ic-msg-actions button:hover[b-uyhbbo08gf] { color: var(--vcp-accent); }
.ic-empty[b-uyhbbo08gf] { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.5rem; color: var(--vcp-text-4); text-align: center; padding: 1rem; }
.ic-empty[b-uyhbbo08gf]  .rzi { font-size: 2.6rem; color: #b8c9d0; color: hsl(from #b8c9d0 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ic-empty.small[b-uyhbbo08gf] { flex: 0; padding: 2rem 1rem; }

.ic-compose[b-uyhbbo08gf] { flex: 0 0 auto; padding: 0.55rem 0.8rem 0.6rem; background: #fff; border-top: 1px solid #e6edf0; border-top: 1px solid hsl(from #e6edf0 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); display: flex; flex-direction: column; gap: 0.4rem; }
.ic-replying[b-uyhbbo08gf] { display: flex; align-items: center; gap: 0.4rem; font-size: 0.8rem; color: #4b6570; color: hsl(from #4b6570 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); background: var(--vcp-tint-1); border-left: 3px solid var(--vcp-accent); padding: 0.3rem 0.5rem; border-radius: 6px; }
.ic-replying span[b-uyhbbo08gf] { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ic-replying button[b-uyhbbo08gf] { border: 0; background: transparent; color: var(--vcp-text-3); cursor: pointer; display: inline-flex; }
.ic-compose-row[b-uyhbbo08gf] { display: flex; gap: 0.5rem; align-items: flex-end; }
.ic-input[b-uyhbbo08gf] { flex: 1; min-height: 2.6rem; max-height: 9rem; field-sizing: content; resize: none; padding: 0.55rem 0.75rem; border: 0; border-radius: 12px;
            font: inherit; font-size: 0.93rem; line-height: 1.4; outline: none; background: #f7fafb; background: hsl(from #f7fafb calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ic-input:focus[b-uyhbbo08gf] { background: #fff; box-shadow: var(--vcp-field-focus-ring); }
.ic-send[b-uyhbbo08gf] { flex: 0 0 2.7rem; height: 2.7rem; border: 0; border-radius: 50%; background: var(--vcp-accent); color: #fff; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.ic-send:hover[b-uyhbbo08gf] { background: #226b7c; background: hsl(from #226b7c calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ic-send:disabled[b-uyhbbo08gf] { opacity: 0.5; cursor: default; }
.ic-compose-foot[b-uyhbbo08gf] { display: flex; align-items: center; gap: 0.3rem; font-size: 0.78rem; color: var(--vcp-text-4); flex-wrap: wrap; }
.ic-compose-foot small[b-uyhbbo08gf] { margin-left: auto; color: #98a8ae; }
.ic-level[b-uyhbbo08gf] { height: 1.6rem; padding: 0 0.55rem; border: 1px solid #dbe4e8; border: 1px solid hsl(from #dbe4e8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 7px; background: #fff; color: var(--vcp-text-2); font: inherit; font-size: 0.76rem; cursor: pointer; }
.ic-level.on.low[b-uyhbbo08gf] { background: var(--vcp-accent); border-color: var(--vcp-accent); color: #fff; }
.ic-level.on.medium[b-uyhbbo08gf] { background: #e0a100; border-color: #e0a100; color: #fff; }
.ic-level.on.high[b-uyhbbo08gf] { background: #d64545; border-color: #d64545; color: #fff; }

/* ---- pop-ups: top right, over every window ---- */
.ic-toasts[b-uyhbbo08gf] { position: fixed; top: calc(var(--vcp-top-h) + 0.6rem); right: 1rem; z-index: 30; width: min(25rem, calc(100vw - 2rem)); display: flex; flex-direction: column; gap: 0.55rem; }
.ic-toast[b-uyhbbo08gf] { display: flex; gap: 0.7rem; padding: 0.75rem 0.8rem; background: #fff; border-radius: 14px; border: 1px solid #d7e3e8; border: 1px solid hsl(from #d7e3e8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-left: 5px solid var(--vcp-accent);
            box-shadow: 0 14px 38px rgba(18, 45, 56, 0.28); animation: ic-pop-b-uyhbbo08gf 0.25s ease-out; }
.ic-toast.medium[b-uyhbbo08gf] { border-left-color: #e0a100; }
.ic-toast.high[b-uyhbbo08gf] { border-left-color: #d64545; background: #fff7f6; animation: ic-pop-b-uyhbbo08gf 0.25s ease-out, ic-shake-b-uyhbbo08gf 0.5s 0.3s ease-in-out 2; }
@keyframes ic-pop-b-uyhbbo08gf { from { transform: translateY(-10px) scale(0.97); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes ic-shake-b-uyhbbo08gf { 0%, 100% { transform: none; } 25% { transform: translateX(-4px); } 75% { transform: translateX(4px); } }
.ic-toast-main[b-uyhbbo08gf] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 0.25rem; }
.ic-toast-head[b-uyhbbo08gf] { display: flex; align-items: center; gap: 0.4rem; }
.ic-toast-head strong[b-uyhbbo08gf] { color: var(--vcp-ink); }
.ic-toast-head small[b-uyhbbo08gf] { color: #7d929b; color: hsl(from #7d929b calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); font-size: 0.75rem; }
.ic-toast-x[b-uyhbbo08gf] { margin-left: auto; border: 0; background: transparent; color: #98a8ae; cursor: pointer; display: inline-flex; border-radius: 6px; }
.ic-toast-x:hover[b-uyhbbo08gf] { background: var(--vcp-tint-1); color: var(--vcp-text-2); }
.ic-toast-text[b-uyhbbo08gf] { color: var(--vcp-ink); font-size: 0.93rem; white-space: pre-wrap; overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
.ic-toast-actions[b-uyhbbo08gf] { display: flex; gap: 0.4rem; margin-top: 0.15rem; }
.ic-toast-actions button[b-uyhbbo08gf] { display: inline-flex; align-items: center; gap: 0.25rem; height: 1.9rem; padding: 0 0.7rem; border: 1px solid #d3dde2; border: 1px solid hsl(from #d3dde2 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 8px;
                           background: #fff; color: var(--vcp-text-2); font: inherit; font-size: 0.82rem; cursor: pointer; }
.ic-toast-actions button.primary[b-uyhbbo08gf] { background: var(--vcp-accent); border-color: var(--vcp-accent); color: #fff; }
.ic-toast-actions button[b-uyhbbo08gf]  .rzi { font-size: 1rem; }
.ic-toast-reply[b-uyhbbo08gf] { display: flex; gap: 0.35rem; margin-top: 0.2rem; }
.ic-toast-input[b-uyhbbo08gf] { flex: 1; min-width: 0; height: 2.1rem; padding: 0 0.6rem; border: 0; border-radius: 8px; font: inherit; font-size: 0.9rem; color: var(--vcp-ink); background: var(--vcp-field-bg); }
.ic-toast-input:focus[b-uyhbbo08gf] { outline: none; background: #fff; box-shadow: var(--vcp-field-focus-ring); }
.ic-toast-send[b-uyhbbo08gf], .ic-toast-open[b-uyhbbo08gf] { flex: none; width: 2.1rem; height: 2.1rem; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.ic-toast-send[b-uyhbbo08gf] { border: 0; background: var(--vcp-accent); color: #fff; }
.ic-toast-send:disabled[b-uyhbbo08gf] { opacity: 0.6; cursor: default; }
.ic-toast-open[b-uyhbbo08gf] { border: 1px solid #d3dde2; border: 1px solid hsl(from #d3dde2 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); background: #fff; color: var(--vcp-text-2); }
.ic-toast-open:hover[b-uyhbbo08gf] { background: var(--vcp-tint-1); }
.ic-toast-reply[b-uyhbbo08gf]  .rzi { font-size: 1.05rem; }
.ic-toast-more[b-uyhbbo08gf] { align-self: flex-end; border: 0; border-radius: 8px; background: var(--vcp-ink); color: #fff; font: inherit; font-size: 0.8rem; padding: 0.35rem 0.7rem; cursor: pointer; }
.ic-avatar.recent[b-uyhbbo08gf] { background: var(--vcp-accent); }
.ic-show[b-uyhbbo08gf] { margin-left: auto; display: flex; align-items: center; gap: 0.2rem; font-size: 0.78rem; color: var(--vcp-text-4); flex-direction: row !important; }
.ic-show span[b-uyhbbo08gf] { margin-right: 0.2rem; }
.ic-show button[b-uyhbbo08gf] { height: 1.6rem; min-width: 2rem; border: 1px solid #dbe4e8; border: 1px solid hsl(from #dbe4e8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 7px; background: #fff; color: var(--vcp-text-2); font: inherit; font-size: 0.76rem; cursor: pointer; }
.ic-show button.on[b-uyhbbo08gf] { background: var(--vcp-accent); border-color: var(--vcp-accent); color: #fff; font-weight: 600; }
.ic-who[b-uyhbbo08gf] { display: inline-flex; align-items: center; gap: 0.3rem; border: 0; background: transparent; padding: 0; margin-bottom: 0.2rem; cursor: pointer;
          font: inherit; font-size: 0.74rem; font-weight: 600; color: #4b6570; color: hsl(from #4b6570 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.ic-who:hover[b-uyhbbo08gf] { color: var(--vcp-accent); text-decoration: underline; }
.ic-mini[b-uyhbbo08gf] { width: 1.15rem; height: 1.15rem; border-radius: 50%; color: #fff; font-size: 0.55rem; display: inline-flex; align-items: center; justify-content: center; }
.ic-compose-hint[b-uyhbbo08gf] { flex-direction: row !important; align-items: center; gap: 0.4rem; color: var(--vcp-text-4); font-size: 0.85rem; }
.ic-mute[b-uyhbbo08gf] { width: 2.4rem; height: 2.4rem; border: 1px solid #cfe0e6; border: 1px solid hsl(from #cfe0e6 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 10px; background: #f1f8fa; background: hsl(from #f1f8fa calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: var(--vcp-accent); cursor: pointer;
           display: inline-flex; align-items: center; justify-content: center; }
.ic-mute:hover[b-uyhbbo08gf] { background: var(--vcp-tint-2); }
.ic-mute.on[b-uyhbbo08gf] { background: #fff6d6; border-color: #f0dc8a; color: #8a6400; }
/* /Shared/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-80sox1bpws] {
    color-scheme: light only;
    background: #fff4ce;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-80sox1bpws] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

/* ---- Main screen (decision 0009) ---- */
.shell[b-80sox1bpws] { display: flex; min-height: 100vh; background: var(--vcp-page); }
.side[b-80sox1bpws] {
    position: sticky; top: 0; height: 100vh; flex: 0 0 14.5rem; width: 14.5rem; display: flex; flex-direction: column;
    background: linear-gradient(180deg, var(--vcp-side-from) 0%, var(--vcp-side-to) 100%); color: var(--vcp-tint-4); transition: width 0.2s, flex-basis 0.2s; overflow: hidden;
    /* Above the windows (900+), below the taskbar (990) and dialogs: the menu is always reachable. */
    z-index: 960;
}
.shell.collapsed .side[b-80sox1bpws] { flex-basis: 4rem; width: 4rem; }
.shell.collapsed .side-text[b-80sox1bpws], .shell.collapsed .side-nav[b-80sox1bpws]  span, .shell.collapsed .side-logout span[b-80sox1bpws], .shell.collapsed .side-item span[b-80sox1bpws] { display: none; }
.side-brand[b-80sox1bpws] { display: flex; align-items: center; gap: 0.65rem; padding: 1rem 0.9rem 1.1rem; color: #fff; text-decoration: none; }
.side-logo[b-80sox1bpws] {
    flex: 0 0 2.3rem; width: 2.3rem; height: 2.3rem; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, var(--vcp-accent-light), var(--vcp-accent)); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.side-logo[b-80sox1bpws]  .rzi { color: #fff; font-size: 1.35rem; }
.side-text[b-80sox1bpws] { display: flex; flex-direction: column; min-width: 0; line-height: 1.2; }
.side-text strong[b-80sox1bpws] { font-size: 1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.side-text small[b-80sox1bpws] { font-size: 0.72rem; color: #9fbcc7; color: hsl(from #9fbcc7 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* Only the menu scrolls (asked): the name at the top and the user / sign-out part at the bottom always stay visible. */
.side-brand[b-80sox1bpws], .side-foot[b-80sox1bpws] { flex: 0 0 auto; }
.side-nav[b-80sox1bpws] { flex: 1 1 auto; min-height: 0; overflow-y: auto; overflow-x: hidden; display: flex; flex-direction: column; gap: 0.2rem;
            padding: 0.3rem 0.6rem; scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0.28) transparent; }
.side-nav > *[b-80sox1bpws] { flex-shrink: 0; }
.side-nav[b-80sox1bpws]::-webkit-scrollbar { width: 8px; }
.side-nav[b-80sox1bpws]::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.28); border-radius: 4px; }
.side-nav[b-80sox1bpws]::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.45); }
.side-nav[b-80sox1bpws]  a {
    display: flex; align-items: center; gap: 0.75rem; padding: 0.6rem 0.7rem; border-radius: 9px; color: #c4d6dd; color: hsl(from #c4d6dd calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); text-decoration: none;
    font-size: 0.93rem; font-weight: 500; white-space: nowrap; transition: background 0.15s, color 0.15s;
}
.side-nav[b-80sox1bpws]  a .rzi { font-size: 1.3rem; }
.side-nav[b-80sox1bpws]  a:hover { background: rgba(255, 255, 255, 0.08); color: #fff; }
.side-nav[b-80sox1bpws]  a.active { background: #f4f8fa; background: hsl(from #f4f8fa calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); color: var(--vcp-ink); font-weight: 700; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18); }
.side-nav[b-80sox1bpws]  a.active .rzi { color: var(--vcp-accent); }
.side-item[b-80sox1bpws] {
    display: flex; align-items: center; gap: 0.75rem; padding: 0.6rem 0.7rem; border: 0; border-radius: 9px; background: transparent; color: #c4d6dd; color: hsl(from #c4d6dd calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l);
    font: inherit; font-size: 0.93rem; font-weight: 500; white-space: nowrap; text-align: left; cursor: pointer; position: relative;
    transition: background 0.15s, color 0.15s;
}
.side-item[b-80sox1bpws]  .rzi { font-size: 1.3rem; }
/* A long label is cut, never widens the menu. */
.side-item[b-80sox1bpws] { min-width: 0; gap: 0.65rem; }
.side-item span[b-80sox1bpws] { overflow: hidden; text-overflow: ellipsis; }
.side-item:hover[b-80sox1bpws] { background: rgba(255, 255, 255, 0.08); color: #fff; }
/* An open window: a small light on the entry; brighter when that window is in front. */
.side-item.open[b-80sox1bpws]::after { content: ""; position: absolute; left: 0.2rem; top: 50%; width: 4px; height: 1.1rem; margin-top: -0.55rem; border-radius: 2px; background: var(--vcp-accent-light); opacity: 0.6; }
.side-item.front[b-80sox1bpws] { background: rgba(255, 255, 255, 0.12); color: #fff; }
.side-item.front[b-80sox1bpws]::after { opacity: 1; }
/* Group headings (decision 0063): small caps text, folding the group under them. */
.side-group[b-80sox1bpws] {
    display: flex; align-items: center; gap: 0.4rem; margin-top: 0.55rem; padding: 0.3rem 0.5rem 0.3rem 0.7rem; border: 0; border-radius: 7px; background: transparent;
    color: rgba(255, 255, 255, 0.5); font: inherit; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; cursor: pointer;
    white-space: nowrap; text-align: left;
}
.side-group:hover[b-80sox1bpws] { background: rgba(255, 255, 255, 0.06); color: rgba(255, 255, 255, 0.85); }
.side-group-text[b-80sox1bpws] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.side-group[b-80sox1bpws]  .rzi { font-size: 1rem; opacity: 0.8; }
.side-group-dot[b-80sox1bpws] { width: 6px; height: 6px; border-radius: 50%; background: var(--vcp-accent-light); flex: none; }
.side-group.folded[b-80sox1bpws] { color: rgba(255, 255, 255, 0.65); }
/* Narrow menu: the heading becomes a thin line with its arrow. */
.shell.collapsed .side-group[b-80sox1bpws] { justify-content: center; padding: 0.15rem 0; margin-top: 0.35rem; border-top: 1px solid rgba(255, 255, 255, 0.1); border-radius: 0; }
.shell.collapsed .side-group-text[b-80sox1bpws] { display: none; }
.side-foot[b-80sox1bpws] { padding: 0.7rem 0.6rem 3.4rem; border-top: 1px solid rgba(255, 255, 255, 0.08); display: flex; flex-direction: column; gap: 0.4rem; }
.side-user[b-80sox1bpws] { display: flex; align-items: center; gap: 0.6rem; padding: 0.2rem 0.3rem; }
.side-avatar[b-80sox1bpws] {
    flex: 0 0 2rem; width: 2rem; height: 2rem; border-radius: 50%; background: var(--vcp-accent); color: #fff; font-weight: 700;
    display: inline-flex; align-items: center; justify-content: center;
}
.side-user[b-80sox1bpws] { flex-wrap: wrap; }
.side-lang[b-80sox1bpws] { margin-left: auto; }
.shell.collapsed .side-lang[b-80sox1bpws] { margin-left: 0; }
.side-prefs[b-80sox1bpws] { border: 0; background: transparent; color: rgba(255, 255, 255, 0.7); cursor: pointer; display: inline-flex; padding: 0.2rem; border-radius: 6px; }
.side-prefs:hover[b-80sox1bpws] { background: rgba(255, 255, 255, 0.12); color: #fff; }
/* The narrow menu has room for one language button per line. */
.shell.collapsed .side-user[b-80sox1bpws]  .lang-switch { flex-direction: column; }
.side-user[b-80sox1bpws]  .lang-switch { display: flex; gap: 0.25rem; }
.side-user[b-80sox1bpws]  .lang-switch button { background: transparent; border-color: rgba(255, 255, 255, 0.25); color: #c4d6dd; color: hsl(from #c4d6dd calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); font-size: 0.72rem; padding: 0 0.35rem; }
.side-user[b-80sox1bpws]  .lang-switch button.active { background: var(--vcp-accent-light); border-color: var(--vcp-accent-light); color: #fff; }
.side-logout-form[b-80sox1bpws] { margin: 0; }
.side-logout[b-80sox1bpws] {
    width: 100%; display: flex; align-items: center; gap: 0.75rem; padding: 0.5rem 0.7rem; border: 0; border-radius: 9px; background: transparent;
    color: #c4d6dd; color: hsl(from #c4d6dd calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); font: inherit; font-size: 0.88rem; cursor: pointer; white-space: nowrap;
}
.side-logout:hover[b-80sox1bpws] { background: rgba(229, 72, 77, 0.2); color: #fff; }

.shell-main[b-80sox1bpws] { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.topbar[b-80sox1bpws] {
    /* Above the windows too, so the quick search and its results are never hidden behind one. */
    position: sticky; top: 0; z-index: 955; display: flex; align-items: center; gap: 0.9rem; padding: 0.6rem 1.25rem;
    /* Solid, no backdrop-filter: a filter here would make the intercom's fixed panel and pop-ups (inside the bar)
       position against the bar instead of the screen. */
    background: #fff; border-bottom: 1px solid #dde6ea; border-bottom: 1px solid hsl(from #dde6ea calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l);
}
.topbar-toggle[b-80sox1bpws] {
    flex: 0 0 auto; width: 2.4rem; height: 2.4rem; border: 0; border-radius: 9px; background: transparent; color: var(--vcp-text-2); cursor: pointer;
    display: inline-flex; align-items: center; justify-content: center;
}
.topbar-toggle:hover[b-80sox1bpws] { background: var(--vcp-tint-1); }
.topbar-actions[b-80sox1bpws] { margin-left: auto; display: flex; align-items: center; gap: 0.9rem; }
.topbar-new[b-80sox1bpws] {
    display: inline-flex; align-items: center; gap: 0.4rem; height: 2.3rem; padding: 0 0.9rem; border: 0; border-radius: 9px;
    background: var(--vcp-accent); color: #fff; font: inherit; font-size: 0.88rem; font-weight: 600; cursor: pointer; white-space: nowrap;
}
.topbar-new:hover[b-80sox1bpws] { background: color-mix(in srgb, var(--vcp-accent) 82%, #000000); }
.app-main[b-80sox1bpws] { flex: 1 1 auto; padding: 1.1rem 1.4rem 3.25rem; min-width: 0; }  /* bottom: room for the taskbar */
.app-plain[b-80sox1bpws] { min-height: 100vh; background: var(--vcp-page); }

@media (max-width: 900px) {
    .side[b-80sox1bpws] { flex-basis: 4rem; width: 4rem; }
    .side-text[b-80sox1bpws], .side-nav[b-80sox1bpws]  span, .side-logout span[b-80sox1bpws], .side-item span[b-80sox1bpws] { display: none; }
    .side-group[b-80sox1bpws] { justify-content: center; padding: 0.15rem 0; margin-top: 0.35rem; border-top: 1px solid rgba(255, 255, 255, 0.1); border-radius: 0; }
    .side-group-text[b-80sox1bpws] { display: none; }
    .side-lang[b-80sox1bpws] { margin-left: 0; }
    .side-user[b-80sox1bpws]  .lang-switch { flex-direction: column; }
    .topbar-new span[b-80sox1bpws] { display: none; }
    .app-main[b-80sox1bpws] { padding: 0.8rem 0.8rem 4rem; }
}
/* /Shared/NotesDialog.razor.rz.scp.css */
.rn[b-3f94m6fmfq] { display: flex; flex-direction: column; gap: 0.6rem; }
.rn[b-3f94m6fmfq]  .rn-text { width: 100%; resize: vertical; }
.rn-foot[b-3f94m6fmfq] { display: flex; align-items: center; justify-content: flex-end; gap: 0.5rem; }
.rn-count[b-3f94m6fmfq] { margin-right: auto; font-size: 0.78rem; color: var(--vcp-text-3); font-variant-numeric: tabular-nums; }
/* /Shared/Pages/Home.razor.rz.scp.css */
.dash[b-aud33t9cho] { max-width: 1500px; margin: 0 auto; display: flex; flex-direction: column; gap: 0.8rem; }

.dash-hero[b-aud33t9cho] {
    display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; padding: 1rem 1.4rem;
    border-radius: 16px; color: #fff; background: linear-gradient(120deg, var(--vcp-side-to) 0%, var(--vcp-accent) 60%, var(--vcp-accent-light) 100%);
    box-shadow: 0 8px 24px rgba(29, 66, 80, 0.22); position: relative; overflow: hidden;
}
.dash-hero:has(.th-panel)[b-aud33t9cho] { overflow: visible; z-index: 5; }
.dash-hero[b-aud33t9cho]::after { content: "🐾"; position: absolute; right: 9rem; bottom: -2.4rem; font-size: 7.5rem; opacity: 0.08; transform: rotate(-18deg); pointer-events: none; }
.dash-hero h1[b-aud33t9cho] { margin: 0; font-size: 1.5rem; font-weight: 700; }
.dash-hero p[b-aud33t9cho] { margin: 0.15rem 0 0; color: #cfe7ee; color: hsl(from #cfe7ee calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.dash-hero p[b-aud33t9cho]::first-letter { text-transform: uppercase; }
.dash-tools[b-aud33t9cho] { display: flex; align-items: center; gap: 0.5rem; position: relative; z-index: 1; }
.dash-updated[b-aud33t9cho] { font-size: 0.8rem; color: #cfe7ee; color: hsl(from #cfe7ee calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); margin-right: 0.2rem; }
.dash-btn.icon[b-aud33t9cho] { width: 2.4rem; padding: 0; justify-content: center; }
.dash-btn[b-aud33t9cho] {
    display: inline-flex; align-items: center; gap: 0.4rem; height: 2.4rem; padding: 0 1rem; border: 0; border-radius: 10px;
    background: #fff; color: var(--vcp-ink); font: inherit; font-size: 0.9rem; font-weight: 600; cursor: pointer; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.dash-btn:hover[b-aud33t9cho] { background: #eef7fa; background: hsl(from #eef7fa calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.dash-btn.ghost[b-aud33t9cho] { background: rgba(255, 255, 255, 0.14); color: #fff; border: 1px solid rgba(255, 255, 255, 0.35); box-shadow: none; }
.dash-btn.ghost:hover[b-aud33t9cho] { background: rgba(255, 255, 255, 0.24); }
.dash-empty .dash-btn[b-aud33t9cho] { background: var(--vcp-accent); color: #fff; }

.dash-note[b-aud33t9cho] { display: flex; align-items: center; gap: 0.5rem; padding: 0.55rem 0.9rem; border-radius: 10px; background: #fff6d6; color: #6b5200; font-size: 0.88rem; }
.dash-loading[b-aud33t9cho], .dash-empty[b-aud33t9cho] { display: flex; flex-direction: column; align-items: center; gap: 0.6rem; padding: 3rem 1rem; color: var(--vcp-text-4); }
.dash-empty[b-aud33t9cho]  .rzi { font-size: 3rem; color: #b8c9d0; color: hsl(from #b8c9d0 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }

.dash-gallery[b-aud33t9cho] { background: #fff; border: 2px dashed #b9d7e0; border: 2px dashed hsl(from #b9d7e0 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 14px; padding: 0.8rem 0.9rem; }
.dash-gallery-head[b-aud33t9cho] { display: flex; align-items: baseline; gap: 0.8rem; flex-wrap: wrap; margin-bottom: 0.6rem; color: var(--vcp-ink); }
.dash-gallery-head span[b-aud33t9cho] { color: var(--vcp-text-4); font-size: 0.85rem; }
.dash-cards[b-aud33t9cho] { display: grid; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); gap: 0.5rem; }
.dash-card[b-aud33t9cho] {
    display: flex; align-items: center; gap: 0.65rem; padding: 0.6rem 0.7rem; border: 1px solid #dfe8ec; border: 1px solid hsl(from #dfe8ec calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 11px; background: #f8fbfc;
    font: inherit; text-align: left; cursor: pointer; transition: border-color 0.15s, background 0.15s, transform 0.15s;
}
.dash-card:hover:not(:disabled)[b-aud33t9cho] { border-color: var(--vcp-accent); background: #fff; transform: translateY(-1px); }
.dash-card.on[b-aud33t9cho] { opacity: 0.6; cursor: default; }
.dash-card-icon[b-aud33t9cho] { flex: 0 0 2.3rem; width: 2.3rem; height: 2.3rem; border-radius: 10px; background: var(--vcp-tint-2); color: var(--vcp-accent); display: inline-flex; align-items: center; justify-content: center; }
.dash-card-text[b-aud33t9cho] { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; line-height: 1.25; }
.dash-card-text strong[b-aud33t9cho] { font-size: 0.9rem; color: var(--vcp-ink); }
.dash-card-text small[b-aud33t9cho] { font-size: 0.76rem; color: var(--vcp-text-4); }
.dash-card-add[b-aud33t9cho] { flex: 0 0 auto; color: var(--vcp-accent); display: inline-flex; }
.dash-card.on .dash-card-add[b-aud33t9cho] { color: #2e9a52; }

/* Arranging: a dotted grid shows where widgets can go; the title bar becomes the handle. */
.dash-grid.editing[b-aud33t9cho]  .grid-stack { background-image: radial-gradient(#c9dbe2 1px, transparent 1px); background-image: radial-gradient(hsl(from #c9dbe2 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l) 1px, transparent 1px); background-size: calc(100% / 12) 64px; border-radius: 12px; min-height: 12rem; }
.dash-grid.editing[b-aud33t9cho]  .wg { box-shadow: 0 0 0 2px #9fd0dc, 0 6px 18px color-mix(in srgb, var(--vcp-ink) 12%, transparent); box-shadow: 0 0 0 2px hsl(from #9fd0dc calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l), 0 6px 18px color-mix(in srgb, var(--vcp-ink) 12%, transparent); }
.dash-grid.editing[b-aud33t9cho]  .wg-head { cursor: move; background: #f3f9fb; background: hsl(from #f3f9fb calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
/* /Shared/Preferences/MyPreferencesDialog.razor.rz.scp.css */
.mp[b-ors4r7ndzq] { display: flex; flex-direction: column; gap: 0.6rem; }
.mp-empty[b-ors4r7ndzq] { padding: 1rem; color: var(--vcp-text-3); }
.mp-row[b-ors4r7ndzq] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 0.7rem; padding: 0.7rem 0.8rem; border: 1px solid var(--vcp-line-soft);
          border-radius: 12px; background: #fff; font: inherit; text-align: left; cursor: pointer; }
.mp-row.on[b-ors4r7ndzq] { border-color: var(--vcp-accent); background: var(--vcp-tint-0); }
.mp-row:focus-visible[b-ors4r7ndzq] { outline: 2px solid var(--vcp-accent); outline-offset: 2px; }
.mp-row[b-ors4r7ndzq]  .mp-icon { font-size: 1.5rem; color: var(--vcp-text-3); }
.mp-row.on[b-ors4r7ndzq]  .mp-icon { color: var(--vcp-accent-dark); }
.mp-text[b-ors4r7ndzq] { display: flex; flex-direction: column; gap: 0.1rem; }
.mp-text strong[b-ors4r7ndzq] { font-size: 0.9rem; color: var(--vcp-ink-2); }
.mp-text small[b-ors4r7ndzq] { font-size: 0.76rem; color: var(--vcp-text-3); }
.mp-switch[b-ors4r7ndzq] { position: relative; width: 2.3rem; height: 1.3rem; border-radius: 999px; background: #cfd8dc; transition: background 0.15s; }
.mp-switch span[b-ors4r7ndzq] { position: absolute; top: 0.15rem; left: 0.15rem; width: 1rem; height: 1rem; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
                  transition: transform 0.15s; }
.mp-row.on .mp-switch[b-ors4r7ndzq] { background: var(--vcp-accent); }
.mp-row.on .mp-switch span[b-ors4r7ndzq] { transform: translateX(1rem); }
.mp-note[b-ors4r7ndzq] { font-size: 0.78rem; color: var(--vcp-text-3); }
.mp-foot[b-ors4r7ndzq] { display: flex; justify-content: flex-end; }
/* /Shared/Presence/IdleSignOut.razor.rz.scp.css */
.idle-cover[b-lr7ehym3ti] { position: fixed; inset: 0; z-index: 2000; background: rgba(15, 35, 45, 0.45); display: flex; align-items: center; justify-content: center; padding: 1rem; }
[b-lr7ehym3ti] .idle-card { width: min(26rem, 100%); border-radius: 16px; box-shadow: 0 18px 50px rgba(0, 0, 0, 0.25); }
.idle-head[b-lr7ehym3ti] { display: flex; align-items: center; gap: 0.5rem; font-size: 1.1rem; color: var(--vcp-ink); }
.idle-head[b-lr7ehym3ti]  .rzi { color: #e0a100; font-size: 1.6rem; }
.idle-count[b-lr7ehym3ti] { font-size: 2.4rem; font-weight: 700; color: var(--vcp-ink); text-align: center; font-variant-numeric: tabular-nums; }
/* /Shared/Printing/StationPrintersDialog.razor.rz.scp.css */
.sp[b-nn7plcmz30] { display: flex; flex-direction: column; gap: 0.7rem; font-size: 0.9rem; }
.sp-hint[b-nn7plcmz30] { margin: 0; color: var(--vcp-text-2); }
.sp-small[b-nn7plcmz30] { font-size: 0.75rem; color: var(--vcp-text-3); }
.sp-grow[b-nn7plcmz30] { flex: 1; }
.sp-box[b-nn7plcmz30] { display: flex; gap: 0.8rem; padding: 0.8rem; border-radius: 10px; background: var(--vcp-tint-1); }
.sp-box.warn[b-nn7plcmz30] { background: #fff8e1; }
.sp-box p[b-nn7plcmz30] { margin: 0.3rem 0; }
.sp-box ol[b-nn7plcmz30] { margin: 0.3rem 0 0; padding-left: 1.2rem; }
.sp-box[b-nn7plcmz30]  .sp-big { font-size: 2rem; color: var(--vcp-accent-mid); }
.sp-row[b-nn7plcmz30] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: end; gap: 0.6rem; }
.sp-row[b-nn7plcmz30]  .sp-icon { font-size: 1.6rem; color: var(--vcp-accent-mid); padding-bottom: 0.35rem; }
.sp-field[b-nn7plcmz30] { display: flex; flex-direction: column; gap: 0.2rem; min-width: 0; }
.sp-field > span[b-nn7plcmz30] { font-size: 0.78rem; font-weight: 600; color: var(--vcp-text-2); }
.sp-field[b-nn7plcmz30]  .rz-dropdown { width: 100%; }
.sp-buttons[b-nn7plcmz30] { display: flex; align-items: center; gap: 0.5rem; padding-top: 0.3rem; }
/* /Shared/QuickSearch.razor.rz.scp.css */
.qs[b-1dco1vpr9t] { position: relative; flex: 1 1 auto; max-width: 40rem; }
.qs-icon[b-1dco1vpr9t] { position: absolute; left: 0.75rem; top: 50%; transform: translateY(-50%); color: #6b8792; color: hsl(from #6b8792 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); display: flex; pointer-events: none; }
.qs-input[b-1dco1vpr9t] {
    width: 100%; height: 2.4rem; box-sizing: border-box; padding: 0 4.2rem 0 2.5rem; border: 0; border-radius: 10px;
    background: var(--vcp-field-bg); font: inherit; font-size: 0.95rem; color: var(--vcp-ink); outline: none; transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
}
.qs-input:focus[b-1dco1vpr9t] { background: #fff; box-shadow: var(--vcp-field-focus-ring); }
.qs-input[b-1dco1vpr9t]::-webkit-search-cancel-button { display: none; }
.qs-kbd[b-1dco1vpr9t] {
    position: absolute; right: 0.6rem; top: 50%; transform: translateY(-50%); font: 600 0.7rem/1 inherit; color: #7a8f97; color: hsl(from #7a8f97 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l);
    border: 1px solid #d3dde2; border: 1px solid hsl(from #d3dde2 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-bottom-width: 2px; border-radius: 5px; padding: 0.2rem 0.35rem; background: #fff; pointer-events: none;
}
.qs-panel[b-1dco1vpr9t] {
    position: absolute; left: 0; right: 0; top: calc(100% + 0.35rem); z-index: 1200; max-height: min(70vh, 34rem); overflow: auto;
    background: #fff; border: 1px solid #d3dde2; border: 1px solid hsl(from #d3dde2 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 12px; box-shadow: 0 16px 40px rgba(18, 45, 56, 0.2); padding: 0.35rem;
}
.qs-group[b-1dco1vpr9t] { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #7a8f97; color: hsl(from #7a8f97 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); padding: 0.55rem 0.6rem 0.25rem; }
.qs-item[b-1dco1vpr9t] {
    width: 100%; display: flex; align-items: center; gap: 0.7rem; padding: 0.45rem 0.6rem; border: 0; border-radius: 8px; background: transparent;
    font: inherit; text-align: left; cursor: pointer; color: var(--vcp-ink);
}
.qs-item.active[b-1dco1vpr9t] { background: #e8f2f6; background: hsl(from #e8f2f6 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.qs-avatar[b-1dco1vpr9t] {
    flex: 0 0 2.1rem; width: 2.1rem; height: 2.1rem; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
    font-size: 0.8rem; font-weight: 700;
}
.qs-avatar.pet[b-1dco1vpr9t] { background: #e6f4e7; font-size: 1.05rem; }
.qs-avatar.pet[b-1dco1vpr9t]  img { width: 1.3rem; height: 1.3rem; object-fit: contain; }
.qs-avatar.client[b-1dco1vpr9t] { background: #e3effa; color: #23608f; }
.qs-main[b-1dco1vpr9t] { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.qs-title[b-1dco1vpr9t] { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.qs-sub[b-1dco1vpr9t] { font-size: 0.78rem; color: var(--vcp-text-4); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.qs-side[b-1dco1vpr9t] { flex: 0 1 12rem; min-width: 0; display: flex; flex-direction: column; align-items: flex-end; font-size: 0.85rem; text-align: right; }
.qs-side > span[b-1dco1vpr9t] { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.qs-tag[b-1dco1vpr9t] { font-size: 0.68rem; font-weight: 600; color: #8a5a00; background: #fff1cc; border-radius: 4px; padding: 0.05rem 0.3rem; margin-left: 0.3rem; }
.qs-empty[b-1dco1vpr9t] { padding: 0.9rem; color: var(--vcp-text-4); font-size: 0.9rem; }
.qs-more[b-1dco1vpr9t] {
    width: 100%; display: flex; align-items: center; gap: 0.4rem; margin-top: 0.25rem; padding: 0.5rem 0.6rem; border: 0; border-top: 1px solid #edf1f3; border-top: 1px solid hsl(from #edf1f3 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l);
    background: transparent; font: inherit; font-size: 0.85rem; color: #2f7f96; color: hsl(from #2f7f96 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); cursor: pointer; border-radius: 0 0 8px 8px;
}
.qs-more:hover[b-1dco1vpr9t] { background: #f3f7f9; background: hsl(from #f3f7f9 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
/* /Shared/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-qrxcjk7knr],
.components-reconnect-repeated-attempt-visible[b-qrxcjk7knr],
.components-reconnect-failed-visible[b-qrxcjk7knr],
.components-pause-visible[b-qrxcjk7knr],
.components-resume-failed-visible[b-qrxcjk7knr],
.components-rejoining-animation[b-qrxcjk7knr] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-qrxcjk7knr],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-qrxcjk7knr],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-qrxcjk7knr],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-qrxcjk7knr],
#components-reconnect-modal.components-reconnect-retrying[b-qrxcjk7knr],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-qrxcjk7knr],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-qrxcjk7knr],
#components-reconnect-modal.components-reconnect-failed[b-qrxcjk7knr],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-qrxcjk7knr] {
    display: block;
}


#components-reconnect-modal[b-qrxcjk7knr] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-qrxcjk7knr 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-qrxcjk7knr 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-qrxcjk7knr 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-qrxcjk7knr]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-qrxcjk7knr 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-qrxcjk7knr {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-qrxcjk7knr {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-qrxcjk7knr {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-qrxcjk7knr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-qrxcjk7knr] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-qrxcjk7knr] {
    border: 0;
    background-color: #6b9ed2; background-color: hsl(from #6b9ed2 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l);
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-qrxcjk7knr] {
        background-color: #3b6ea2; background-color: hsl(from #3b6ea2 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l);
    }

    #components-reconnect-modal button:active[b-qrxcjk7knr] {
        background-color: #6b9ed2; background-color: hsl(from #6b9ed2 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l);
    }

.components-rejoining-animation[b-qrxcjk7knr] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-qrxcjk7knr] {
        position: absolute;
        border: 3px solid #0087ff; border: 3px solid hsl(from #0087ff calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l);
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-qrxcjk7knr 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-qrxcjk7knr] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-qrxcjk7knr {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Shared/ScreenLayout.razor.rz.scp.css */
.cal-only[b-ukjyg23a40] { height: 100vh; box-sizing: border-box; padding: 0.5rem 0.6rem 0; background: #fff; overflow: hidden; }
/* The view fills the window, with room for the taskbar. */
.cal-only[b-ukjyg23a40]  .screen-fill { height: calc(100vh - 3.6rem); min-height: 420px; }
/* Full screen (decision 0064): a small round button in the bottom-right corner, in the strip kept for the taskbar. */
.screen-full[b-ukjyg23a40] {
    position: fixed; right: 0.6rem; bottom: 0.45rem; z-index: 995; width: 2.2rem; height: 2.2rem; border-radius: 50%; border: 0; cursor: pointer;
    display: inline-flex; align-items: center; justify-content: center; background: var(--vcp-accent-dark); color: #fff; opacity: 0.55;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25); transition: opacity 0.15s;
}
.screen-full:hover[b-ukjyg23a40] { opacity: 1; }

#blazor-error-ui[b-ukjyg23a40] {
    color-scheme: light only; background: #fff4ce; bottom: 0; box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2); box-sizing: border-box;
    display: none; left: 0; padding: 0.6rem 1.25rem 0.7rem 1.25rem; position: fixed; width: 100%; z-index: 1000;
}
#blazor-error-ui .dismiss[b-ukjyg23a40] { cursor: pointer; position: absolute; right: 0.75rem; top: 0.5rem; }
/* /Shared/Stores/StoreSwitch.razor.rz.scp.css */
/* Same height as the credits beside it; amber while no store is chosen. */
.st[b-fddff9ejce] { position: relative; }
.st-chip[b-fddff9ejce] { display: inline-flex; align-items: center; gap: 0.35rem; height: 2.4rem; padding: 0 0.7rem; border: 1px solid var(--vcp-line-accent); border-radius: 10px;
           background: #fff; color: var(--vcp-ink-2); font: inherit; font-size: 0.85rem; font-weight: 600; white-space: nowrap; cursor: pointer; }
.st-chip:hover:not(:disabled)[b-fddff9ejce] { background: #eef7fa; background: hsl(from #eef7fa calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.st-chip:disabled[b-fddff9ejce] { cursor: default; }
.st-chip[b-fddff9ejce]  .rzi { font-size: 1.2rem; color: var(--vcp-accent); }
.st-chip[b-fddff9ejce]  .st-more { font-size: 1rem; opacity: 0.7; }
.st-none[b-fddff9ejce] { border-color: #f0c36d; background: #fff7e6; color: #8a5300; }
.st-none[b-fddff9ejce]  .rzi { color: #b26a00; }
.st-name[b-fddff9ejce] { max-width: 12rem; overflow: hidden; text-overflow: ellipsis; }
.st-menu[b-fddff9ejce] { position: absolute; right: 0; top: calc(100% + 0.35rem); z-index: 1200; min-width: 14rem; background: #fff; border: 1px solid var(--vcp-line-accent);
           border-radius: 12px; box-shadow: 0 10px 30px rgba(20, 60, 75, 0.18); padding: 0.35rem; }
.st-menu-head[b-fddff9ejce] { font-size: 0.75rem; font-weight: 700; color: var(--vcp-text-3); padding: 0.3rem 0.5rem; text-transform: uppercase; letter-spacing: 0.03em; }
.st-menu form[b-fddff9ejce] { margin: 0; }
.st-item[b-fddff9ejce] { display: flex; align-items: center; gap: 0.5rem; width: 100%; border: 0; background: transparent; padding: 0.45rem 0.55rem; border-radius: 8px;
           font: inherit; font-size: 0.9rem; color: inherit; cursor: pointer; text-align: left; }
.st-item:hover[b-fddff9ejce] { background: var(--vcp-tint-1); }
.st-item[b-fddff9ejce]  .rzi { font-size: 1.05rem; color: #7a96a1; color: hsl(from #7a96a1 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.st-current[b-fddff9ejce] { font-weight: 700; color: var(--vcp-accent-dark); }
.st-current[b-fddff9ejce]  .rzi { color: var(--vcp-accent-dark); }
.st-menu-foot[b-fddff9ejce] { font-size: 0.72rem; color: var(--vcp-text-3); padding: 0.35rem 0.5rem 0.2rem; border-top: 1px solid var(--vcp-tint-1); margin-top: 0.25rem; }
@media (max-width: 1100px) { .st-name[b-fddff9ejce] { max-width: 6rem; } }
/* /Shared/Tabs/TabsDialog.razor.rz.scp.css */
.pt[b-clpqcgnfal] { display: flex; flex-direction: column; gap: 0.6rem; }
.pt-hint[b-clpqcgnfal] { margin: 0; font-size: 0.85rem; color: #4a5f68; color: hsl(from #4a5f68 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.pt-list[b-clpqcgnfal] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.35rem; }
.pt-row[b-clpqcgnfal] { display: flex; align-items: center; gap: 0.5rem; padding: 0.35rem 0.45rem; border: 1px solid #bcd3dc; border: 1px solid hsl(from #bcd3dc calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 8px;
    background: var(--vcp-tint-0); cursor: grab; }
.pt-row.off[b-clpqcgnfal] { background: #fff; color: #8a9aa1; }
.pt-row.off .pt-name[b-clpqcgnfal] { text-decoration: line-through; }
.pt-row[b-clpqcgnfal]  .pt-grip { color: #8a9aa1; }
.pt-name[b-clpqcgnfal] { flex: 1 1 auto; display: flex; align-items: center; gap: 0.4rem; cursor: pointer; font-weight: 600; }
.pt-move[b-clpqcgnfal] { border: 0; background: transparent; color: var(--vcp-ink-2); border-radius: 6px; padding: 0.15rem; cursor: pointer; display: inline-flex; }
.pt-move:hover:not(:disabled)[b-clpqcgnfal] { background: #dceaf0; background: hsl(from #dceaf0 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); }
.pt-move:disabled[b-clpqcgnfal] { color: #c6d3d8; color: hsl(from #c6d3d8 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); cursor: default; }
.pt-note[b-clpqcgnfal] { margin: 0; font-size: 0.8rem; color: #8a5a00; display: flex; align-items: center; gap: 0.35rem; }
.pt-buttons[b-clpqcgnfal] { display: flex; gap: 0.5rem; justify-content: flex-end; }
.pt-buttons[b-clpqcgnfal]  .pt-reset { margin-right: auto; }
/* /Shared/Theme/ThemePicker.razor.rz.scp.css */
.th[b-j540h736wh] { position: relative; }
.th-button[b-j540h736wh] { width: 2.4rem; height: 2.4rem; border: 1px solid var(--vcp-line-accent); border-radius: 10px; background: #fff; color: var(--vcp-accent); cursor: pointer;
             display: inline-flex; align-items: center; justify-content: center; gap: 0.4rem; font: inherit; }
.th-button:hover[b-j540h736wh] { background: color-mix(in srgb, var(--vcp-accent) 10%, #ffffff); }
.th-button[b-j540h736wh]  .rzi { font-size: 1.25rem; }
/* On the home page's banner, as the buttons beside it. */
.th-dark[b-j540h736wh] { width: auto; padding: 0 1rem; background: rgba(255, 255, 255, 0.14); color: #fff; border-color: rgba(255, 255, 255, 0.35);
           font-size: 0.9rem; font-weight: 600; }
.th-dark:hover[b-j540h736wh] { background: rgba(255, 255, 255, 0.24); }
.th-panel[b-j540h736wh] { position: absolute; right: 0; top: calc(100% + 0.4rem); z-index: 1200; width: 27rem; max-height: calc(100vh - 12rem); overflow: auto;
            background: #fff; color: #1d2129; border: 1px solid var(--vcp-line-accent); border-radius: 14px; box-shadow: 0 12px 34px rgba(20, 40, 50, 0.25);
            padding: 0.5rem 0.75rem 0.75rem; text-align: left; }
.th-top[b-j540h736wh] { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; }
.th-sub[b-j540h736wh] { margin-top: 0.7rem; }
.th-head[b-j540h736wh] { font-size: 0.74rem; font-weight: 700; color: var(--vcp-text-3); text-transform: uppercase; letter-spacing: 0.03em; margin: 0.3rem 0; }
.th-close[b-j540h736wh] { border: 0; background: transparent; color: var(--vcp-text-3); cursor: pointer; display: inline-flex; border-radius: 6px; padding: 0.15rem; }
.th-close:hover[b-j540h736wh] { background: var(--vcp-tint-1); }
.th-grid[b-j540h736wh] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.5rem; }
.th-card[b-j540h736wh] { display: flex; flex-direction: column; gap: 0.3rem; border: 2px solid transparent; border-radius: 10px; background: #f6f8f9;
           padding: 0.35rem; cursor: pointer; font: inherit; color: inherit; }
.th-card:hover[b-j540h736wh] { border-color: var(--vcp-line-accent); }
.th-on[b-j540h736wh], .th-on:hover[b-j540h736wh] { border-color: var(--vcp-accent); background: #fff; }
.th-preview[b-j540h736wh] { position: relative; display: block; height: 3.4rem; border-radius: 7px; overflow: hidden; }
.th-side[b-j540h736wh] { position: absolute; left: 0; top: 0; bottom: 0; width: 26%; }
.th-bar[b-j540h736wh] { position: absolute; left: 26%; right: 0; top: 0; height: 18%; background: #fff; opacity: 0.9; }
.th-win[b-j540h736wh] { position: absolute; left: 38%; right: 10%; top: 28%; bottom: 16%; background: #fff; border: 2px solid; border-radius: 4px; overflow: hidden; }
.th-win span[b-j540h736wh] { display: block; height: 30%; }
.th-fams[b-j540h736wh] { position: absolute; left: 38%; right: 10%; bottom: 3%; height: 7%; display: flex; gap: 1px; }
.th-fams span[b-j540h736wh] { flex: 1; border-radius: 1px; }
.th-name[b-j540h736wh] { font-size: 0.8rem; font-weight: 600; text-align: center; }
.th-hint[b-j540h736wh] { font-size: 0.75rem; color: var(--vcp-text-3); margin-bottom: 0.4rem; }
.th-reset-all[b-j540h736wh] { font-size: 0.78rem; }
.th-colors[b-j540h736wh] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.35rem 0.8rem; }
.th-color[b-j540h736wh] { display: flex; align-items: center; gap: 0.45rem; min-width: 0; }
.th-fam-name[b-j540h736wh] { flex: 1; font-size: 0.82rem; color: var(--vcp-text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.th[b-j540h736wh]  .th-pick { flex: 0 0 auto; }
.th-undo[b-j540h736wh] { border: 0; background: transparent; color: #7a96a1; cursor: pointer; display: inline-flex; border-radius: 6px; padding: 0.1rem; }
.th-undo:hover[b-j540h736wh] { background: var(--vcp-tint-1); color: var(--vcp-accent-dark); }
.th-undo[b-j540h736wh]  .rzi { font-size: 1rem; }
.th-note[b-j540h736wh] { margin-top: 0.5rem; font-size: 0.74rem; color: #8a5300; }
/* /Shared/Unsaved/UnsavedDialog.razor.rz.scp.css */
.ud[b-cmyko86gkf] { display: flex; flex-direction: column; gap: 0.9rem; }
.ud-text[b-cmyko86gkf] { margin: 0; display: flex; align-items: center; gap: 0.5rem; font-size: 0.95rem; color: var(--vcp-ink); }
.ud-text[b-cmyko86gkf]  .rzi { font-size: 1.6rem; color: #b26a00; }
.ud-buttons[b-cmyko86gkf] { display: flex; gap: 0.5rem; justify-content: flex-end; }
.ud-buttons[b-cmyko86gkf]  .ud-cancel { margin-right: auto; }
/* /Shared/Windows/Taskbar.razor.rz.scp.css */
/* Above the windows, below Radzen's dialogs. */
.tb[b-lov01l1a86] {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 990; height: 2.75rem; display: flex; align-items: center; gap: 0.35rem;
    padding: 0 0.6rem; background: var(--vcp-taskbar); box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.18); overflow-x: auto;
    backdrop-filter: blur(6px);
}
.tb-item[b-lov01l1a86] {
    flex: 0 1 15rem; min-width: 7.5rem; display: flex; align-items: center; height: 2.1rem; border-radius: 7px;
    background: rgba(255, 255, 255, 0.08); color: var(--vcp-tint-3); position: relative; transition: background 0.15s;
}
.tb-item:hover[b-lov01l1a86] { background: rgba(255, 255, 255, 0.16); }
.tb-item.front[b-lov01l1a86] { background: #f4f8fa; color: var(--vcp-ink); }
.tb-item.minimized[b-lov01l1a86] { opacity: 0.72; }
/* A coloured line under each button says what it is: client, pet, appointment. */
.tb-item[b-lov01l1a86]::after { content: ""; position: absolute; left: 10px; right: 10px; bottom: 2px; height: 3px; border-radius: 2px; background: transparent; }
.tb-item.fam-client[b-lov01l1a86]::after { background: var(--vcp-fam-client); }
.tb-item.fam-patient[b-lov01l1a86]::after { background: var(--vcp-fam-patient); }
.tb-item.fam-clinical[b-lov01l1a86]::after { background: var(--vcp-fam-clinical); }
.tb-item.fam-appointment[b-lov01l1a86]::after { background: var(--vcp-fam-appointment); }
.tb-item.fam-hotel[b-lov01l1a86]::after { background: var(--vcp-fam-hotel); }
.tb-item.fam-message[b-lov01l1a86]::after { background: var(--vcp-fam-message); }
.tb-item.fam-stock[b-lov01l1a86]::after { background: var(--vcp-fam-stock); }
.tb-item.fam-setup[b-lov01l1a86]::after { background: var(--vcp-fam-setup); }
.tb-open[b-lov01l1a86] {
    flex: 1 1 auto; min-width: 0; height: 100%; display: flex; align-items: center; gap: 0.4rem; padding: 0 0.3rem 0 0.6rem;
    border: 0; background: transparent; color: inherit; font: inherit; font-size: 0.85rem; cursor: pointer;
}
.tb-open[b-lov01l1a86]  .rzi { font-size: 1.1rem; }
.tb-name[b-lov01l1a86] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 600; }
.tb-close[b-lov01l1a86] {
    flex: 0 0 auto; width: 1.6rem; height: 1.6rem; margin-right: 0.25rem; border: 0; border-radius: 5px; background: transparent;
    color: inherit; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.15s;
}
.tb-close[b-lov01l1a86]  .rzi { font-size: 1rem; }
.tb-item:hover .tb-close[b-lov01l1a86], .tb-item.front .tb-close[b-lov01l1a86] { opacity: 0.7; }
.tb-close:hover[b-lov01l1a86] { opacity: 1 !important; background: #e5484d; color: #fff; }
.tb-all[b-lov01l1a86] {
    margin-left: auto; flex: 0 0 auto; width: 2.1rem; height: 2.1rem; border: 0; border-radius: 7px; background: transparent;
    color: var(--vcp-tint-3); cursor: pointer; display: inline-flex; align-items: center; justify-content: center;
}
.tb-all:hover[b-lov01l1a86] { background: rgba(255, 255, 255, 0.16); }
.tb-species[b-lov01l1a86] { display: inline-flex; align-items: center; justify-content: center; width: 1.25rem; height: 1.25rem; border-radius: 50%;
    background: #fff; flex: 0 0 auto; }
.tb-species[b-lov01l1a86]  .species-paw { font-size: 0.9rem !important; }
/* /Shared/Windows/WindowHost.razor.rz.scp.css */
/* Below Radzen's modal dialogs (confirmations), above the page. */
.vcp-window-layer[b-3z5oq59uqa] { position: fixed; inset: 0; pointer-events: none; }

/* Each kind of window has its colour (WindowIcons.Family; the colours are in app.css, --vcp-fam-*): a tinted title bar
   and border, and in front the full colour, a ring and a deeper shadow, so windows on top of each other stand apart. */
.vcp-window[b-3z5oq59uqa] {
    --fam: var(--vcp-fam-setup);
    position: absolute; pointer-events: auto; display: flex; flex-direction: column;
    width: 540px; height: 480px; min-width: 300px; min-height: 160px; max-width: 96vw; max-height: calc(100vh - 3.25rem);
    background: var(--rz-base-background-color, #fff);
    border: 2px solid color-mix(in srgb, var(--fam) 45%, #ffffff); border-radius: 10px;
    box-shadow: 0 8px 26px rgba(15, 30, 40, 0.22); overflow: hidden; resize: both;
    transition: box-shadow 0.15s, border-color 0.15s;
}
.vcp-window.fam-client[b-3z5oq59uqa] { --fam: var(--vcp-fam-client); }
.vcp-window.fam-patient[b-3z5oq59uqa] { --fam: var(--vcp-fam-patient); }
.vcp-window.fam-clinical[b-3z5oq59uqa] { --fam: var(--vcp-fam-clinical); }
.vcp-window.fam-appointment[b-3z5oq59uqa] { --fam: var(--vcp-fam-appointment); }
.vcp-window.fam-hotel[b-3z5oq59uqa] { --fam: var(--vcp-fam-hotel); }
.vcp-window.fam-message[b-3z5oq59uqa] { --fam: var(--vcp-fam-message); }
.vcp-window.fam-stock[b-3z5oq59uqa] { --fam: var(--vcp-fam-stock); }
.vcp-window.front[b-3z5oq59uqa] {
    border-color: var(--fam);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--fam) 22%, transparent), 0 18px 48px rgba(10, 25, 35, 0.38);
}
/* Minimised windows wait on the taskbar (Taskbar.razor). */
.vcp-window.minimized[b-3z5oq59uqa] { display: none; }
.vcp-window-title[b-3z5oq59uqa] {
    flex: 0 0 auto; display: flex; align-items: center; gap: 0.25rem; padding: 0.35rem 0.4rem 0.35rem 0.75rem;
    background: color-mix(in srgb, var(--fam) 13%, #ffffff); color: color-mix(in srgb, var(--fam) 70%, #1d2129);
    border-bottom: 1px solid color-mix(in srgb, var(--fam) 30%, #ffffff); cursor: move; user-select: none; touch-action: none;
}
.vcp-window.front .vcp-window-title[b-3z5oq59uqa] { background: var(--fam); color: #fff; border-bottom-color: var(--fam); }
.vcp-window-name[b-3z5oq59uqa] { flex: 1 1 auto; font-weight: 700; font-size: 0.9rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vcp-window-button[b-3z5oq59uqa] { border: 0; background: transparent; cursor: pointer; padding: 0.15rem; border-radius: 4px; display: inline-flex; color: inherit; opacity: 0.85; }
.vcp-window-button:hover[b-3z5oq59uqa] { background: color-mix(in srgb, var(--fam) 22%, #ffffff); opacity: 1; }
.vcp-window.front .vcp-window-button:hover[b-3z5oq59uqa] { background: rgba(255, 255, 255, 0.22); }
.vcp-window-button.close:hover[b-3z5oq59uqa], .vcp-window.front .vcp-window-button.close:hover[b-3z5oq59uqa] { background: #e5484d; color: #fff; }
.vcp-window-body[b-3z5oq59uqa] { flex: 1 1 auto; overflow: auto; padding: 0.75rem 1rem; }
/* The footer bar (WindowFooter), tinted in the window's colour like the title bar. */
.vcp-window-foot[b-3z5oq59uqa] {
    flex: 0 0 auto; padding: 0.5rem 1rem; background: color-mix(in srgb, var(--fam) 7%, #ffffff);
    border-top: 1px solid color-mix(in srgb, var(--fam) 25%, #ffffff);
}
.vcp-window-foot:empty[b-3z5oq59uqa] { display: none; }
/* Forms that keep room for their buttons below them (calc(100% - var(--vcp-foot-room))) need none once the buttons are
   in the footer. */
.vcp-window:has(> .vcp-window-foot:not(:empty)) > .vcp-window-body[b-3z5oq59uqa] { --vcp-foot-room: 0px; }
.vcp-window-foot[b-3z5oq59uqa]  > * { margin: 0 !important; border-top: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; }
.vcp-window-title[b-3z5oq59uqa]  .vcp-window-icon { font-size: 1.1rem; color: var(--fam); }
.vcp-window.front .vcp-window-title[b-3z5oq59uqa]  .vcp-window-icon { color: #fff; }
/* Maximised: the whole work area (beside the side menu, between the top bar and the taskbar). The dragged position
   stays in the inline style underneath, so restoring puts the window back where it was. */
.vcp-window.maximized[b-3z5oq59uqa] {
    left: var(--vcp-side-w) !important; top: var(--vcp-top-h) !important;
    width: calc(100vw - var(--vcp-side-w)) !important; height: calc(100vh - var(--vcp-top-h) - 2.75rem) !important;
    max-width: none; max-height: none; border-radius: 0; resize: none; border-width: 0 0 0 4px;
}
.vcp-window.maximized .vcp-window-title[b-3z5oq59uqa] { cursor: default; }
/* A pet window shows its species (SpeciesImage) on a white disc, so the picture reads on any title colour. */
.vcp-window-title .vcp-window-icon.species[b-3z5oq59uqa] { display: inline-flex; align-items: center; justify-content: center; width: 1.45rem; height: 1.45rem;
    border-radius: 50%; background: #fff; flex: 0 0 auto; }
.vcp-window-title .vcp-window-icon.species[b-3z5oq59uqa]  .species-paw { color: var(--fam); font-size: 1rem !important; }
/* Full screen (decision 0064): the window fills the monitor; the side menu, top bar and taskbar are hidden
   (app.css, body.vcp-fullscreen). Windows opened from it still come above it. */
.vcp-window.fullscreen[b-3z5oq59uqa] {
    left: 0 !important; top: 0 !important; width: 100vw !important; height: 100vh !important;
    max-width: none; max-height: none; border-radius: 0; resize: none; border-width: 0;
}
.vcp-window.fullscreen .vcp-window-title[b-3z5oq59uqa] { cursor: default; }
/* /Shared/WordProcessor/WordEditor.razor.rz.scp.css */
.we[b-800vno84xy] { height: 100%; min-height: 0; border: 1px solid #dbe5e9; border: 1px solid hsl(from #dbe5e9 calc(h + var(--vcp-hue)) calc(s * var(--vcp-sat)) l); border-radius: 10px; overflow: hidden; background: #fff; }
.we-wait[b-800vno84xy] { height: 100%; display: flex; align-items: center; justify-content: center; color: var(--vcp-text-4); }