/* V12.44 — condensed scalable Property Operational Health for desktop + mobile. */
.cc-health-toggle{display:flex;width:100%;margin-top:10px;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:12px;padding:10px 12px;align-items:center;justify-content:center;gap:7px;font-weight:750;cursor:pointer}
.cc-health-toggle span{font-size:13px;color:var(--muted)}
.cc-health-toggle-mobile{display:none}
.cc-health-toggle-desktop{display:flex}

@media(min-width:761px){
  .cc-health-section .cc-section-head{align-items:flex-start;gap:14px}
  .cc-health-section .cc-section-head h2{margin-bottom:2px}
  .cc-health-section .cc-section-head>div>p{margin-top:4px;margin-bottom:0;max-width:760px}
  .cc-health-section .cc-health-grid{gap:10px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
  .cc-health-section .cc-health-card{padding:12px 13px;border-radius:13px;box-shadow:none}
  .cc-health-section .cc-health-card-head b{font-size:14px}
  .cc-health-section .cc-health-card-head .pill{font-size:10px;padding:3px 7px}
  .cc-health-section .cc-health-occupancy{font-size:11px;margin:5px 0 5px}
  .cc-health-section .cc-health-reasons{min-height:0;gap:0}
  .cc-health-section .cc-health-reasons span{display:none;font-size:11px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .cc-health-section .cc-health-reasons span:first-child{display:block}
  .cc-health-section .cc-health-foot{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;margin-top:7px;padding-top:7px;font-size:10px}
  .cc-health-section .cc-health-foot span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .cc-health-section .cc-health-foot span:first-child{flex:0 0 auto}
  .cc-health-section .cc-health-foot span:last-child{flex:1 1 auto;text-align:right}
  .cc-health-section .cc-health-desktop-hidden{display:none}
  .cc-health-section .cc-health-grid.cc-health-desktop-expanded .cc-health-desktop-hidden{display:block}
}

@media(max-width:760px){
  .cc-health-toggle-desktop{display:none}
  .cc-health-toggle-mobile{display:flex}
  .cc-health-section .cc-section-head{gap:8px}
  .cc-health-section .cc-section-head h2{margin-bottom:0}
  .cc-health-section .cc-section-head>div>p{display:none}
  .cc-health-section .cc-summary-pills{gap:6px}
  .cc-health-section .cc-summary-pills .pill{padding:4px 8px;font-size:11px}
  .cc-health-section .cc-health-grid{gap:7px}
  .cc-health-section .cc-health-card{padding:10px 11px;border-radius:12px;box-shadow:none}
  .cc-health-section .cc-health-card-head{gap:7px}
  .cc-health-section .cc-health-card-head>div{gap:5px}
  .cc-health-section .cc-health-card-head b{font-size:13px}
  .cc-health-section .cc-health-card-head .pill{font-size:10px;padding:3px 7px;flex:0 0 auto}
  .cc-health-section .property-color-dot{width:9px;height:9px;margin-right:3px}
  .cc-health-section .cc-health-occupancy{font-size:11px;margin:4px 0 5px}
  .cc-health-section .cc-health-reasons{min-height:0;gap:0}
  .cc-health-section .cc-health-reasons span{display:none;font-size:11px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .cc-health-section .cc-health-reasons span:first-child{display:block}
  .cc-health-section .cc-health-foot{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;padding-top:6px;font-size:10px}
  .cc-health-section .cc-health-foot span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .cc-health-section .cc-health-foot span:first-child{flex:0 0 auto}
  .cc-health-section .cc-health-foot span:last-child{flex:1 1 auto;text-align:right}
  .cc-health-section .cc-health-mobile-hidden{display:none}
  .cc-health-section .cc-health-grid.cc-health-mobile-expanded .cc-health-mobile-hidden{display:block}
}
