.building-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 18px; }
.building-stats article { background: var(--paper); border: 1px solid var(--line); border-radius: 14px; padding: 18px 20px; }
.building-stats span { display: block; color: var(--muted); font-size: .82rem; }
.building-stats strong { display: block; margin-top: 7px; font: 700 1.8rem Georgia, serif; }
.people-panel { margin-bottom: 18px; }
.contact-list { display: grid; }
.contact-list > a { display: grid; grid-template-columns: 42px 1.3fr auto 1fr 1fr auto; align-items: center; gap: 14px; padding: 15px 0; border-top: 1px solid var(--line); color: var(--ink); }
.contact-list small { display: block; margin-top: 4px; color: var(--muted); }
.contact-list b { font-size: .8rem; color: var(--green); }
.building-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.building-grid .contact-form { grid-column: 1 / -1; }
.two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.badge.owner { background: #dceee5; color: #14533b; }
.badge.tenant { background: #e2e9f6; color: #31548a; }
.badge.managing_agent, .badge.building_manager, .badge.security_officer, .badge.caretaker, .badge.emergency_contact { background: #fff0d6; color: #865912; }
.portal-access-fields { background: #f7faf8; }
.portal-access-fields small { color: var(--muted); font-weight: 500; }
.assigned-buildings { border-top: 1px solid var(--line); padding: 22px 0; }
.assigned-buildings > div { display: grid; gap: 3px; padding: 9px 0; border-bottom: 1px solid var(--line); }
.assigned-buildings small { color: var(--muted); }
.parking-allocation { margin-bottom: 18px; }
.booking-resource,.issued-items { margin-bottom: 18px; }
.resource-secret { display: inline-block; background: #fff0d6; color: #70470c; padding: 8px 11px; border-radius: 8px; }
.issued-item-list { display: grid; }
.issued-item-list article { display: grid; grid-template-columns: 1.2fr .6fr 1fr; gap: 16px; align-items: center; padding: 14px 0; border-top: 1px solid var(--line); }
.issued-item-list small { display: block; color: var(--muted); margin-top: 4px; }
.item-status-form { display: grid; grid-template-columns: 1fr auto auto; gap: 8px; align-items: center; }
.issue-item-form { margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--line); }
@media(max-width:800px){.issued-item-list article{grid-template-columns:1fr}.item-status-form{grid-template-columns:1fr auto}}
.unit-list { display: grid; }
.unit-list a { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 12px 2px; border-bottom: 1px solid var(--line); color: var(--ink); }
.unit-list a:hover span { color: var(--green); }
.unit-list small { display: block; margin-top: 4px; color: var(--muted); }
.unit-list span { color: var(--muted); font-size: .8rem; font-weight: 700; }
.unit-layout { display: grid; grid-template-columns: 1.2fr .8fr; gap: 18px; margin-bottom: 18px; }
.badge.maintenance { background: #fff0d6; color: #865912; }
.badge.inactive { background: #edf0ee; color: #53605b; }
@media (max-width: 980px) {
  .contact-list > a { grid-template-columns: 42px 1fr auto; }
  .contact-list > a > div:nth-of-type(3), .contact-list > a > div:nth-of-type(4), .contact-list b { grid-column: 2 / -1; }
}
@media (max-width: 680px) {
  .building-stats { grid-template-columns: 1fr 1fr; }
  .building-grid, .two-col { grid-template-columns: 1fr; }
  .unit-layout { grid-template-columns: 1fr; }
}
