/* M2 Property Shell: one compact identity component, projected per surface. */
.cemi-property-shell{width:100%;border-bottom:1px solid var(--cemi-visitor-color-line,#d9dee3);background:var(--cemi-visitor-color-surface,#fff);color:var(--cemi-visitor-color-text,#17212b)}
.cemi-property-shell__layout{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:clamp(20px,3vw,42px);align-items:stretch;padding-block:clamp(22px,3vw,38px)}
.cemi-property-shell__media{min-width:0;margin:0;overflow:hidden;border-radius:8px;aspect-ratio:4/3;background:#e8ecef}
.cemi-property-shell__media img{display:block;width:100%;height:100%;object-fit:cover}
.cemi-property-shell__fallback{display:grid;width:100%;height:100%;place-items:center;background:linear-gradient(135deg,#e7ebee,#cfd7dc);color:#53616a;font-weight:800}
.cemi-property-shell__content{display:grid;align-content:center;gap:16px;min-width:0}
.cemi-property-shell__heading h1{margin:4px 0 3px;max-width:24ch;font-size:clamp(30px,3.5vw,50px);line-height:1.06;letter-spacing:0}
.cemi-property-shell__territory,.cemi-property-shell__canonical-title{margin:0;color:var(--cemi-visitor-color-muted,#5d6770)}
.cemi-property-shell__classification{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin:10px 0 0}
.cemi-property-shell__classification span{padding-left:12px;border-left:1px solid currentColor}
.cemi-property-shell__canonical-title{margin-top:6px;font-size:13px}
.cemi-property-shell__offers{display:flex;flex-wrap:wrap;gap:8px}
.cemi-property-shell__offers article{display:grid;gap:1px;min-width:min(100%,220px);padding:10px 12px;border:1px solid var(--cemi-visitor-color-line,#d9dee3);border-radius:8px}
.cemi-property-shell__offers span,.cemi-property-shell__offers small{font-size:12px;color:var(--cemi-visitor-color-muted,#5d6770)}
.cemi-property-shell__offers strong{font-size:20px}
.cemi-property-shell__facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin:0;border:1px solid var(--cemi-visitor-color-line,#d9dee3);border-radius:8px;overflow:hidden;background:var(--cemi-visitor-color-line,#d9dee3)}
.cemi-property-shell__facts div{display:grid;gap:2px;min-width:0;padding:9px 10px;background:var(--cemi-visitor-color-surface,#fff)}
.cemi-property-shell__facts dt{font-size:11px;color:var(--cemi-visitor-color-muted,#5d6770)}
.cemi-property-shell__facts dd{margin:0;font-weight:800;overflow-wrap:anywhere}
.cemi-property-shell__workflow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.cemi-property-shell__workflow>div{display:grid;gap:2px;padding:10px 12px;border-left:3px solid var(--cemi-visitor-color-accent,#c51664);background:color-mix(in srgb,var(--cemi-visitor-color-accent,#c51664) 7%,transparent)}
.cemi-property-shell__workflow span,.cemi-property-shell__workflow small{font-size:11px;color:var(--cemi-visitor-color-muted,#5d6770)}
.cemi-property-shell__actions{display:flex;flex-wrap:wrap;gap:8px}
.cemi-property-shell__parcel-note{margin:0;font-size:13px;color:var(--cemi-visitor-color-muted,#5d6770)}

.cemi-property-shell--advisor,.cemi-property-shell--admin{--cemi-visitor-color-surface:var(--cemi-private-panel,#102338);--cemi-visitor-color-text:var(--cemi-private-text,#ffffff);--cemi-visitor-color-muted:var(--cemi-private-muted,#afbdc9);--cemi-visitor-color-line:var(--cemi-private-line,#29445c);background:var(--cemi-private-panel,#102338);color:var(--cemi-private-text,#ffffff)}
.cemi-property-shell--advisor .cemi-property-shell__media,.cemi-property-shell--admin .cemi-property-shell__media{aspect-ratio:16/10}
.cemi-property-shell--advisor .cemi-property-shell__facts div,.cemi-property-shell--admin .cemi-property-shell__facts div{background:var(--cemi-private-panel,#102338)}

@media(max-width:1023px){
  .cemi-property-shell__layout{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr)}
  .cemi-property-shell__facts{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:767px){
  .cemi-property-shell__layout{grid-template-columns:1fr;gap:16px;padding-block:18px}
  .cemi-property-shell__media,.cemi-property-shell--advisor .cemi-property-shell__media,.cemi-property-shell--admin .cemi-property-shell__media{aspect-ratio:16/10}
  .cemi-property-shell__heading h1{font-size:clamp(28px,9vw,40px)}
  .cemi-property-shell__facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cemi-property-shell__workflow{grid-template-columns:1fr}
  .cemi-property-shell__actions .cemi-button{flex:1 1 160px;justify-content:center}
}
@media(max-width:379px){.cemi-property-shell__facts{grid-template-columns:1fr}}
