/* 전자서명 화면 모양 */
.sign { display: flex; flex-direction: column; gap: 6px; }
.sign-note { flex: 0 0 auto; display: flex; flex-wrap: wrap; gap: 2px 10px; align-items: center; min-height: 26px; padding: 3px 8px; border: 1px solid var(--line); background: #fff; white-space: nowrap; }   /* 창 크기 대응(261025) */
.sign-note .warn { color: var(--red); font-weight: 700; }
.sign > .tabs { flex: 1 1 auto; min-height: 0; }
.sign > .tabs > .tabs-body { display: flex; flex-direction: column; overflow: hidden; padding: 6px 0 0; border: 0; background: transparent; }
.sign > .tabs > .tabs-body > * { flex: 1 1 auto; min-height: 0; }
.sign-split { display: grid; grid-template-columns: minmax(0, 820px) minmax(240px, 1fr); grid-template-rows: minmax(0, 1fr); gap: 6px; }
.sign-split.one { grid-template-columns: minmax(0, 1fr); }
.sign-split .panel > .panel-body { display: flex; flex-direction: column; gap: 6px; overflow: hidden; }
.sign-split .panel > .panel-body > .grid-wrap { flex: 1 1 auto; }
.sign-right { display: flex; flex-direction: column; gap: 6px; min-height: 0; min-width: 0; }
.sign-right > .panel:last-child { flex: 1 1 auto; }
.sign-cond { flex: 0 0 auto; border: 1px solid var(--line); background: #fff; }
.sign-cond-row { display: flex; min-height: 30px; border-bottom: 1px solid var(--line-soft); }
.sign-cond-row:last-child { border-bottom: 0; }
.sign-cond-lbl { flex: 0 0 78px; display: flex; align-items: center; justify-content: center; background: var(--head); border-right: 1px solid var(--line); font-weight: 700; }
.sign-cond-body { flex: 1 1 auto; min-width: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 2px 10px; padding: 2px 8px; white-space: nowrap; }
.sign-cond-body label { display: inline-flex; align-items: center; gap: 3px; cursor: pointer; }
.sign-cond-body label.on { color: var(--blue); font-weight: 700; }
.sign-cond-body input[type=radio], .sign-cond-body input[type=checkbox], .sign-list input[type=checkbox] { margin: 0; vertical-align: middle; }
.sign-cond-body .inp { width: auto; }
.sign-list td { height: 24px; white-space: nowrap; }
.sign-list td.wrap { white-space: normal; }
.sign-foot { flex: 0 0 auto; display: flex; gap: 6px; align-items: center; }
.sign-foot label { display: inline-flex; align-items: center; gap: 3px; }
.sign-hash { font-family: Consolas, monospace; font-size: 11px; color: var(--muted); }
.sign-pw { display: flex; flex-direction: column; gap: 8px; }
.sign .grid-wrap > table.grid { table-layout: fixed; }
.sign .grid-wrap > table.grid td { overflow: hidden; text-overflow: ellipsis; }

/* 창 크기 대응(261025): 좁으면 오른쪽 칸을 아래로 */
@media (max-width: 900px) {
  .sign-split { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 3fr) minmax(0, 2fr); }
}