/* ════════════════════════════════════════
   기초 정보&자료 — 행 누르기 상세 창 — public/css/sheet-detail.css (2026-10-04, sheet-detail.js 와 한 쌍)
════════════════════════════════════════ */
/* 누를 수 있는 행 — 손 모양 + 연한 파란 바탕(기존 각 화면 hover #fafbfd 보다 먼저 눈에 띄게) */
tr[data-sd][data-sd-mod] { cursor: pointer; }
tr[data-sd][data-sd-mod]:hover > td { background: #EAF1F8; }
tr[data-sd][data-sd-mod]:focus-visible { outline: 2px solid #FFA92D; outline-offset: -2px; }
tr[data-sd][data-sd-mod] td button { cursor: pointer; }

.sd-overlay { z-index: 4000; }
.modal.sd-modal { width: min(760px, 94vw); padding: 0; display: flex; flex-direction: column; max-height: 86vh; overflow: hidden; }
.sd-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 20px 24px 14px; border-bottom: 1px solid #E6EAF0; }
.sd-menu { font-size: 12.5px; font-weight: 700; color: #2F557F; }
.sd-title { font-size: 18px; font-weight: 800; color: #1B2533; margin-top: 2px; word-break: keep-all; }
.sd-x { width: 36px; height: 36px; flex-shrink: 0; border: 1px solid #DFE5EC; border-radius: 10px; background: #fff; color: #5B6776; cursor: pointer; }
.sd-x:hover { background: #F3F6F9; }
.sd-grid { margin: 0; padding: 16px 24px; overflow-y: auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; }
.sd-cell { display: grid; grid-template-columns: 128px minmax(0, 1fr); gap: 10px; padding: 9px 0; border-bottom: 1px solid #EEF1F5; align-items: baseline; }
.sd-cell dt { font-size: 12.5px; font-weight: 700; color: #5B6776; word-break: keep-all; }
.sd-cell dd { margin: 0; font-size: 14px; color: #1B2533; overflow-wrap: anywhere; white-space: pre-wrap; }
.sd-cell dd small { font-size: 12px; color: #5B6776; }
.sd-empty { color: #A0A9B5; }
.sd-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 24px; border-top: 1px solid #E6EAF0; font-size: 12px; color: #5B6776; }
@media (max-width: 640px) {
  .sd-grid { grid-template-columns: minmax(0, 1fr); }
  .sd-cell { grid-template-columns: 110px minmax(0, 1fr); }
}