/* Unit and floor pages (unit-pages-view.mjs), on top of agent-pages.css. Light brand: white cards,
   Electric Blue #1455FF, Deep Navy #0E1D4D, Soft Cloud #EEF3FF. Text >= 12px, 44px tap targets. */
.up-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;align-items:start;padding:18px;border-radius:24px;background:#fff;border:1px solid var(--ap-line);box-shadow:0 12px 34px #0e1d4d12;margin-bottom:14px}
.up-hero--text{grid-template-columns:minmax(0,1fr)}
.up-hero--text .up-hero-main{max-width:760px;padding:6px}
.up-actions [hidden]{display:none!important}
.up-hero--floor{grid-template-columns:120px minmax(0,1fr);align-items:center}
.up-photo{position:relative;margin:0;border-radius:18px;overflow:hidden;aspect-ratio:4/3;background:linear-gradient(135deg,#E3EBFF,#D7F6FB)}
.up-photo img{display:block;width:100%;height:100%;object-fit:cover}
.up-photo img.is-plan{object-fit:contain;background:#fff;padding:12px}
.up-photo .ap-photo-tag{position:absolute;left:10px;bottom:10px}
.up-photo--empty{display:grid;place-items:center}
.up-photo--empty span{font:800 44px/1 Sora,Inter,sans-serif;color:#1455FF55}
.up-hero-main{display:grid;gap:10px;min-width:0;align-content:start;padding:4px 4px 4px 0}
.up-hero h1{margin:0;font:700 clamp(24px,3.2vw,36px)/1.12 Sora,Inter,sans-serif;color:var(--ap-navy);letter-spacing:-.02em;overflow-wrap:anywhere}
.up-address{display:flex;gap:6px;align-items:flex-start;margin:0;font-size:14px;color:var(--ap-muted)}
.up-address .ap-icon{flex:none;margin-top:2px}
.up-price{display:grid;gap:2px}
.up-price strong{font:700 28px/1.1 Sora,Inter,sans-serif;color:var(--ap-navy);font-variant-numeric:tabular-nums}
.up-price strong small{font:600 14px/1 Inter,sans-serif;color:var(--ap-muted)}
.up-price span{font-size:13px;color:var(--ap-muted);font-variant-numeric:tabular-nums}
.up-use{display:grid;gap:2px;margin:0;padding:10px 12px;border-radius:12px;background:var(--ap-cloud);font-size:14px;line-height:1.4;color:var(--ap-navy)}
.up-use span{font-size:12px;font-weight:700;color:var(--ap-muted)}
.up-age{margin:0;padding:8px 12px;border-radius:12px;border:1px solid #F1D9B5;background:#FFF8EE;font-size:13px;color:#7A4A06}
.up-actions{display:flex;flex-wrap:wrap;gap:8px}
.up-actions .ap-button{flex:0 1 auto}
.up-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
.up-facts div{padding:10px 12px;border:1px solid var(--ap-line);border-radius:12px;background:#fff;min-width:0}
.up-facts dt{font-size:12px;font-weight:700;color:var(--ap-muted)}
.up-facts dd{margin:2px 0 0;font-size:15px;font-weight:600;color:var(--ap-navy);overflow-wrap:anywhere}
.up-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.up-chips li{display:inline-flex;align-items:center;min-height:32px;padding:4px 12px;border-radius:999px;background:var(--ap-cloud);font-size:13px;font-weight:600;color:var(--ap-navy)}
.up-person{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;margin-bottom:12px}
.up-person div{display:grid;gap:2px;min-width:0}
.up-person strong{font-size:16px;color:var(--ap-navy)}
.up-person span{font-size:14px;color:var(--ap-navy)}
.up-person small{font-size:12px;color:var(--ap-muted)}
.up-person a{color:inherit}
.up-copies{margin:0 0 12px;font-size:13px;color:var(--ap-muted)}
#up-agent .ap-button{width:100%}
.up-floor-badge{display:grid;place-items:center;width:112px;height:112px;border-radius:28px;background:linear-gradient(160deg,#EEF3FF,#DCE7FF);border:1px solid #CFDCFF}
.up-floor-badge span{font:800 44px/1 Sora,Inter,sans-serif;color:#1455FF}
.up-summary{margin:0;font-size:14px;color:var(--ap-muted)}
.up-floors{margin:0 0 14px;padding:12px 14px;border-radius:18px;background:#fff;border:1px solid var(--ap-line)}
.up-floors ol{display:flex;gap:6px;margin:8px 0 0;padding:0 0 4px;list-style:none;overflow-x:auto;scrollbar-width:thin}
.up-floors a{display:inline-grid;place-items:center;min-width:44px;min-height:44px;padding:4px 8px;border-radius:12px;border:1px solid var(--ap-line);background:#fff;font:700 14px/1 Inter,sans-serif;color:var(--ap-navy);text-decoration:none;font-variant-numeric:tabular-nums}
.up-floors a small{display:block;margin-top:2px;font-size:12px;font-weight:600;color:#1455FF}
.up-floors a:hover{background:var(--ap-cloud)}
.up-floors a[aria-current="page"]{background:#1455FF;border-color:#1455FF;color:#fff}
.up-floors a[aria-current="page"] small{color:#fff}
.up-names{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.up-names--grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.up-more{margin-top:8px}
.up-more summary{display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:700;color:#1455FF;cursor:pointer}
.up-more .up-names{margin-top:6px}
.up-floor-main{grid-template-columns:minmax(0,1fr)}
.up-names li{display:grid;gap:1px;padding:8px 10px;border:1px solid var(--ap-line);border-radius:12px}
.up-names strong{font-size:14px;color:var(--ap-navy)}
.up-names span{font-size:12px;color:var(--ap-muted)}
.up-plan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}
.up-plan-grid figure{margin:0;border:1px solid var(--ap-line);border-radius:12px;overflow:hidden;background:#fff;aspect-ratio:4/3}
.up-plan-grid img{width:100%;height:100%;object-fit:contain}
@media(max-width:860px){
  .up-hero{grid-template-columns:minmax(0,1fr);padding:12px;gap:14px}
  .up-hero--floor{grid-template-columns:76px minmax(0,1fr)}
  .up-floor-badge{width:72px;height:72px;border-radius:20px}
  .up-floor-badge span{font-size:28px}
  .up-actions .ap-button{flex:1 1 140px}
}
@media(max-width:480px){.up-facts{grid-template-columns:minmax(0,1fr)}}