:root {
  --admin-header-height: 88px;
  --page-gutter: 12px;
}

.admin-header-inner {
  flex-wrap: wrap;
  padding: 12px 16px;
  gap: 10px;
}

.brand-mark {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  font-size: 0.875rem;
}

.brand-text {
  font-size: 0.9375rem;
}

.admin-nav {
  flex: 1 1 100%;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}

.market-pill {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 0.8125rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.admin-user {
  display: none;
}

.admin-nav .btn-ghost {
  flex-shrink: 0;
  padding: 8px 14px;
  font-size: 0.8125rem;
}

.admin-main {
  padding: 16px;
}

.auth-shell {
  padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
  align-items: stretch;
}

.btn {
  min-height: 44px;
}

.toast-stack {
  left: 16px;
  right: 16px;
  bottom: max(16px, env(safe-area-inset-bottom));
  align-items: stretch;
}

.toast {
  min-width: 0;
  max-width: none;
  width: 100%;
}