/* A quiet branded wait state; keep the accessible status on the container. */
@media (max-width: 767px), (min-width: 768px) and (max-width: 1366px) and (any-pointer: coarse) {
  html body .mobile-workspace .page-loading-mobile-status { display: none; }
  html body .mobile-workspace .list-loading-label {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap;
  }
  html body .mobile-workspace :is(.page-loading-placeholder, .list-loading-placeholder)::before {
    content: ''; display: block; width: 48px; height: 48px; margin: 32px auto;
    background: url('/oltrane/monogram.png') center / contain no-repeat;
    animation: oltrane-wait 1.1s ease-in-out infinite alternate;
  }
}
@keyframes oltrane-wait { from { opacity: .35; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  html body .mobile-workspace :is(.page-loading-placeholder, .list-loading-placeholder)::before { animation: none; opacity: 1; }
}

/* Account creation uses the shared native dialog and the existing palette. */
.settings-user-create { margin: 0; }
.settings-user-create > div:first-child { display: flex; align-items: center; gap: 12px; }
.settings-user-create input:not([type="checkbox"]):not([type="radio"]), .settings-user-create select { min-height: 44px; font-size: 16px; }
.settings-user-create button { min-height: 44px; }
@media (max-width: 767px) {
  html body dialog:has(> .settings-user-create) {
    margin: 0; padding: 0; width: 100%; max-width: 100%; height: 100dvh; max-height: 100dvh;
    border-radius: 0; overflow-y: auto; overscroll-behavior: contain;
  }
  html body .settings-user-create { min-height: 100%; padding: 16px 16px max(24px, env(safe-area-inset-bottom)); border: 0; border-radius: 0; }
  .settings-user-create > div:first-child { position: sticky; top: -16px; z-index: 2; padding: max(12px, env(safe-area-inset-top)) 0 12px; background: inherit; }
  .settings-user-create h3 { font-size: 19px; }
  html body .settings-user-list { border: 0; background: transparent; overflow: visible; }
  .settings-user-list > div { overflow: visible; }
  .settings-user-list table, .settings-user-list tbody { display: block; width: 100%; }
  .settings-user-list thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); }
  .settings-user-list tbody { display: grid; gap: 12px; }
  html body .settings-user-list tr { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; padding: 16px; border: 1px solid var(--mobile-line); border-radius: 16px; background: var(--mobile-surface); }
  html body .settings-user-list td { display: block; min-width: 0; padding: 0; text-align: left; overflow-wrap: anywhere; }
  .settings-user-list td:is(:nth-child(1), :nth-child(3), :nth-child(4), :nth-child(7), :nth-child(8)) { grid-column: 1 / -1; }
  .settings-user-list td:nth-child(8) > div { justify-content: flex-start; flex-wrap: wrap; }
  .settings-user-list button { min-width: 44px; min-height: 44px; }
  html body .company-settings-header .settings-context-help { position: static; max-width: 100%; }
  html body .settings-secondary-nav { flex-wrap: nowrap; overflow-x: auto; min-height: 60px; padding-block: 8px; }
  .settings-secondary-nav button { flex: none; }
}