.rent-overlay-card{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden;height:100%}
.rent-shell{display:flex;flex-direction:column;gap:14px;flex:1 1 auto;min-height:0;overflow:hidden}
.rent-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.rent-toolbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rent-toolbar-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border:1px solid transparent;border-radius:999px;font-weight:700;font-size:14px;line-height:1;text-decoration:none;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}
.rent-toolbar-button--print{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}
.rent-toolbar-button--print:hover{background:#dbeafe;border-color:#93c5fd;color:#1e40af;box-shadow:0 6px 16px rgba(59,130,246,.14)}
.rent-toolbar-button--export{background:#ecfdf3;border-color:#a7f3d0;color:#047857}
.rent-toolbar-button--export:hover{background:#d1fae5;border-color:#6ee7b7;color:#065f46;box-shadow:0 6px 16px rgba(16,185,129,.14)}
.rent-shell-title{margin:0;font-size:20px;color:#0f172a}
.rent-tabbar{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #dbe4f0;padding-bottom:10px}
.rent-tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:1px solid #cbd5e1;border-radius:10px 10px 0 0;background:#eff6ff;color:#31538a;font-weight:700}
.rent-tab.is-active{background:#fff;border-color:#93c5fd;border-bottom-color:#fff;color:#1d4ed8;box-shadow:0 -3px 12px rgba(37,99,235,.08)}
.rent-tab.rent-tab-dirty:not(.is-active){background:#fff1f2;border-color:#fda4af;color:#b42318}
.rent-tab.rent-tab-dirty.is-active{background:#fff5f5;border-color:#ef4444;border-bottom-color:#fff;color:#b42318}
.rent-tab-close{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;color:#64748b;font-size:16px;line-height:1}
.rent-tab-close:hover{background:#e2e8f0;color:#0f172a}
.rent-tab-add{min-width:42px;padding:10px;border-radius:10px;background:#f8fafc;color:#475569;font-size:20px;line-height:1}
.rent-tab-add:hover{background:#eef2ff;color:#3730a3}
.rent-panels{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}
.rent-property-panel{border:1px solid #dbe4f0;border-radius:0 14px 14px 14px;background:#fff;padding:16px;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden}
.rent-property-panel[data-rent-anchor-saved="false"] [data-rent-requires-anchor="true"]{display:none !important}
.rent-property-form{display:grid;gap:14px}
.rent-form-section{display:grid;gap:8px;padding:10px;border:1px solid #e5e7eb;border-radius:12px;background:#f8fafc}
.rent-section-head{display:flex;align-items:center;justify-content:flex-start;gap:12px}
.rent-section-title-wrap{display:inline-flex;align-items:center;gap:8px}
.rent-section-title{margin:0;font-size:16px;color:#0f172a}
.rent-section-body{display:grid;gap:8px}
.rent-form-grid{display:grid;gap:10px}
.rent-form-grid--property-top{grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr)) minmax(0,1fr) minmax(0,1fr)}
.rent-form-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.rent-form-grid--loan{grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr) minmax(0,.75fr) 56px}
.rent-form-grid--tenant{grid-template-columns:1.1fr .8fr .8fr .8fr 56px}
.rent-repeat-block{display:grid;gap:8px}
.rent-repeat-stack{display:grid;gap:8px}
.rent-repeat-row{padding:8px;border:1px solid #e5e7eb;border-radius:10px;background:#fff}
.rent-row-actions{display:flex;align-items:flex-end;justify-content:flex-end;gap:4px;padding-top:18px;min-width:56px}
.rent-summary-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.rent-summary-card{padding:8px 10px;border:1px solid #c7d7ff;border-radius:12px;background:#eef4ff;min-width:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;min-height:76px}
.rent-summary-card--muted{border-color:#e5e7eb;background:#f8fafc}
.rent-summary-label{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#64748b;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.25;min-height:2.5em}
.rent-summary-value{display:block;margin-top:3px;font-size:16px;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rent-supporting-card{display:grid;gap:10px;padding-top:4px}
.rent-unsaved-modal{position:fixed;inset:0;background:rgba(15,23,42,.42);display:flex;align-items:center;justify-content:center;padding:20px;z-index:60}
.rent-unsaved-modal[hidden]{display:none !important}
.rent-unsaved-dialog{width:min(420px,100%);background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 24px 60px rgba(15,23,42,.22);padding:18px;display:grid;gap:14px}
.rent-unsaved-title{margin:0;font-size:20px;color:#0f172a}
.rent-unsaved-text{margin:0;color:#475569;line-height:1.5}
.rent-unsaved-list{display:grid;gap:8px}
.rent-unsaved-item{display:grid;gap:2px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#f8fafc}
.rent-unsaved-item strong{color:#0f172a}
.rent-unsaved-item span{color:#64748b;font-size:13px;line-height:1.4}
.rent-unsaved-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.rent-property-form input[readonly]{background:#fff;color:#0f172a;cursor:default}
.rent-property-form input[readonly]:focus{outline:none;border-color:#d1d5db;box-shadow:none}
.rent-inline-add{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:16px;line-height:1}
.rent-inline-add:hover{background:#e0e7ff}
.rent-inline-delete{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0;border-radius:999px;background:#fff1f2;color:#b42318;font-size:14px;line-height:1;border:1px solid #fecdd3}
.rent-inline-delete:hover{background:#ffe4e6}
.rent-section-body[data-rent-section-mode="view"] .rent-inline-add,
.rent-section-body[data-rent-section-mode="view"] .rent-inline-delete{display:none !important}
.rent-icon-button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:15px;line-height:1}
.rent-icon-button:hover{background:#e0e7ff}

@media (max-width:700px){
  .rent-form-grid--three,
  .rent-form-grid--property-top,
  .rent-form-grid--loan,
  .rent-form-grid--tenant,
  .rent-summary-strip{grid-template-columns:1fr}
  .rent-toolbar{align-items:stretch}
  .rent-tab{width:100%;border-radius:10px}
  .rent-row-actions{padding-top:0}
}
