/* 2026-10-21 (2) 계약 청구 창 일정표에 부가세 · 합계 칸(.rbl-dim2) */
/* 2026-10-21 정기 청구 화면 (rental-billing.js, .rbl-*) — 새 파일. 기준표 --ds-* 사용, 목록·창 틀은 rental-assets.css(.ras-*)를 같이 씀 */

#panel-rbilling{flex-direction:column;}
.rbl-month{display:flex;align-items:center;gap:6px;}
.rbl-month b{min-width:96px;text-align:center;font-size:var(--ds-fs-md);color:var(--ds-gray-900);}
.rbl-mbtn,.rbl-mnow{height:32px;padding:0 10px;border:var(--ds-line) solid var(--ds-gray-200);border-radius:var(--ds-radius-md);background:#fff;font-family:inherit;font-size:var(--ds-fs-md);color:var(--ds-gray-900);cursor:pointer;}
.rbl-mnow{font-size:var(--ds-fs-sm);color:var(--ds-gray-600);}
@media (hover:hover){ .rbl-mbtn:hover,.rbl-mnow:hover{border-color:var(--ds-primary);color:var(--ds-primary);} }
.rbl-sum{display:flex;gap:var(--ds-sp-4);flex-wrap:wrap;padding:var(--ds-sp-2) var(--ds-sp-3) 0;font-size:var(--ds-fs-sm);color:var(--ds-gray-600);}
.rbl-sum b{color:var(--ds-gray-900);}
.rbl-warn{color:#c2410c;} .rbl-warn b{color:#c2410c;}

.rbl-table th:nth-child(1){width:90px;} .rbl-table th:nth-child(2){width:200px;} .rbl-table th:nth-child(3){width:130px;}
.rbl-table th:nth-child(4){width:70px;} .rbl-table th:nth-child(5){width:170px;} .rbl-table th:nth-child(6){width:120px;}
.rbl-table th:nth-child(7){width:80px;} .rbl-table th:nth-child(8){width:210px;} .rbl-table th:nth-child(9){width:auto;}
.rbl-table tbody tr{cursor:pointer;}
@media (hover:hover){ .rbl-table tbody tr:hover td{background:var(--ds-gray-50);} }
.rbl-table td{white-space:nowrap;vertical-align:middle;}
.rbl-co-td b{color:var(--ds-gray-900);}
.rbl-table td small,.rbl-sch td small{display:inline;margin-left:6px;font-size:var(--ds-fs-xs);color:var(--ds-gray-600);}
.rbl-tr--none td{background:#fffbeb;}
.rbl-dim{color:var(--ds-gray-400);font-size:var(--ds-fs-sm);}
.rbl-dim2{color:var(--ds-gray-600);}   /* 2026-10-21 부가세 칸 */
.rbl-late{display:inline-block;padding:0 6px;border-radius:var(--ds-radius-pill);background:#fef2f2;color:var(--ds-danger);font-size:var(--ds-fs-xs);font-weight:700;}
.rbl-st{display:inline-block;padding:2px 8px;border-radius:var(--ds-radius-pill);font-size:var(--ds-fs-sm);font-weight:700;white-space:nowrap;}
.rbl-st--plan{background:#f1f5f9;color:var(--ds-gray-600);}
.rbl-st--req{background:#eff6ff;color:var(--ds-progress);}
.rbl-st--billed{background:#ecfdf5;color:var(--ds-success);}
.rbl-st--paid{background:#e0f2f1;color:#0f766e;}
.rbl-st--none{background:#fff7ed;color:#c2410c;}
.rbl-btn{height:30px;padding:0 10px;border:var(--ds-line) solid var(--ds-gray-200);border-radius:var(--ds-radius-md);background:#fff;font-family:inherit;font-size:var(--ds-fs-sm);font-weight:600;color:var(--ds-gray-900);cursor:pointer;white-space:nowrap;}
.rbl-btn + .rbl-btn{margin-left:4px;}
.rbl-btn--txt{border-color:transparent;color:var(--ds-gray-600);font-weight:400;}
@media (hover:hover){ .rbl-btn:hover{border-color:var(--ds-primary);color:var(--ds-primary);} }

/* 계약 청구 창 */
.rbl-modal{width:min(820px,96vw);}
.rbl-set{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-sp-3);margin-bottom:var(--ds-sp-3);}
.rbl-fld{display:flex;flex-direction:column;gap:4px;font-size:var(--ds-fs-sm);color:var(--ds-gray-600);}
.rbl-fld > span{font-weight:600;}
.rbl-fld small{font-size:var(--ds-fs-xs);color:var(--ds-gray-400);}
.rbl-fld--wide{grid-column:1 / -1;}
.rbl-ck{display:flex;align-items:center;gap:6px;font-size:var(--ds-fs-sm);color:var(--ds-gray-900);cursor:pointer;} .rbl-ck input{width:16px;height:16px;margin:0;}
.rbl-val{min-height:36px;display:flex;align-items:center;gap:6px;font-size:var(--ds-fs-base);color:var(--ds-gray-900);}
.rbl-sch-wrap{overflow-x:auto;border-top:2px solid var(--ds-brand);}
.rbl-sch{width:100%;border-collapse:collapse;font-size:var(--ds-fs-md);}
.rbl-sch th{padding:6px 8px;text-align:left;font-size:var(--ds-fs-sm);font-weight:600;color:var(--ds-gray-600);border-bottom:var(--ds-line) solid var(--ds-gray-200);white-space:nowrap;}
.rbl-sch td{padding:6px 8px;border-bottom:var(--ds-line) solid var(--ds-gray-200);white-space:nowrap;}
.rbl-sch .ras-num{text-align:right;}
.rbl-sch .rbl-act-td{text-align:right;}
.rbl-total{margin:var(--ds-sp-2) 2px 0;font-size:var(--ds-fs-sm);color:var(--ds-gray-600);text-align:right;}
.rbl-total b{color:var(--ds-gray-900);}
.rbl-empty{padding:var(--ds-sp-4);text-align:center;color:var(--ds-gray-600);font-size:var(--ds-fs-md);}

@media (max-width:600px){
  .rbl-month{order:3;}
  .rbl-table,.rbl-table tbody{display:block;}
  .rbl-table thead{display:none;}
  .rbl-table tr{display:grid;grid-template-columns:1fr auto;grid-template-areas:"co st" "no day" "per amt" "who act";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;}
  .rbl-table td{display:block;padding:0;border:none;background:none;overflow:visible;font-size:var(--ds-fs-md);white-space:normal;}
  .rbl-table td[colspan]{grid-column:1 / -1;text-align:center;}
  .rbl-co-td{grid-area:co;} .rbl-co-td b{font-size:var(--ds-fs-lg);}
  .rbl-st-td{grid-area:st;justify-self:end;text-align:right;}
  .rbl-no-td{grid-area:no;font-size:var(--ds-fs-sm) !important;color:var(--ds-gray-600);}
  .rbl-seq-td{display:none !important;}
  .rbl-day-td{grid-area:day;justify-self:end;font-size:var(--ds-fs-sm) !important;color:var(--ds-gray-600);}
  .rbl-day-td::before{content:"청구 ";}
  .rbl-per-td{grid-area:per;font-size:var(--ds-fs-sm) !important;color:var(--ds-gray-600);}
  .rbl-amt-td{grid-area:amt;justify-self:end;font-weight:700;}
  .rbl-who-td{grid-area:who;align-self:center;font-size:var(--ds-fs-sm) !important;color:var(--ds-gray-600);}
  .rbl-who-td::before{content:"담당 ";}
  .rbl-act-td{grid-area:act;justify-self:end;}
  .rbl-tr--none{background:#fffbeb !important;}
  .rbl-set{grid-template-columns:1fr;}
}