/* the dentist's list (dentistlist.js): who's next, the sign queue, running late */
.dl-nx{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;min-width:0}
.dl-nxk{font-size:var(--fs-11);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#0a5ccc}
.dl-nxw{color:var(--ink2);font-size:var(--fs-13)}
.dl-nxwhat{flex-basis:100%;font-size:var(--fs-12_5);color:var(--ink2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dl-flag{font-size:var(--fs-11_5);font-weight:600;padding:1px 8px;border-radius:99px;background:#f2f2f4;color:var(--ink2);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dl-flag.red{background:#fdecea;color:#b3261e}.dl-flag.amb{background:#fff1dc;color:#9a5a00}.dl-flag.ok{background:#e7f5ea;color:#1d6b33}
.dl-go{flex:none;min-height:40px;padding:0 18px;border-radius:10px;background:var(--acc);color:#fff;font-weight:600;display:inline-grid;place-items:center;text-decoration:none}
.dl-go:hover{background:#0a6be0}
.dl-x{flex:none;width:32px;height:32px;border-radius:8px;display:grid;place-items:center;color:var(--ink2)}.dl-x:hover{background:#f2f2f4}
/* after Finish: the next patient, at the foot of the record */
.dl-card{position:fixed;z-index:40;bottom:16px;inset-inline-end:16px;width:min(520px,calc(100vw - 32px));display:flex;align-items:center;gap:12px;padding:12px 12px 12px 16px;background:#fff;border:1px solid var(--sep);border-radius:14px;box-shadow:0 10px 34px rgba(0,0,0,.16)}
[dir=rtl] .dl-card{padding:12px 16px 12px 12px}
/* the note is open on the end side: the card moves over the foot of the menu column, clear of the note's Sign and of
   the record (TODO-from-manual #11) */
.dl-card.dl-side{inset-inline-end:auto;inset-inline-start:8px;bottom:8px;width:228px;flex-wrap:wrap;gap:8px;padding:10px 12px}
[dir=rtl] .dl-card.dl-side{padding:10px 12px}
.dl-card.dl-side .dl-nx{flex:1 1 100%;min-width:0}
@media (max-width:960px){.dl-card.dl-side{inset-inline-start:16px;bottom:auto;top:72px;width:calc(100vw - 32px)}}
.dl-card .dl-nx{flex:1}
/* My patients: the next one, and the notes still to finish */
.dl-nbar{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 16px;border:1px solid #cfe0ff;background:#f4f8ff;border-radius:12px}
[dir=rtl] .dl-nbar{padding:12px 16px 12px 12px}
.dl-nbar .dl-nx{flex:1}
.dl-qbox{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:12px 16px;border:1px solid #ffd79a;background:#fff8ec;border-radius:12px;color:inherit;text-decoration:none}
.dl-qbox span{color:var(--ink2);font-size:var(--fs-13)}.dl-qbox .dl-qgo{margin-inline-start:auto;color:#0a5ccc;font-weight:600}
.dl-qbox:hover{background:#fff3dd}
/* the sign queue */
.dl-qintro{margin:0;color:var(--ink2);font-size:var(--fs-13_5)}
.dl-qstat{margin:0;color:var(--ink3);font-size:var(--fs-12_5)}
.dl-qrow{display:grid;grid-template-columns:120px 1fr auto;gap:14px;align-items:center;padding:12px 16px;text-align:start;border-bottom:1px solid var(--sep);background:#fff;width:100%}
.dl-qrow:last-child{border-bottom:0}.dl-qrow:hover{background:#f7f7f9}
.dl-qd{display:flex;flex-direction:column}.dl-qd small{color:var(--ink3);font-size:var(--fs-12)}
.dl-qm{display:flex;flex-direction:column;min-width:0}.dl-qw{font-size:var(--fs-12_5);color:var(--ink2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dl-qs{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:end}
.dl-late{font-size:var(--fs-11_5);color:#9a5a00}
.cn-tag.dl-lt{background:#fff1dc;color:#8a4a00;font-weight:600}
/* running late: the dentist's line */
.dl-pill{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 2px;padding:6px;background:#fff;border:1px solid #f1c9c4;border-radius:10px}
.dl-pill .dl-pgo{flex:1 1 100%;min-height:38px;padding:0 12px;border-radius:8px;background:#b3261e;color:#fff;font-weight:600;font-size:var(--fs-13)}
.dl-pill.told{border-color:#ffd79a;background:#fff8ec}
.dl-pill.told span{flex:1 1 100%;font-weight:600;color:#8a4a00;font-size:var(--fs-12_5);padding:2px 4px}
.dl-pill.told button{min-height:32px;min-width:40px;padding:0 10px;border-radius:8px;background:#fff;border:1px solid #f0d9b5;font-weight:600;font-size:var(--fs-12_5)}
.dl-pill.told button:disabled{opacity:.4}
.dl-pill.dl-tb{flex-wrap:nowrap;flex:none;margin:0;margin-inline-start:auto;padding:3px;border-radius:9px}
.dl-pill.dl-tb .dl-pgo,.dl-pill.dl-tb.told span{flex:none;white-space:nowrap}.dl-pill.dl-tb .dl-pgo{min-height:34px}
.dl-pill.dl-tb.told span{padding:0 4px}.dl-pill.dl-tb.told button{min-height:32px;min-width:34px;padding:0 7px}
@media (max-width:520px){.dl-pill.dl-tb [data-dlmin]:not(.dl-pgo){display:none}}
/* one pill on screen: the top bar's while there is a top bar (app.css, ≤1100px), else the sidebar's */
@media (max-width:1100px){aside.side .dl-pill{display:none}}
/* running late: reception's schedule */
.dl-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin:0 16px 8px;padding:8px 12px;border-radius:10px;background:#fff1dc;color:#7a4300;font-size:var(--fs-13)}
.dl-line span{display:inline-flex;align-items:center;gap:6px;margin-inline-end:auto}
.tag.dl-tag{background:#fff1dc;color:#9a5a00}.tag.dl-tag.ok{background:#e7f5ea;color:#1d6b33}
.dl-insp{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;font-size:var(--fs-13);color:#8a4a00}
.dl-sheet{max-width:560px}
.dl-plist{display:flex;flex-direction:column}
.dl-prow{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--sep2)}
.dl-prow:last-child{border-bottom:0}
.dl-pt{font-variant-numeric:tabular-nums;color:var(--ink2)}
.dl-pn{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;min-width:0}
.dl-pa{display:flex;align-items:center;gap:8px;justify-content:flex-end;flex-wrap:wrap}
@media (max-width:600px){.dl-qrow{grid-template-columns:1fr;gap:4px}.dl-qs{align-items:flex-start;text-align:start}.dl-prow{grid-template-columns:44px 1fr}.dl-pa{grid-column:1/-1;justify-content:flex-start}}
.dl-start{background:#fff;color:var(--acc);border:1px solid var(--acc)}