/* Chairside (roadmap 1.5–1.7): the "Before you start" line, the emergency fast lane, the iPad layout (chairside.js) */

/* 1.5 Before you start: one quiet line of tappable facts */
.cs2-ready{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid var(--sep2)}
.cs2-h{font-size:var(--fs-11_5);font-weight:600;color:var(--ink3);text-transform:uppercase;letter-spacing:.03em;margin-inline-end:2px}
:root[dir=rtl] .cs2-h{text-transform:none;letter-spacing:0}
.cs2-it{display:inline-flex;align-items:center;gap:6px;min-height:30px;max-width:100%;padding:4px 10px;border-radius:8px;border:1px solid var(--sep);background:#fafafb;color:var(--ink);font:inherit;font-size:var(--fs-12_5);text-align:start;cursor:pointer}
.cs2-it b{font-weight:600;white-space:nowrap}
.cs2-it span{min-width:0;color:var(--ink2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cs2-it:hover{background:#f2f2f5}
.cs2-it.ok{background:#eef8f1;border-color:#cfe9d7}.cs2-it.ok b{color:#1f7a44}
.cs2-it.amb{background:#fff6e8;border-color:#f3dbb2}.cs2-it.amb b{color:#9a5a00}
.cs2-it.red{background:#fdeeed;border-color:#f3c9c5}.cs2-it.red b{color:#b3261e}
.cs2-it u{text-decoration:none;font-weight:600;color:#9a5a00}
.cs2-al{color:#b3261e;font-weight:600}
.cs2-nl{color:var(--ink3)}
.cs2-yes{background:#fff;border-style:dashed;color:#1f7a44;font-weight:600}
.cs2-yes:disabled{opacity:.5}
.cs2-xr img{width:28px;height:22px;object-fit:cover;border-radius:4px;background:#222}

/* 1.6 emergency: the record's banner, the walk-in sheet's chips, the schedule tag */
.cs2-em{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:8px 12px 0;padding:8px 10px;border-radius:9px;background:#fdeeed;color:#8c1d18;font-size:var(--fs-13)}
.cs2-em > b{display:inline-flex;align-items:center;gap:5px;color:#b3261e}
.cs2-emred{background:#b3261e;color:#fff}.cs2-emred > b{color:#fff}
.cs2-flag{flex:1 1 100%;font-weight:600}
.cs2-wk{margin:10px 0 4px;display:flex;flex-direction:column;gap:8px}
.cs2-wkh{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}
.cs2-chips{display:flex;flex-wrap:wrap;gap:6px}
.cs2-chip{min-height:36px;padding:0 12px;border-radius:18px;border:1px solid var(--sep);background:#fff;color:var(--ink);font:inherit;font-size:var(--fs-13_5);cursor:pointer}
.cs2-chip.cs2-sm{min-height:30px;padding:0 10px;font-size:var(--fs-12_5)}
.cs2-chip[aria-pressed="true"]{background:#b3261e;border-color:#b3261e;color:#fff}
.cs2-red{display:flex;align-items:center;gap:8px;min-height:40px;padding:6px 12px;border-radius:10px;border:1.5px dashed #e3a39d;background:#fff;color:#8c1d18;font:inherit;font-size:var(--fs-13);text-align:start;cursor:pointer}
.cs2-red[aria-pressed="true"]{background:#b3261e;border-style:solid;border-color:#b3261e;color:#fff}
.cs2-wait{color:#9a5a00;font-weight:600}
.tag.cs2-emtag{background:#d70015;color:#fff;font-weight:600}

/* 1.7 the iPad (landscape 1024 and portrait 768): the patient header is one thin band, the name never wraps, the
   chips scroll sideways, and the main button stays at the end of it (the header doesn't scroll with the record) */
@media (min-width:701px) and (max-width:1100px){
  .pbar{padding:8px 16px;gap:10px}
  .pbar .av{width:34px;height:34px;font-size:var(--fs-13);flex:none}
  .pbar .pname{flex:1 1 auto;min-width:0}
  .pbar .pname h1{font-size:var(--fs-18);line-height:23px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pbar .pname > div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pbar .pname .chips{margin-top:4px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .pbar .pname .chips::-webkit-scrollbar{display:none}
  .pbar .acts2{gap:6px;flex:none}
  .pbar .acts2 .btn.s{padding:0 10px}
  .cs2-it span{max-width:46vw}
}
@media (min-width:701px) and (max-width:860px){ .pbar .back{font-size:0;gap:0} .pbar .back svg{font-size:var(--fs-15)} }