/* surgeon.css — Aescora Surgeon screens (the documents keep OrthoMeasure's app.css / print.css). */
.btn.big{padding:.65rem 1.1rem;font-size:1.05rem}
.btn.danger{color:var(--flag);border-color:var(--flag)}
.cases{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.case-card{display:flex;flex-direction:column;gap:.2rem;text-align:left;padding:.65rem .75rem;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);cursor:pointer;font:inherit}
.case-card:active{transform:scale(.99)}
.cc-top{display:flex;justify-content:space-between;gap:.5rem;align-items:flex-start}
.chip{font-size:.78rem;padding:.12rem .45rem;border-radius:999px;background:var(--chip);white-space:nowrap}
.chip.operated{background:var(--accent);color:#fff}
.chip.discharged{opacity:.7}
.case-head{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.case-head h2{margin:.2rem 0}
details.dis{margin-top:1rem}details.dis summary{cursor:pointer;padding:.4rem 0;font-weight:600}
.form .field input,.form .field select,.form .field textarea{width:100%;box-sizing:border-box;padding:.5rem;font-size:1rem}
.setrow{border:1px solid var(--line);border-radius:10px;padding:.5rem .6rem;margin:.5rem 0}
.setrow .fields{margin:0}
.toast{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);background:#14201f;color:#fff;padding:.55rem .9rem;border-radius:8px;z-index:60;max-width:90vw;box-shadow:0 4px 18px rgba(0,0,0,.3)}
.note.saved{color:var(--ok)}
#main{flex:1}
@media (max-width:520px){.app-head h1{font-size:1rem}.seg button{padding:.4rem .55rem}}
.inner > label.field{display:block;margin:.4rem 0 .8rem}
.inner > label.field select{width:100%;max-width:100%;box-sizing:border-box;padding:.5rem;font-size:1rem}
#sideNote{display:block;color:var(--flag)}
select{max-width:100%}