/* Final, low-risk interaction polish shared by the legacy and newer workspaces. */
:root { --sc-mobile-header-height: calc(56px + env(safe-area-inset-top)); }
html { scrollbar-gutter: stable; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
.sickosUploadAnnouncer { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

:where(button, input, select, textarea) { font: inherit; }
:where(button, [role="button"], a) { -webkit-tap-highlight-color: transparent; }
:where(button) { text-align: center; }
:where(button:disabled, [aria-disabled="true"]) { cursor: not-allowed; }
:where(button:disabled) { opacity: .48; }

:where(button, a, input, select, textarea, [role="button"]):focus-visible {
  outline: 3px solid rgba(232, 23, 23, .32);
  outline-offset: 3px;
}

.button,
.textBack,
.squareButton,
.ownerSignOut,
.syncPill,
.quietIcon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1.15;
}

.button { min-height: 42px; }
.button.small { min-height: 36px; }
.sideUtility { min-height: 36px; padding-inline: 8px; }
.pageActions { align-items: center; }
.pageActions > * { flex: 0 0 auto; }

.modalBackdrop[aria-hidden="true"],
.quickLook[aria-hidden="true"],
[data-sickos-dialog-root][aria-hidden="true"] { visibility: hidden; }
.modalBackdrop.show,
.quickLook.show { visibility: visible; }
.modal,
.quickWindow,
.profileEditorCard,
.scSheetCard { max-width: calc(100vw - 20px); }

@media (max-width: 767px) {
  :where(button, a, [role="button"]) { touch-action: manipulation; }
  button { min-height: 44px; }
  button[aria-label] { min-width: 44px; }
  .button:not(.small),
  .textBack { min-height: 44px; }
  .pageActions { flex-wrap: wrap; gap: 8px; }
  .pageActions .button { flex: 1 1 auto; }
  .modal,
  .quickWindow,
  .profileEditorCard,
  .scSheetCard { max-width: calc(100vw - 16px); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}