/* 응급실 보고 탭 전용 스타일. 표 자체는 jspreadsheet CE(app/vendor/jspreadsheet)가 그린다.
   여기서는 그 라이브러리 색을 app.css 변수로 덮어쓴다(ward.css 와 같은 방식). */

.er-bar{margin-bottom:14px}
.er-bar-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.er-bar-row + .er-bar-row{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
.er-metaline{font-size:12px;color:var(--sub)}

.er-range-row{font-size:12.5px}
.er-range-lbl{display:flex;align-items:center;gap:7px;color:var(--sub);font-weight:650}
.er-range-tilde{color:var(--sub)}
.er-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}

.er-grid-card{padding:16px;min-width:0;max-width:100%;overflow:hidden}
.er-empty{text-align:center;color:var(--sub);padding:30px 10px;font-size:13.5px}

.er-view-empty{color:var(--sub)}

/* ---------- 확인 필요 배지/버튼 ---------- */
.er-review-btn{color:var(--warn);border-color:var(--warn)}
.er-review-btn.on{background:var(--warn);color:#fff;border-color:var(--warn)}
.er-review-ok{font-size:12px;color:var(--sub)}

/* ---------- 자동 필드 편집 모달 ---------- */
.er-edited-badge{display:inline-block;font-size:10.5px;padding:2px 7px;border-radius:99px;
  background:var(--ac-soft);color:var(--ac);font-weight:650}
.er-auto-badge{display:inline-block;font-size:10.5px;padding:2px 7px;border-radius:99px;
  border:1px solid var(--line);color:var(--sub);font-weight:650}
.er-modal-warn{margin:0 0 12px;font-size:12.5px;color:var(--warn);background:var(--warn-soft);
  border-radius:8px;padding:8px 11px}
.er-field-input{width:100%;box-sizing:border-box;padding:9px 11px;border:1px solid var(--line);
  border-radius:9px;background:var(--card2);color:var(--ink);font:inherit;font-size:14px}
.er-field-textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--line);
  border-radius:9px;background:var(--card2);color:var(--ink);font:inherit;font-size:13.5px;
  line-height:1.6;resize:vertical;min-height:120px}
.er-raw-details{margin-top:14px;border:1px solid var(--line);border-radius:10px;
  background:var(--card2);padding:10px 14px}
.er-raw-details summary{cursor:pointer;font-size:12.5px;font-weight:650;color:var(--ac)}
.er-raw-block{margin-top:10px;font-size:12.5px;color:var(--sub)}
.er-raw-block b{color:var(--ink);font-weight:650}
.er-raw-text{white-space:pre-wrap;line-height:1.6;margin-top:4px;color:var(--ink);
  max-height:30vh;overflow:auto}

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

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