.preview-banner{color:#594722;background:#eee2c8;flex-wrap:wrap;justify-content:center;gap:20px;padding:12px 20px;font-size:.8rem;line-height:1.5;display:flex}.preview-tabs{border-bottom:1px solid #d6dfd4;gap:8px;margin:28px 0 16px;padding-bottom:12px;display:flex}.preview-tabs button{background:0 0;border-color:#0000}.preview-tabs button[aria-current]{color:#fff;background:#284e3b}.preview-panel{background:#fff;border:1px solid #dce3da;border-radius:14px;margin-top:20px;padding:30px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.panel-heading h2{margin-bottom:12px}.tenant-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.tenant-form label,.search-label{gap:9px;font-size:.85rem;font-weight:600;display:grid}.full-width{grid-column:1/-1}.detail-grid{grid-template-columns:1fr 1fr;gap:40px;margin:30px 0;display:grid}.detail-grid h3{border-bottom:1px solid #e4e9e0;padding-bottom:14px;font-size:1rem}.detail-grid dt{color:#647568;margin-bottom:8px;font-size:.8rem}.detail-grid dd{overflow-wrap:anywhere;margin:0 0 22px;line-height:1.5}.table-scroll{overflow-x:auto}.tenant-table{border-collapse:collapse;text-align:left;width:100%;margin-bottom:20px}.tenant-table th{color:#5f7164;white-space:nowrap;background:#f4f6f0;padding:14px 12px;font-size:.75rem}.tenant-table td{border-bottom:1px solid #e4e9e0;padding:18px 12px;font-size:.9rem}.tenant-table button{white-space:nowrap}.unit hr{border:0;border-top:1px solid #e7ece3;margin:22px 0}.unit h3{font-size:1rem}.empty-state{padding:30px}.search-label{max-width:270px}.stats strong{font-size:clamp(1.3rem,3vw,2rem)}@media (max-width:620px){.tenant-form,.detail-grid{grid-template-columns:1fr}.panel-heading{flex-direction:column}.preview-panel{padding:22px}.preview-tabs{gap:0}.preview-tabs button{padding:12px 10px;font-size:.78rem}.preview-banner{justify-content:flex-start;gap:4px}.page-heading{flex-wrap:wrap}.table-scroll{margin:0 -12px}}.rent-filters{flex-wrap:wrap;gap:16px;display:flex}.rent-filters label{gap:8px;font-size:.8rem;display:grid}.badge.late{color:#8e3327;background:#f9e4dc}.payment-form,.sample-receipt{background:#f6f8f1;border:1px solid #dce3da;border-radius:12px;margin:24px 0;padding:24px}.payment-history{padding:0;list-style:none}.payment-history li{border-bottom:1px solid #dce3da;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.preview-tabs{flex-wrap:wrap}.payment-form h3,.payment-form p{margin:0}.tenant-table td{vertical-align:top}.sample-receipt h3{margin:0}@media (max-width:620px){.payment-history li{flex-direction:column;align-items:flex-start}.rent-filters{width:100%}.rent-filters label{flex:1;min-width:130px}}
