/* Shared spacing system. Typography retains its existing readable sizes. */
.unit-tenant-identity{margin:3px 0}.tenant-name{font-weight:700;margin:0!important}.tenant-representative{margin:1px 0!important;line-height:1.6;color:var(--muted)}
#refresh-page{border:1px solid #c49a44;background:#fffaf0;color:#936019;border-radius:10px}#refresh-page:hover{background:#fff1d6}#refresh-page[aria-busy="true"] .ico,#pull-refresh.refreshing .ico{animation:refresh-spin 1s linear infinite}#pull-refresh{position:fixed;top:68px;inset-inline:12px;width:fit-content;max-width:calc(100vw - 24px);margin:auto;z-index:45;display:flex;align-items:center;gap:7px;padding:6px 10px;background:#fffaf0;border:1px solid #c49a44;border-radius:10px;color:var(--ink);box-shadow:0 2px 8px #51452b20}#pull-refresh[hidden]{display:none}@keyframes refresh-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){#refresh-page[aria-busy="true"] .ico,#pull-refresh.refreshing .ico{animation:none}}@media(max-width:650px){#pull-refresh{top:62px}.topbar .top-actions{gap:5px;flex-shrink:0}.topbar-title{flex:1;min-width:0}.topbar-title .page-heading{min-width:0}.topbar-title strong{max-width:100%}}
.notification-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:4px 12px;margin-bottom:8px}.notice-row{width:100%;text-align:start}.notice-row>span{min-width:0;overflow-wrap:anywhere}.notice-row small{white-space:normal}
#release-notice{position:fixed;inset-inline:12px;top:8px;z-index:80;width:fit-content;max-width:calc(100vw - 24px);margin:auto;display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid #bba570;border-radius:9px;background:#fff9e9;color:var(--ink);box-shadow:0 2px 8px #51452b20;flex-wrap:wrap}#release-notice .btn{flex:none}
:root{--space-xs:4px;--space-sm:8px;--space-md:12px}
body{line-height:1.65}
.page{padding:14px 18px 24px}.topbar{height:62px;padding-inline:18px}
.section-head{margin:12px 0 8px;gap:8px}.section-head h2{margin:0;line-height:1.5}.section-head p{margin:2px 0;line-height:1.6}
.welcome{padding:10px 14px}.welcome h1,.welcome p{margin:2px 0}.welcome h1{line-height:1.5}
.dashboard-divisions,.stats,.workflow-metrics,.task-metrics{gap:8px;margin:10px 0}.dashboard-division,.stat,.workflow-metric,.task-metrics>div{padding:10px 12px}.dashboard-metrics{margin-top:7px;gap:6px}.dashboard-metrics button{padding:7px 5px}.dashboard-metrics strong{line-height:1.3}
.panel,.home-brokerage{padding:10px 12px;margin:10px 0}.panel h3{margin:0 0 6px}.home-tasks{padding:10px 12px;margin:10px 0}
.toolbar,.unit-toolbar,.workflow-filters,.task-filters,.task-tabs,.tabs{gap:6px;margin-block:8px}.toolbar input,.toolbar select,.unit-toolbar select{padding-block:5px}
.grid,.compact-page .grid,.task-grid,.compact-page .task-grid{gap:7px}.property-section{margin:12px 0}.property-section>h3{margin:6px 0}.property-projects{gap:8px}.project-units-heading{margin-bottom:6px}.lease-groups{gap:14px}.lease-group-heading{margin-bottom:6px;padding-block:7px}
.record-row,.compact-page .record-row,.home-brokerage .record-row{padding-block:8px;row-gap:5px}.record-row h3,.compact-page .record-row h3{margin-block:2px}.record-row .record-info>p{margin-block:2px}.record-row .record-finance,.compact-page .record-finance{padding-top:5px;row-gap:4px}.record-side,.compact-page .record-side{gap:4px}.task-card,.compact-page .task-card{padding-block:8px;row-gap:3px}.match-card,.compact-page .match-card{padding-block:8px}
.rent-overview{margin:12px 0}.rent-columns{gap:10px}.rent-panel>header{padding:9px 12px;gap:2px 10px}.rent-panel header p{margin:2px 0}.rent-payment-list{padding:0}.rent-panel footer{padding:6px 10px}.rent-empty{min-height:0;padding:12px;gap:6px;flex-direction:row}.rent-empty .ico{padding:3px}
.btn,.link-btn{padding:5px 10px;min-height:36px}.btn.small{padding:4px 9px;min-height:34px}.iconbutton{height:36px}.row{gap:6px}
.sidebar{padding:14px 12px}.brand{margin-bottom:14px}.sidebar-bottom{padding-top:10px;margin-top:10px}.sidebar .nav-division{margin-top:10px}.sidebar .nav-division-heading{padding-block:5px;margin-bottom:4px}.sidebar .navitem,.sidebar .nav-division .navitem{padding-block:5px;min-height:36px;margin-block:1px}.sidebar .navgroup{margin-block:10px 4px}
.modal-head{padding:9px 14px;gap:8px}.modal-head h2{line-height:1.5}.modal-content{padding:10px 14px}.modal-footer{padding:7px 14px;gap:6px}.modal-content h3{margin:10px 0 5px}.modal-content p{margin-block:5px}
/* Flexible rows fill an odd final field instead of leaving an empty column. */
.detail-grid,.tenant-detail .detail-grid{display:flex;flex-wrap:wrap;gap:0 12px;margin:8px 0}
.detail-grid>div{flex:1 1 calc(50% - 12px);display:flex;align-items:baseline;justify-content:space-between;gap:5px 10px;padding:6px 0;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;min-width:0;line-height:1.6}
.detail-grid>div.wide{flex-basis:100%;display:block}.detail-grid>div>dt{flex:0 1 auto}.detail-grid>div>dd{margin:0;min-width:0;text-align:end;overflow-wrap:anywhere}.detail-grid>div.wide>dd{text-align:start;margin-top:2px}.detail-grid .link-btn,.detail-grid a:not(.link-btn){padding:3px 7px;min-height:32px}
.linked-contracts{display:flex;align-items:center;flex-wrap:wrap;gap:5px 12px;padding:7px 10px;margin:8px 0}.linked-contracts h3{margin:0;flex:1}.linked-contracts .row{gap:5px}
.success-box{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 16px;padding:8px 10px;margin:8px 0}.success-box>div{flex:1 1 200px;min-width:0}.modal-content .success-box>div{padding:0;border:0;background:none}.tenant-detail{padding:7px 10px;margin:8px 0}.tenant-detail .detail-grid{margin:4px 0}
.form-grid,.inline-entry .form-grid{gap:8px 12px}.form-field{gap:3px}.form-field input:not([type=checkbox]):not([type=file]),.form-field select{padding:5px 9px;min-height:38px}.form-field textarea{padding:6px 9px;min-height:64px}.form-field.check{min-height:36px}.form-grid>details{padding:7px 10px}.form-grid>details>summary{margin:0}.form-grid>details>.form-grid{padding-top:6px;margin-top:4px}.organized-fields,.lease-finance-fields{padding:7px 10px}.lease-finance-fields p,.lease-schedule p{margin:4px 0}.lease-schedule h3,.tenant-detail h3{margin:7px 0 4px}.lease-schedule .table-wrap{margin-top:6px}
.floor-editor,.floor-row{padding:8px 10px}.floor-rows{gap:7px;margin:7px 0}.floor-row-head{margin-bottom:5px}.floor-dimensions{gap:7px}.floor-detail{margin:8px 0}
.table-wrap th,.table-wrap td,.lease-schedule th,.lease-schedule td{padding-block:6px}.permission-group th{padding-block:8px}.table-wrap .link-btn{padding:3px 7px;min-height:32px}.file-row{padding:6px 9px;margin:5px 0;gap:6px}.attachment-actions{gap:6px}.upload-label{padding:8px 10px}.upload-label input{margin-top:5px}.empty,.home-brokerage .empty{padding:16px 12px}.empty .empty-icon{width:42px;height:42px;margin-bottom:6px}.empty h3{margin:3px 0}.empty p{margin:3px 0 8px}.empty:has(.btn){padding-block:12px}
.voice-entry{padding:8px 10px;margin-bottom:8px}.voice-text{min-height:64px;margin:6px 0}.hold-badge{padding:6px 8px;margin:6px 0}.listing-media{margin-top:12px;padding-top:8px}.media-drop{padding:10px}.media-grid{gap:8px;margin:8px 0}.payment-card-totals{padding:6px;gap:4px}.card-dues{margin-top:5px;padding-top:4px}.brokerage-total{padding:7px 9px;margin:6px 0;gap:2px}
.settings-row{padding-block:8px;gap:10px}.settings-row p{margin-block:3px}.notice-row{padding-block:8px;gap:8px}.activity{padding-block:7px}.quickbar{gap:8px;margin:10px 0}.quick{padding:9px 10px}.tabs,.task-tabs{padding:4px}.tab{padding:5px 10px;min-height:36px}.workflow-filters{padding:8px 10px;margin-bottom:8px}.workflow-filters[open]>summary{margin-bottom:8px}.workflow-selector{gap:8px}.workflow-summary-grid{gap:10px}.workflow-item{gap:8px;padding-block:7px}#project-back{margin-bottom:8px}.inline-entry{padding:9px 10px;margin:3px 0 7px}.inline-entry>.btn{margin-top:7px}.request-area-range{padding:8px 10px;margin:4px 0}.meter-section{margin:9px 0;padding-top:7px}
@media(max-width:650px){
 .page{padding:10px 10px 20px}.topbar{height:56px;padding-inline:10px}.section-head{gap:6px}.modal-head,.modal-footer{padding:8px 10px}.modal-content{padding:9px 10px}.modal-footer .btn{min-height:40px}.btn,.btn.small,.link-btn{min-height:40px}.form-field input:not([type=checkbox]):not([type=file]),.form-field select{min-height:42px}.form-field.check{min-height:40px}
 .detail-grid>div{flex-basis:100%;padding-block:6px}.detail-grid .link-btn,.detail-grid a:not(.link-btn),.table-wrap .link-btn{min-height:36px}.success-box{display:block}.success-box>div+div{margin-top:3px}.linked-contracts{gap:4px 8px}.sidebar .navitem,.sidebar .nav-division .navitem{min-height:40px}.rent-panel>header{padding:8px 10px}.record-row .record-side{padding-top:5px}.record-row,.compact-page .record-row,.home-brokerage .record-row{padding-block:7px}.tenant-detail .detail-grid>div{flex-basis:100%}
}