/* SIMSAR_PRODUCTION_WEB_V7
   Production QA + resilience + performance layer. */

.simsar-v7-netbar{
  position:fixed;
  left:50%;
  bottom:18px;
  z-index:120;
  display:none;
  align-items:center;
  gap:9px;
  max-width:min(560px,calc(100vw - 24px));
  padding:9px 10px 9px 12px;
  transform:translateX(-50%);
  border:1px solid #fed7aa;
  border-radius:15px;
  background:rgba(255,251,235,.97);
  box-shadow:0 16px 45px rgba(15,23,42,.18);
  color:#92400e;
  font-size:11px;
  font-weight:800;
  backdrop-filter:blur(10px);
}
.simsar-v7-netbar.show{display:flex}
.simsar-v7-netbar[data-state="offline"]{border-color:#fecaca;background:rgba(254,242,242,.98);color:#991b1b}
.simsar-v7-netbar span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.simsar-v7-netbar button{
  flex:0 0 auto;
  min-height:30px;
  padding:0 10px;
  border:1px solid currentColor;
  border-radius:9px;
  background:#fff;
  color:inherit;
  font:inherit;
  cursor:pointer;
}
.simsar-v7-netbar button:disabled{opacity:.55;cursor:wait}

.simsar-v7-image-fallback{
  object-fit:contain !important;
  padding:20px !important;
  background:#f8fafc !important;
}

/* Keep hidden pages cheap until selected. */
.page:not(.active){content-visibility:auto;contain-intrinsic-size:900px}

/* Avoid layout jumps for media generated after live API hydration. */
.property-card img,.project-card img,.compare-card img,.detail-image img,.thumb img{
  background:#f1f5f9;
}

/* Accessible focus without changing the current visual language. */
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role="button"]:focus-visible{
  outline:2px solid #075bff;
  outline-offset:2px;
}

@media(max-width:760px){
  .simsar-v7-netbar{bottom:78px;font-size:10px;padding:8px 9px 8px 10px}
  .simsar-v7-netbar span{white-space:normal;line-height:1.25}
}