/* Front-desk items before the pilot (D-004, D-005, D-006): openings filters (bkf-), recall types (rty-), desk alerts (dal-). */

/* ---------- D-004: free times by practitioner sex, weekdays and hours (openings.js) ---------- */
.bkf{display:flex;flex-direction:column;gap:6px}
.bkf-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.bkf-sex button{height:28px;font-size:var(--fs-12_5)}
.bkf-tog{font-size:var(--fs-12_5)}.bkf-sum{color:var(--ink);font-weight:600}
.bkf-clear{font-size:var(--fs-12_5);color:var(--ink3)}
.bkf-more{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border-radius:10px;background:#f6f6f7}
.bkf-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.bkf-lbl{font-size:var(--fs-11_5);font-weight:600;color:var(--ink3);min-width:86px;text-transform:uppercase;letter-spacing:.02em}
.bkf-wd{display:flex;flex-wrap:wrap;gap:4px}
.bkf-wd button{height:28px;min-width:44px;padding:0 9px;border-radius:14px;border:1px solid var(--sep);background:#fff;font:inherit;font-size:var(--fs-12_5);font-weight:500;color:var(--ink)}
.bkf-wd button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.bkf-t{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-12_5);color:var(--ink2)}
.bkf-t select{height:28px;border:1px solid var(--sep);border-radius:7px;font:inherit;font-size:var(--fs-12_5);padding:0 6px;background:#fff;color:var(--ink)}
.bkf-warn{color:#8a4a00}
/* Team: a clinician's sex, beside their Arabic name */
.tm2-sex{height:22px;border:1px solid var(--sep);border-radius:6px;font:inherit;font-size:var(--fs-12);padding:0 4px;background:#fff;color:var(--ink2);vertical-align:1px}
.tm2-sex.unset{color:#0a5ccc;border-style:dashed}

/* ---------- D-005: Clinic → Recalls (recalltypes.js) ---------- */
.rty-about{max-width:700px;margin-bottom:10px}
.rty-card{margin-bottom:12px}
.rty-row{align-items:center;gap:10px}.rty-main{flex:1;min-width:0}
.rty-row.rty-off .rty-main{opacity:.6}
.rty-tag{font-size:var(--fs-11);font-weight:600;color:var(--ink2);background:#f2f2f4;border-radius:6px;padding:1px 6px;margin-inline-start:4px}
.rty-acts{display:flex;gap:6px;flex:none}
.rty-form{display:flex;flex-direction:column;gap:12px;padding:12px 14px}
.rty-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.rty-lbl{font-size:var(--fs-12_5);font-weight:600;color:var(--ink2);min-width:84px}
.rty-line input[type=number]{width:72px;height:30px;border:1px solid var(--sep);border-radius:8px;padding:0 8px;font:inherit;font-size:var(--fs-13)}
.rty-codes{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.rty-code{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 4px 0 10px;border-radius:14px;background:#eef4ff;color:#0a4aa8;font-size:var(--fs-12_5);font-weight:500}
.rty-code small{color:#5b7bb3;font-size:var(--fs-11)}
.rty-sug{display:flex;flex-direction:column;border:1px solid var(--sep);border-radius:10px;overflow:hidden;margin-top:4px}
.rty-sug button{text-align:start;padding:7px 10px;font-size:var(--fs-13);background:#fff;border-bottom:1px solid var(--sep2)}.rty-sug button:last-child{border-bottom:0}
.rty-sug button:hover{background:#f2f6ff}.rty-sug small{color:var(--ink3);margin-inline-start:6px}
.rty-form textarea{width:100%;border:1px solid var(--sep);border-radius:8px;padding:8px;font:inherit;font-size:var(--fs-13);resize:vertical;box-sizing:border-box}
.rty-foot{display:flex;justify-content:flex-end;gap:8px}

/* ---------- D-006: notes for the desk (deskalerts.js); the medical alert keeps its red and amber ---------- */
.dal-row{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:6px}
.dal-chip{display:inline-flex;align-items:center;gap:5px;max-width:100%;min-height:24px;padding:2px 9px;border-radius:7px;font:inherit;font-size:var(--fs-12);font-weight:500;border:1px solid transparent;text-align:start;line-height:1.3}
.dal-chip svg{flex:none}.dal-chip small{font-weight:400;opacity:.8}
button.dal-chip{cursor:pointer}button.dal-chip:hover{filter:brightness(.97)}
.dal-billing{background:#fff1e0;color:#8a4300;border-color:#f3cf9f}
.dal-call{background:#e8f1ff;color:#0a4aa8;border-color:#c5dafb}
.dal-vip{background:#fbf3d9;color:#7a5a00;border-color:#ecdba0}
.dal-booking{background:#eef0f4;color:#3a4150;border-color:#dcdfe6}
.dal-add{height:24px;padding:0 9px;border-radius:7px;border:1px dashed #c7c7cc;background:#fff;font:inherit;font-size:var(--fs-12);color:var(--ink2);cursor:pointer}
.dal-add:hover{border-color:#8e8e93;color:var(--ink)}
.dal-box{display:flex;flex-direction:column;gap:4px;padding:9px 11px;border-radius:12px;background:#f6f6f8;border:1px solid var(--sep2)}
.dal-box.dal-hasbill{background:#fff8ef;border-color:#f3cf9f}
.dal-h{font-size:var(--fs-11);font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--ink3)}
.dal-line{display:flex;gap:7px;align-items:flex-start;font-size:var(--fs-13);line-height:1.35;background:none;border:0;padding:0}
.dal-line svg{margin-top:3px;flex:none}.dal-line.dal-billing{color:#8a4300;font-weight:600}
.dal-bk{display:flex;flex-wrap:wrap;gap:5px}
.dal-pay{display:flex;gap:8px;align-items:flex-start;padding:9px 11px;border-radius:10px;background:#fff1e0;color:#8a4300;font-size:var(--fs-13);border:1px solid #f3cf9f}
.dal-pay svg{margin-top:3px;flex:none}
.dal-sheet{gap:12px}
.dal-kinds button{display:inline-flex;align-items:center;gap:5px}
.dal-ex button{height:28px;font-size:var(--fs-12_5);font-weight:400}
.dal-rm{color:#b3261e}
.pname .dal-row{white-space:normal;overflow:visible}
.dal-add-in{height:20px;padding:0 7px;font-size:var(--fs-11_5);vertical-align:1px;margin-inline-start:4px}