/* 병원경영 payroll 묶음의 모양. 클래스는 .mgp- 로 시작한다 */
.mgp .mg-body > .panel.grow { flex: 1 1 0; min-height: 0; }
.mgp .grid-wrap { border: 0; }
.mgp table.grid td { white-space: nowrap; }
.mgp table.grid td.mgp-method, .mgp-method { white-space: normal; color: var(--muted); }
.mgp table.grid tr.mgp-total td { background: #f1f4f8; font-weight: 700; border-top: 1px solid var(--line); position: sticky; bottom: 0; }
.mgp table.grid tr.mgp-unver td { background: #fffbe6; }
.mgp table.grid tr.strike td { color: var(--muted); }
.mgp-note { font-size: 11px; line-height: 1.5; padding: 0 2px; }
.mgp-warn { color: var(--red); font-weight: 700; padding: 0 2px; }
.mgp-line { padding: 2px 6px; flex: 0 0 auto; }
.mgp-field { display: inline-flex; align-items: center; gap: 4px; }
.mgp-sub { font-weight: 700; padding: 3px 6px; background: #f1f4f8; border-top: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft); margin-top: 6px; }
.mgp-basis { margin: 0; padding: 6px 8px; white-space: pre-wrap; border: 1px solid var(--line-soft); background: #fff; font: inherit; line-height: 1.6; }
.mgp-dialog { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.mgp-dialog table.plain td, .mgp-dialog table.plain th { padding: 2px 6px; }
.mgp-edit { font-size: 11px; color: var(--muted); padding: 1px 6px; }
.mgp-amt { text-align: right; padding: 1px 4px; min-height: 22px; }
.mgp .mg-body > .mgp-tabs { flex: 1 1 0; min-height: 0; }
.mgp .tabs-body { padding: 0; display: flex; flex-direction: column; min-height: 0; }
.mgp-tabpad { padding: 6px; display: flex; flex-direction: column; gap: 6px; flex: 1 1 auto; min-height: 0; overflow: auto; }
.mgp-tabfill { flex: 1 1 0; min-height: 0; display: flex; flex-direction: column; }
.mgp-tabfill > .grid-wrap { flex: 1 1 0; height: auto !important; }
.mgp-tabbar { padding: 4px 6px; border-bottom: 1px solid var(--line-soft); }
.mgp-form td, .mgp-form th { vertical-align: middle; }
.mgp-form input[type=checkbox] { margin: 0; }
.mgp-addrow { padding: 4px 6px; border: 1px solid var(--line-soft); background: #fff; }
.mgp-inputs { gap: 12px; }
.mgp .mg-body > .mgp-split { flex: 1 1 0; min-height: 0; display: flex; gap: 6px; }
.mgp-split > .panel { min-width: 0; }
.mgp-split > .panel:last-child { flex: 1 1 0; }
.mgp-mydetail { min-width: 0; }
.mgp-result { min-height: 0; padding: 6px; }
.mgp-slipbox { border: 1px solid var(--line-soft); background: #fff; padding: 8px 10px; }
.mgp-slipbox h1 { font-size: 16px; text-align: center; letter-spacing: 4px; margin: 0 0 6px; }
.mgp-slipbox h2 { font-size: 13px; margin: 8px 0 3px; }
.mgp-slipbox table { border-collapse: collapse; width: 100%; }
.mgp-slipbox th, .mgp-slipbox td { border: 1px solid var(--line-soft); padding: 2px 6px; vertical-align: top; }
.mgp-slipbox th { background: #f1f4f8; font-weight: 400; white-space: nowrap; text-align: center; }
.mgp-slipbox td.num { text-align: right; white-space: nowrap; }
.mgp-slipbox .small { font-size: 11px; color: var(--muted); padding: 2px 0; }
.mgp-slipbox ol { margin: 4px 0; padding-left: 18px; }
.mgp-slipbox li { line-height: 1.6; }
.mgp-ledger table.grid th, .mgp-ledger table.grid td { padding-left: 3px; padding-right: 3px; }