/* 2026-10-21 약관 관리 화면 (rental-terms.js, .rtx-*) — 새 파일. 기준표 --ds-* 만 사용, 공용 .ras-* (rental-assets.css) 위에 이 화면 것만 */

#panel-rterms{flex-direction:column;}

/* 목록 표 */
.rtx-table th:nth-child(1){width:260px;} .rtx-table th:nth-child(3){width:110px;} .rtx-table th:nth-child(4){width:160px;}
.rtx-table th:nth-child(5){width:100px;} .rtx-table th:nth-child(6){width:72px;}
.rtx-table td{white-space:nowrap;}
.rtx-table tbody tr{cursor:pointer;}
@media (hover:hover){.rtx-table tbody tr:hover td{background:var(--ds-gray-50);}}
.rtx-table .rtx-v-td b{color:var(--ds-brand);}
.rtx-table td.rtx-b-td{text-align:right;overflow:visible;}
.rtx-table tr.rtx-off td,.rtx-table tr.rtx-off .rtx-v-td b{color:var(--ds-gray-400);}
.rtx-cur{display:inline-block;padding:2px var(--ds-sp-2);border-radius:var(--ds-radius-pill);font-size:var(--ds-fs-sm);font-weight:700;line-height:1.4;
  background:var(--ds-primary-soft);color:var(--ds-primary);white-space:nowrap;vertical-align:middle;}
.rtx-use{font-size:var(--ds-fs-md);color:var(--ds-gray-600);}
.rtx-use b{color:var(--ds-gray-900);}

/* 창 */
#modal-rtx{z-index:1150;}
.modal-box.rtx-modal{width:min(720px,96vw);}
.modal-box.rtx-modal.rtx-modal--edit{width:min(1040px,96vw);}
.rtx-lock,.rtx-note{margin-bottom:var(--ds-sp-3);padding:var(--ds-sp-2) var(--ds-sp-3);border-radius:var(--ds-radius-md);font-size:var(--ds-fs-md);}
.rtx-lock{background:#fff7ed;color:#9a3412;}
.rtx-note{background:var(--ds-gray-50);color:var(--ds-gray-600);}
.rtx-pv{border:var(--ds-line) solid var(--ds-gray-200);border-radius:var(--ds-radius-md);padding:var(--ds-sp-2) var(--ds-sp-3);overflow:auto;max-height:56vh;}
.rtx-pv--edit{height:440px;max-height:none;}
.rtx-empty{color:var(--ds-gray-400);}
.rtx-pre{margin:0;white-space:pre-wrap;font-family:inherit;}
.rtx-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ds-sp-2) var(--ds-sp-3);margin-bottom:var(--ds-sp-3);align-items:end;}
.rtx-f-title{grid-column:span 2;}
.rtx-f-on{grid-column:1 / -1;}
.rtx-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--ds-sp-3);}
.rtx-area{height:440px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--ds-fs-md);line-height:1.6;}
.rtx-pv-wrap{display:flex;flex-direction:column;gap:4px;min-width:0;}
.rtx-pv-h{display:flex;justify-content:space-between;gap:var(--ds-sp-2);font-size:var(--ds-fs-sm);font-weight:600;color:#374151;}
.rtx-btns{flex-wrap:wrap;}

/* 휴대폰: 표 → 카드, 창은 세로 배치 */
@media (max-width:600px){
  .rtx-table,.rtx-table tbody{display:block;}
  .rtx-table thead{display:none;}
  .rtx-table tr{display:grid;grid-template-columns:1fr auto;grid-template-areas:"v a" "t t" "d d" "u b";gap:2px var(--ds-sp-2);
    padding:var(--ds-sp-3);margin-bottom:var(--ds-sp-2);border:var(--ds-line) solid var(--ds-gray-200);border-radius:var(--ds-radius-lg);background:#fff;}
  .rtx-table td{display:block;padding:0;border:none;background:none;overflow:visible;white-space:normal;font-size:var(--ds-fs-md);}
  .rtx-table td[colspan]{grid-column:1 / -1;text-align:center;}
  .rtx-table td.rtx-v-td{grid-area:v;font-size:var(--ds-fs-lg);}
  .rtx-table td.rtx-a-td{grid-area:a;justify-self:end;}
  .rtx-table td.rtx-t-td{grid-area:t;font-size:var(--ds-fs-sm);color:var(--ds-gray-600);}
  .rtx-table td.rtx-d-td{grid-area:d;font-size:var(--ds-fs-sm);color:var(--ds-gray-600);}
  .rtx-table td.rtx-d-td::before{content:"시행일 ";}
  .rtx-table td.rtx-u-td{grid-area:u;align-self:center;}
  .rtx-table td.rtx-b-td{grid-area:b;}
  .rtx-grid{grid-template-columns:1fr 1fr;}
  .rtx-split{grid-template-columns:1fr;}
  .rtx-area,.rtx-pv--edit{height:260px;}
  .modal-box.rtx-modal,.modal-box.rtx-modal.rtx-modal--edit{width:100vw;}
}