/* Front-desk fixes (QA pass 2): Sinn's own date and time fields, the walk-in and insurance questions, lab defaults,
   the offline record bar, and the break label over a leave column. Prefix fx-. */

/* date and time fields (frontdesk.js): the text field shows, the browser's own input stays underneath for the calendar */
.fx-dt{position:relative;display:flex;align-items:center;min-width:0}
.fx-dt>.fx-vis{flex:1;min-width:0;font-variant-numeric:tabular-nums}
.fx-dt.fx-date>.fx-vis{padding-right:34px} /* the field is left-to-right in both languages: the button sits at its right */
.fx-dt>input[data-fxnat]{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;border:0;padding:0;margin:0}
.fx-dt>.fx-cal{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:26px;height:26px;display:grid;place-items:center;border:0;border-radius:7px;background:none;color:var(--ink3);cursor:pointer}
.fx-dt.fx-rtl>.fx-vis{padding-right:12px;padding-left:34px}
.fx-dt.fx-rtl>.fx-cal{right:auto;left:6px}
.fx-dt>.fx-cal:hover{background:#eef1f5;color:var(--ink)}
.fx-dt>.fx-cal:disabled{opacity:.4;cursor:default}
.fx-vis[aria-invalid="true"]{border-color:#d93025 !important;box-shadow:0 0 0 3px rgba(217,48,37,.12)}
.sess .fx-dt{display:inline-flex}
.sess .fx-vis{height:32px;width:74px;padding:0 8px;border:1px solid var(--sep);border-radius:8px;font:inherit;font-variant-numeric:tabular-nums;background:#fff;text-align:center}
.exform .fx-dt{margin-top:6px}

/* walk-in: a chair whose dentist is on leave, and what reception should know before checking in */
.fx-wleave{opacity:.62}
.fx-walert{margin-top:4px;background:#fff4e0}

/* insurance: "Did you mean GIG Bahrain?" under the insurer field */
.fx-insask{grid-column:1/-1;background:#fff4e0}
.fx-insbtns{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}

/* lab cases: what the case is linked to, the usual turnaround */
.fx-lablink{margin-top:4px}
.fx-labturn{display:block;grid-column:1/-1;margin-top:-4px}
.fx-turn{display:flex;align-items:center;gap:6px;font-size:var(--fs-12_5);color:var(--ink3)}
.fx-turn input{width:58px;height:30px;padding:0 6px;border:1px solid var(--sep);border-radius:7px;font:inherit;text-align:center;background:#fff}

/* offline over an open record: just the bar, the record stays readable under it */
#ol-root.fx-olrec{inset:0 0 auto 0;background:none;overflow:visible}
.fx-olbar{margin:0;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.app.fx-olro{height:calc(100vh - var(--fx-olh, 52px));min-height:0;margin-top:var(--fx-olh, 52px)}
.app.fx-olro>.main{height:calc(100vh - var(--fx-olh, 52px))}
.app.fx-olro :is(button,input,select,textarea,a){cursor:not-allowed}

/* the break's label stays readable over a column hatched for leave */
.brk,.sg-brkl{z-index:2}