/* HomeInterior owner map: shared UI patterns only. Buttons, shared cards, repeated interface elements. No page-specific geometry here. */

/* Auto-extracted shared CSS for HomeInterior */

/* Mobile: floating burger must not create a top gap and must stay visible on scroll */
@media (max-width: 900px){
  .hi-float-burger{
    position: fixed !important;
    left: 12px !important;
    top: 12px !important;
    top: calc(env(safe-area-inset-top, 0px) + 12px) !important;
    z-index: 9800 !important;
    margin: 0 !important;
  }
  /* Always visible while scrolling */
  .hi-float-burger{
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
  }
}



.hi-form-success{display:none;margin-top:14px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(191,169,122,.25);} 
.hi-form-success-title{font-weight:800;margin:0 0 6px;}
.hi-form-success-text{margin:0;}
#hi-form.is-success .hi-field{display:none;}
#hi-form.is-success .hi-actions button[type="submit"]{display:none;}
#hi-form.is-success .hi-form-success{display:block;}
#hi-form.is-success .hi-actions{justify-content:center;}

.hi-modal.is-success > h3,
.hi-modal.is-success > p,
#hi-modal.is-success .hi-modal > h3,
#hi-modal.is-success .hi-modal > p{display:none;}



/* v14: unify modal form layout (inputs full width, actions right) across all pages */
.hi-field{ display:flex; flex-direction:column; gap:6px; margin-bottom:14px; }
.hi-input{ background:#fff; color:#222; border:1px solid rgba(0,0,0,.12); border-radius:12px; padding:12px 14px; font-size:16px; outline:none; transition:border-color .2s, box-shadow .2s; }
.hi-input:focus{ border-color: var(--hi-accent); box-shadow: 0 0 0 4px rgba(191,169,122,.22); }
.hi-actions{ display:flex; gap:10px; align-items:center; justify-content:flex-end; margin-top:8px; }



@media (max-width: 900px){
  /* v15: burger gap -2px */
  .hi-burger span + span{ margin-top: 4px !important; }
  /* v15: visually center mobile logo via left spacer (keep Telegram) */
  .hi-mobilebar{
    grid-template-columns: calc(42px * 2 + 10px) 1fr calc(42px * 2 + 10px) !important;
  }
  .hi-burger-slot{ width: calc(42px * 2 + 10px) !important; }
  .hi-mob-actions{
    width: calc(42px * 2 + 10px) !important;
    justify-content: flex-end !important;
  }
}
