/* Patients and Treatments lists (lists.js) */
.ls-wrap{max-width:1180px;display:flex;flex-direction:column;gap:12px}
.ls-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ls-search{display:flex;align-items:center;gap:7px;flex:1 1 280px;min-width:220px;height:34px;padding:0 10px;border:1px solid var(--sep);border-radius:9px;background:#fff;color:var(--ink2)}
.ls-search:focus-within{border-color:var(--c1);box-shadow:0 0 0 3px rgba(0,122,255,.15)}
.ls-search input{flex:1;min-width:0;border:0;outline:0;background:none;font:inherit;font-size:var(--fs-13_5);color:var(--ink)}
.ls-sel{height:34px;border:1px solid var(--sep);border-radius:9px;padding:0 8px;font:inherit;background:#fff;color:var(--ink);max-width:200px}
.ls-fl{display:flex;align-items:center;gap:6px;color:var(--ink2);font-size:var(--fs-12)}
.ls-fl input{height:34px;border:1px solid var(--sep);border-radius:9px;padding:0 8px;font:inherit;background:#fff;color:var(--ink)}
.ls-fl input.ls-tooth{width:52px;text-align:center}
.ls-chips{display:flex;flex-wrap:wrap;gap:6px}
.ls-chip{height:30px;padding:0 12px;border-radius:15px;background:#f2f2f4;color:var(--ink2);font-weight:500;font-size:var(--fs-12_5);display:inline-flex;align-items:center;gap:6px}
.ls-chip small{font-weight:600;color:var(--ink3);font-variant-numeric:tabular-nums}
.ls-chip[aria-pressed=true]{background:var(--ink);color:#fff}.ls-chip[aria-pressed=true] small{color:rgba(255,255,255,.7)}
.ls-tots{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.ls-tot{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px;border:1px solid var(--sep);border-radius:12px;background:#fff;text-align:start}
.ls-tot span{font-size:var(--fs-12);color:var(--ink2)}.ls-tot b{font-size:var(--fs-20);font-weight:600;font-variant-numeric:tabular-nums}.ls-tot small{color:var(--ink2);font-variant-numeric:tabular-nums}
.ls-tot[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.ls-famon{display:flex;align-items:center;gap:10px;font-size:var(--fs-13);color:var(--ink2)}
.ls-list{overflow:hidden}
.ls-row{display:grid;gap:12px;align-items:center;padding:9px 14px;border-bottom:1px solid var(--sep2);color:inherit;text-decoration:none;min-height:52px}
.ls-row:last-child{border-bottom:0}
a.ls-row:hover{background:#f7f7f9}
a.ls-row:focus{outline:0}a.ls-row:focus-visible{outline:2px solid var(--c1);outline-offset:-2px;background:#f2f7ff}
.ls-prow{grid-template-columns:minmax(0,1fr) 64px 132px 100px 124px}
.ls-prow:has(.ls-bal),.ls-head.ls-prow:has([data-lssort=balance]){grid-template-columns:minmax(0,1fr) 64px 132px 100px 124px 116px}
.ls-trow{grid-template-columns:minmax(0,1.1fr) minmax(0,1.2fr) 64px 112px 116px 132px}
.ls-trow:has(.ls-num[dir=ltr]),.ls-head.ls-trow:has([data-lssort=price]){grid-template-columns:minmax(0,1.1fr) minmax(0,1.2fr) 64px 112px 116px 132px 96px}
.ls-head{min-height:36px;padding-block:6px;background:#fafafb;font-size:var(--fs-11_5);color:var(--ink3);font-weight:600}
.ls-th{display:inline-flex;align-items:center;gap:4px;font-weight:600;color:var(--ink3);text-align:start;justify-self:start}
button.ls-th:hover{color:var(--ink)}
.ls-th[aria-sort=ascending],.ls-th[aria-sort=descending]{color:var(--ink)}
.ls-num{text-align:end;justify-self:end;font-variant-numeric:tabular-nums}
.ls-nm,.ls-tx{display:flex;flex-direction:column;min-width:0}
.ls-nm b,.ls-tx b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ls-nm small,.ls-tx small{color:var(--ink2);font-size:var(--fs-12);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ls-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px;font-size:var(--fs-11_5);color:var(--ink3)}
.ls-tag{display:inline-flex;align-items:center;height:19px;padding:0 7px;border-radius:10px;background:#f2f2f4;color:var(--ink2);font-size:var(--fs-11);font-weight:500}
span.ls-tag[data-lsfam]{cursor:pointer}span.ls-tag[data-lsfam]:hover{background:#e8e8ec;color:var(--ink)}
.ls-tag.ls-warn{background:#fff4e0;color:#8a4b00}.ls-tag.ls-off{background:#f2f2f7;color:var(--ink3)}
.ls-ph,.ls-d,.ls-dr{font-size:var(--fs-12_5);color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ls-dim{color:var(--ink3)}
.ls-lbl{display:none;font-style:normal;color:var(--ink3);margin-inline-end:4px}
.ls-bal{display:flex;flex-direction:column;align-items:flex-end}.ls-bal small{color:var(--ink3);font-size:var(--fs-11)}
.ls-cr{color:#2e6b34;white-space:nowrap}
.ls-owes{color:#b3261e;font-weight:600}
.ls-st{display:inline-block;font-size:var(--fs-11_5);padding:3px 9px;border-radius:999px;white-space:nowrap;background:#f2f2f7;color:var(--ink2)}
.ls-st.ls-t-planned{background:#fff4e0;color:#8a4b00}.ls-st.ls-t-booked{background:#eef3fd;color:#1d4fa8}.ls-st.ls-t-done{background:#eef6ee;color:#2e6b34}.ls-st.ls-t-notdone{background:#fdecec;color:#b3261e}
.ls-none{padding:22px;color:var(--ink2);display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ls-pager{display:flex;align-items:center;gap:8px;justify-content:flex-end;color:var(--ink2);font-size:var(--fs-12_5);font-variant-numeric:tabular-nums}
.ls-pager button[disabled]{opacity:.4;cursor:default}
.ls-busy .ls-list{opacity:.6;transition:opacity .15s .15s}
@media (max-width:1100px){.ls-prow,.ls-prow:has(.ls-bal),.ls-head.ls-prow:has([data-lssort=balance]){grid-template-columns:minmax(0,1fr) 52px 124px 92px 112px 104px}
  .ls-prow:not(:has(.ls-bal)):not(:has([data-lssort=balance])){grid-template-columns:minmax(0,1fr) 52px 124px 92px 112px}
  .ls-trow,.ls-trow:has(.ls-num[dir=ltr]),.ls-head.ls-trow:has([data-lssort=price]){grid-template-columns:minmax(0,1fr) minmax(0,1fr) 52px 96px 100px 118px 84px}
  .ls-trow:not(:has(.ls-num[dir=ltr])):not(:has([data-lssort=price])){grid-template-columns:minmax(0,1fr) minmax(0,1fr) 52px 96px 100px 118px}}
/* a tablet: the patient's name has the whole first line; age, phone, visits and money sit under it, headers likewise
   (Codex review 5–6: fixed columns squeezed names into …) */
@media (min-width:701px) and (max-width:1100px){
  .ls-prow,.ls-prow:has(.ls-bal),.ls-head.ls-prow:has([data-lssort=balance]){grid-template-columns:52px 132px minmax(0,1fr) minmax(0,1fr) 112px!important;row-gap:4px}
  .ls-prow:not(:has(.ls-bal)):not(:has([data-lssort=balance])){grid-template-columns:52px 132px minmax(0,1fr) minmax(0,1fr)!important;row-gap:4px}
  .ls-prow>.ls-nm,.ls-head.ls-prow>:first-child{grid-column:1/-1}
  .ls-nm b{white-space:normal;overflow-wrap:anywhere;line-height:1.25;flex-basis:100%}
  .ls-prow>.ls-nm{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:8px}.ls-prow>.ls-nm .ls-tags{margin:0}}
@media (max-width:700px){.ls-head{display:none}
  .ls-row.ls-prow,.ls-row.ls-trow{grid-template-columns:1fr auto!important;gap:4px 10px}
  .ls-row .ls-nm,.ls-row .ls-tx{grid-column:1/-1}
  .ls-lbl{display:inline}.ls-ph{grid-column:1/-1}.ls-num{justify-self:start;text-align:start}
  .ls-sel{max-width:none;flex:1 1 140px}}