.main-panel[data-page-section="rentals"] > :not(#rentalView):not(.topbar) { display: none !important; }
#rentalView { width: 100%; min-width: 0; padding: var(--space-6) var(--page-gutter); }
#rentalView .page-frame { margin-inline: auto; }
.rental-search { display: grid; gap: var(--space-2); max-width: 440px; margin-bottom: var(--space-6); }
.rental-search label, .rental-field-label { color: var(--muted); font-size: var(--font-caption); font-weight: 700; }
.rental-search > div { display: flex; gap: var(--space-2); }
.rental-search input { flex: 1; min-width: 0; min-height: 44px; padding: var(--space-3); border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface); color: var(--text); }
.rental-list, .rental-simple-list, .rental-stages, .rental-history { list-style: none; margin: 0; padding: 0; }
.rental-list { display: grid; gap: var(--space-3); }
.rental-row { display: grid; grid-template-columns: minmax(190px, 2fr) minmax(140px, 1fr) minmax(150px, 1fr) minmax(100px, .7fr) auto; gap: var(--space-4); align-items: center; padding: var(--space-4); border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface); }
.rental-row > div, .rental-row-identity { display: grid; gap: var(--space-1); min-width: 0; overflow-wrap: anywhere; }
.rental-row-identity span, .rental-row-identity small, .rental-simple-list span, .rental-history span { color: var(--muted); }
.rental-status { color: var(--brand); font-weight: 750; }
.rental-pagination { display: flex; align-items: center; justify-content: flex-end; gap: var(--space-3); padding-block: var(--space-4); }
.rental-record-panels { padding-block: var(--space-6); }
.rental-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }
.rental-card { min-width: 0; padding: var(--space-6); border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface); }
.rental-card h3 { margin: 0 0 var(--space-4); font-size: 1.1rem; }
.rental-facts { display: grid; gap: var(--space-3); margin: 0; }
.rental-facts > div { display: grid; grid-template-columns: minmax(140px, .75fr) minmax(0, 1.5fr); gap: var(--space-3); }
.rental-facts dt { color: var(--muted); }
.rental-facts dd { margin: 0; overflow-wrap: anywhere; }
.rental-simple-list { display: grid; gap: var(--space-3); }
.rental-simple-list li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--space-2); padding-block: var(--space-2); border-bottom: 1px solid var(--line); overflow-wrap: anywhere; }
.rental-simple-list a { display: inline-flex; min-height: 44px; align-items: center; color: var(--brand); }
.rental-party-snapshots { list-style: none; padding: 0; margin: 0; }
.rental-party-snapshots details { border-bottom: 1px solid var(--line); padding-block: var(--space-2); }
.rental-party-snapshots summary { min-height: 44px; cursor: pointer; font-weight: 700; }
.rental-stages { display: grid; gap: var(--space-4); counter-reset: none; }
.rental-readonly { color: var(--muted); }
.rental-financial-stage { display: grid; gap: var(--space-4); margin-bottom: var(--space-6); }
.rental-financial-stage > label, .rental-financial-form label, [data-financial-form="void"] label { display: grid; gap: var(--space-2); font-weight: 700; min-width: 0; }
.rental-financial-stage select, .rental-financial-stage input, .rental-financial-form select, .rental-financial-form input, [data-financial-form="void"] input { width: 100%; min-width: 0; min-height: 44px; padding: var(--space-3); border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface); color: var(--text); }
.rental-financial-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); margin-block: var(--space-4); }
.rental-financial-form fieldset { display: grid; grid-column: 1 / -1; gap: var(--space-3); border: 1px solid var(--line); border-radius: var(--radius-md); }
.rental-financial-form button { justify-self: start; align-self: end; }
[data-financial-form="void"] { display: flex; flex-wrap: wrap; align-items: end; gap: var(--space-3); width: 100%; }
[data-financial-form="void"] label { flex: 1 1 260px; }
.rental-history { display: grid; gap: var(--space-3); margin-bottom: var(--space-4); }
.rental-history li { display: flex; flex-wrap: wrap; gap: var(--space-3); padding: var(--space-4); border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface); }
.rental-history time { margin-left: auto; }
.rental-step-nav ol { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-4); list-style: none; margin: 0 0 var(--space-6); padding: 0; }
.rental-step-nav li { color: var(--muted); font-size: var(--font-caption); }
.rental-step-nav [aria-current="step"] { color: var(--brand); font-weight: 750; }
.rental-create-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }
.rental-create-field, .rental-client-search label { display: grid; gap: var(--space-2); font-weight: 700; min-width: 0; }
.rental-create-field input, .rental-create-field select, .rental-client-search input { width: 100%; min-width: 0; min-height: 44px; padding: var(--space-3); border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface); color: var(--text); }
.rental-create-card { min-width: 0; margin: var(--space-4) 0; padding: var(--space-4); border: 1px solid var(--line); border-radius: var(--radius-md); }
.rental-create-step-fields { min-width: 0; margin: 0; padding: 0; border: 0; }
.rental-create-card legend { padding-inline: var(--space-2); font-weight: 750; }
.rental-create-inline, .rental-create-actions, .rental-client-search, .rental-role-options { display: flex; flex-wrap: wrap; align-items: end; gap: var(--space-3); margin-block: var(--space-4); }
.rental-create-inline .rental-create-field { flex: 1 1 260px; }
.rental-role-options label { display: inline-flex; align-items: center; gap: var(--space-2); min-height: 44px; }
.rental-create-review { display: grid; gap: var(--space-2); padding: var(--space-4); border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface); overflow-wrap: anywhere; }
.rental-create-review p { margin: 0; }
.rental-create-review section { padding-block: var(--space-3); border-top: 1px solid var(--line); }
.rental-create-review h3, .rental-create-review h4 { margin: 0 0 var(--space-3); }
.rental-review-party, .rental-review-document { margin-block: var(--space-4); }
.rental-review-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3) var(--space-4); margin: 0; }
.rental-review-facts div { min-width: 0; }
.rental-review-facts dt { color: var(--muted); }
.rental-review-facts dd { margin: 0; overflow-wrap: anywhere; }
@media (max-width: 1100px) { .side-nav { grid-template-columns: repeat(4, minmax(0, 1fr)); } .rental-row { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 820px) { .rental-cards, .rental-create-grid, .rental-review-facts, .rental-financial-form { grid-template-columns: 1fr; } .rental-row { grid-template-columns: 1fr; } .rental-row button { width: 100%; min-height: 44px; } .rental-facts > div { grid-template-columns: 1fr; gap: var(--space-1); } }
@media (max-width: 540px) { .side-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rental-search > div { flex-wrap: wrap; } .rental-search button { flex: 1; } .rental-pagination { justify-content: space-between; } }