/* 입원 환자 탭 전용 스타일. 표 자체는 jspreadsheet CE(app/vendor/jspreadsheet)가 그린다.
   여기서는 그 라이브러리 색을 app.css 변수로 덮어쓴다(sheets.css 의 .sh-jss 규칙과 같은 방식). */

.ward-bar{margin-bottom:14px}
.ward-bar-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.ward-basedate{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--sub);font-weight:650}
.ward-date-input{padding:7px 9px;border:1px solid var(--line);border-radius:8px;
  background:var(--card2);color:var(--ink);font:inherit;font-size:12.5px}
.ward-metaline{font-size:12px;color:var(--sub)}
.ward-bar .btn2.on{color:#fff;background:var(--ac);border-color:var(--ac)}

.ward-dropzone{margin-top:10px;padding:12px;text-align:center;font-size:12px;color:var(--sub);
  border:1px dashed var(--line);border-radius:10px}
.ward-dropzone.on{border-color:var(--ac);color:var(--ac);background:var(--ac-soft)}

.ward-grid-card{padding:16px}
.ward-empty{text-align:center;color:var(--sub);padding:30px 10px;font-size:13.5px}

.ward-preview-list{margin:0 0 10px;padding-left:18px;font-size:13px;line-height:1.9}
.ward-warn{margin:0 0 6px;font-size:12.5px;color:var(--warn);background:var(--warn-soft);
  border-radius:8px;padding:7px 11px}

.ward-note-body{min-height:260px;padding:10px;border:1px solid var(--line);border-radius:9px;
  background:var(--card2);color:var(--ink)}

/* ---------- jspreadsheet 테마를 앱 색으로 맞춘다 ---------- */
.ward-jss{border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto;max-width:100%}
.ward-jss .jexcel_container{background:var(--card)}
.ward-jss .jexcel{background:var(--card);color:var(--ink);font:inherit;font-size:12.5px}
.ward-jss .jexcel > thead > tr > td{background:var(--card2);color:var(--sub);
  border-color:var(--line);font-weight:700}
.ward-jss .jexcel > tbody > tr > td{background:var(--card);color:var(--ink);border-color:var(--line)}
.ward-jss .jexcel > tbody > tr > td.readonly{color:var(--sub)}
.ward-jss .jexcel > tbody > tr > td.highlight{background:var(--ac-soft) !important}
.ward-jss .jexcel > tbody > tr > td.highlight-selected{outline:2px solid var(--ac);outline-offset:-2px}
.ward-jss .jexcel > tbody > tr.selected > td:first-child{background:var(--ac);color:#fff}
.ward-jss .jexcel_content{background:var(--card)}
.ward-jss input,.ward-jss textarea,.ward-jss select{background:var(--card);color:var(--ink);font:inherit}

@media (max-width:640px){
  .ward-jss .jexcel > tbody > tr > td,.ward-jss .jexcel > thead > tr > td{max-width:150px}
}