/* SevSvet fullscreen pages — final live overrides. */

html.house-sheet-active .bottom-nav,
html.favorites-page-active .bottom-nav,
html.history-page-active .bottom-nav {
  display: none !important;
}

html.house-sheet-active .house-sheet-root {
  padding: 0 !important;
  align-items: stretch !important;
  background: #fff !important;
}

html.house-sheet-active .house-sheet-backdrop,
html.house-sheet-active .house-sheet-handle {
  display: none !important;
}

html.house-sheet-active .house-sheet-panel {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html.house-sheet-active .house-sheet-scroll {
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  padding: max(8px, env(safe-area-inset-top)) 12px max(10px, env(safe-area-inset-bottom)) !important;
  overflow: hidden !important;
}

html.house-sheet-active .house-sheet-scroll > .house-popup-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  max-height: none !important;
  overflow: hidden !important;
}

html.house-sheet-active .house-popup-card > .house-popup-scroll {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding-bottom: 14px !important;
}

html.house-sheet-active .house-popup-sticky-actions {
  position: relative !important;
  bottom: auto !important;
  flex: 0 0 auto !important;
  margin-top: auto !important;
  padding-top: 10px !important;
  background: #fff !important;
  box-shadow: 0 -10px 24px rgb(20 44 42 / 7%) !important;
}

html.favorites-page-active .favorites-panel,
html.history-page-active .history-panel:not([hidden]):not([aria-hidden="true"]) {
  position: fixed !important;
  inset: 0 !important;
  z-index: 5200 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

html.favorites-page-active .favorites-panel {
  display: flex !important;
  padding: max(10px, env(safe-area-inset-top)) 16px max(12px, env(safe-area-inset-bottom)) !important;
}

html.favorites-page-active .favorites-panel-header,
html.history-page-active .history-panel .favorites-panel-header {
  flex: 0 0 auto !important;
  padding: 12px 2px 14px !important;
  border-bottom: 0 !important;
}

html.favorites-page-active .favorites-panel-header h2,
html.history-page-active .history-panel .favorites-panel-header h2 {
  font-size: 22px !important;
}

html.favorites-page-active .favorites-list {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  gap: 12px !important;
  min-height: 0 !important;
  height: 100% !important;
  max-height: none !important;
  padding: 2px 0 18px !important;
  overflow-y: auto !important;
}

html.favorites-page-active .favorite-row-wrap {
  flex: 0 0 auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden !important;
}

html.favorites-page-active .favorite-row {
  height: auto !important;
  padding: 14px 15px 10px !important;
}

html.favorites-page-active .favorite-title { font-size: 16px !important; }
html.favorites-page-active .favorite-address-line { font-size: 12px !important; }
html.favorites-page-active .favorite-settlement { font-size: 11px !important; }
html.favorites-page-active .favorite-row-actions {
  height: auto !important;
  padding: 8px 12px 12px !important;
}
html.favorites-page-active .favorite-row-actions > button {
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  font-size: 10px !important;
}

html.history-page-active .history-panel:not([hidden]):not([aria-hidden="true"]) {
  display: flex !important;
  flex-direction: column !important;
  padding: max(10px, env(safe-area-inset-top)) 16px max(12px, env(safe-area-inset-bottom)) !important;
}

html.history-page-active .history-panel .history-content {
  display: block !important;
  flex: 1 1 auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 0 18px !important;
  overflow-y: auto !important;
}

html.history-page-active .history-panel .history-event,
html.history-page-active .history-panel .history-event-body {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  align-self: start !important;
}

html.history-page-active .history-panel .history-event {
  margin-bottom: 12px !important;
}

.statistics-loading {
  display: grid !important;
  min-height: min(480px, calc(100dvh - 210px));
  place-content: center;
  justify-items: center;
  gap: 9px;
  padding: 28px 20px;
  text-align: center;
}

.statistics-loading-indicator {
  position: relative;
  display: grid;
  width: 82px;
  height: 82px;
  margin-bottom: 12px;
  place-items: center;
  border-radius: 50%;
  color: #087d77;
  background: linear-gradient(145deg, rgb(8 125 119 / 12%), rgb(8 125 119 / 4%));
  box-shadow: 0 16px 38px rgb(7 44 41 / 12%);
}

.statistics-loading-indicator span {
  position: absolute;
  inset: 0;
  border: 3px solid transparent;
  border-top-color: #087d77;
  border-right-color: rgb(8 125 119 / 24%);
  border-radius: 50%;
  animation: statistics-loading-spin .9s linear infinite;
}

.statistics-loading-indicator svg {
  width: 34px;
  height: 34px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}

.statistics-loading strong { font-size: 19px; }
.statistics-loading > span { color: #74827f; font-size: 14px; font-weight: 650; }

@keyframes statistics-loading-spin { to { transform: rotate(360deg); } }