/**
 * 页面壳层布局（.ok-page-shell--* / .ok-site--*）
 * 仅结构：尺寸、flex、padding、overflow。禁止 animation/transition（见 motion.css）
 *
 * @author Telegram @okgeceo
 */

/* --- 认证（layouts/auth） --- */
.ok-site--auth {
  min-height: 100vh;
}

.ok-page-shell--auth {
  position: relative;
  isolation: isolate;
  box-sizing: border-box;
  flex: 1;
  width: 100%;
  min-width: 0;
  min-height: calc(100vh - var(--header-h));
  padding: var(--space-6) var(--space-4);
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

@media (min-width: 992px) {
  .ok-page-shell--auth {
    justify-content: center;
    padding-block: var(--space-8);
  }
}

@media (max-width: 767px) {
  .ok-page-shell--auth {
    align-items: flex-start;
    padding: var(--space-5) var(--space-4);
  }
}

/* --- HTTP / 业务状态页（layouts/status） --- */
.ok-site--status {
  min-height: 100vh;
}

.ok-page-shell--status {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-6) var(--space-4);
  background:
    radial-gradient(ellipse 90% 60% at 50% -15%, color-mix(in oklch, var(--muted) 55%, transparent), transparent),
    var(--background);
}

@media (max-width: 575px) {
  .ok-page-shell--status {
    padding: var(--space-4) var(--space-3);
  }
}

/* --- 对接货源门户 --- */
.ok-page-shell--distributor-api {
  padding: 0;
  max-width: 100%;
  min-width: 0;
  overflow-x: clip;
}

.ok-main:has(> .ok-rolling-notice) > .ok-container:has(.ok-page-shell--distributor-api) {
  padding-top: var(--space-3);
}

.ok-page-shell--distributor-api .ok-distributor-shell {
  min-width: 0;
}