/* 렌트롤 대화상자(#dlg-rentroll)의 내용 스타일. 토큰과 공통 요소(.btn, .tb, .kv, .badge, .p-note 등)는 css/desk.css의 것을 쓴다. */
#dlg-rentroll .rr { display: grid; gap: 12px; min-width: 0; }
#dlg-rentroll .rr > * { min-width: 0; }
#dlg-rentroll .rr-state { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; font-size: 13.5px; line-height: 1.5; color: var(--dim); }
#dlg-rentroll .rr-file { font-family: var(--font-num); font-size: 12.5px; color: var(--txt); overflow-wrap: anywhere; }
#dlg-rentroll .rr-actions { margin-top: 0; }
#dlg-rentroll .rr-status { min-height: 20px; font-size: 12.5px; line-height: 1.55; color: var(--dim); }
#dlg-rentroll .rr-status:empty { min-height: 0; }

/* 구획: 미리보기, 기준 연월, 적용한 렌트롤 */
#dlg-rentroll .rr-sec { display: grid; gap: 10px; min-width: 0; padding-top: 12px; border-top: 1px solid var(--line2); }
#dlg-rentroll .rr-sec > * { min-width: 0; }
#dlg-rentroll .rr-sec .p-title { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 0; }
#dlg-rentroll .rr-pending { padding: 12px 14px; border: 1px solid var(--line2); border-left: 2px solid var(--warn); border-radius: 2px; background: var(--wash); }
#dlg-rentroll .rr-pending .btn-row { margin-top: 0; }

/* 요약 다섯 값 */
#dlg-rentroll .rr-kv { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px 14px; margin-top: 0; padding: 10px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
#dlg-rentroll .rr-kv dt { line-height: 1.4; }
#dlg-rentroll .rr-kv dd { margin-top: 2px; font-size: 15px; white-space: nowrap; }

/* 행별 안내와 엔진 문장 */
#dlg-rentroll .rr-issues, #dlg-rentroll .rr-engine { display: grid; gap: 0; }
#dlg-rentroll .rr-issues li, #dlg-rentroll .rr-engine li { padding: 6px 0 6px 12px; border-bottom: 1px solid var(--line); border-left: 2px solid var(--warn); font-size: 12.5px; line-height: 1.55; color: var(--dim); overflow-wrap: anywhere; }
#dlg-rentroll .rr-issues li.rr-more, #dlg-rentroll .rr-engine li.rr-more { border-left-color: var(--line2); color: var(--mut); }
#dlg-rentroll .rr-chk li:last-child { border-bottom: 0; }

/* 표 */
#dlg-rentroll .rr-table { max-height: 320px; overflow: auto; border: 1px solid var(--line); border-radius: 2px; }
#dlg-rentroll .rr-table .tb th, #dlg-rentroll .rr-table .tb td { padding-left: 10px; padding-right: 10px; }
#dlg-rentroll .rr-table thead th { position: sticky; top: 0; background: var(--pop-bg); }
#dlg-rentroll .rr-table tbody th.txt { color: var(--txt); white-space: nowrap; max-width: 220px; overflow: hidden; text-overflow: ellipsis; }
#dlg-rentroll .rr-table td.txt { white-space: nowrap; }
#dlg-rentroll .rr-est { margin-left: 4px; padding: 0 4px; border: 1px solid var(--warn); border-radius: 2px; font-family: var(--font-ko); font-size: 12px; color: var(--warn); }
#dlg-rentroll .rr-rows > summary { display: inline-flex; align-items: center; min-height: var(--ctl-h); padding: 0 2px; font-size: 13px; color: var(--dim); cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
#dlg-rentroll .rr-rows > summary:hover { color: var(--txt); }
#dlg-rentroll .rr-rows[open] > summary { margin-bottom: 8px; }

/* 기준 연월 칸 */
#dlg-rentroll .rr-ym { display: grid; grid-template-columns: max-content 132px minmax(0, 1fr); align-items: center; gap: 6px 14px; }
#dlg-rentroll .rr-ym label { font-size: 13px; font-weight: 600; color: var(--dim); }
#dlg-rentroll .rr-ym label .tag { font-weight: 400; margin-left: 4px; }
#dlg-rentroll .rr-ym input { width: 100%; height: 34px; padding: 0 2px; border: 0; border-bottom: 1px solid var(--line2); border-radius: 0; background: transparent; font-size: 14px; color: var(--txt); }
#dlg-rentroll .rr-ym input::placeholder { color: var(--mut); opacity: 1; }
#dlg-rentroll .rr-ym input:hover { border-bottom-color: var(--line3); }
#dlg-rentroll .rr-ym input:focus-visible { outline: none; border-bottom: 2px solid var(--gold); }
#dlg-rentroll .rr-ym input[aria-invalid="true"] { border-bottom: 1px dashed var(--warn); }
#dlg-rentroll .rr-ym-msg { font-size: 12.5px; line-height: 1.5; color: var(--mut); }
#dlg-rentroll .rr-ym-msg.warn { color: var(--warn); font-weight: 600; }
#dlg-rentroll .rr-ym .p-note { grid-column: 1 / -1; }

@media screen and (max-width: 719px) {
  #dlg-rentroll .rr-kv { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #dlg-rentroll .rr-ym { grid-template-columns: minmax(0, 1fr); }
  #dlg-rentroll .rr-kv dd { white-space: normal; }
}