/* DEVNOOD macOS Unified UI v9
 * Canonical floating-window header based on the Users modal.
 * IMPORTANT: this layer does NOT redesign the dashboard. It restores the
 * dashboard header/stats layout to the original responsive behavior and only
 * normalizes floating windows, forms and the API docs drawer.
 */
:root{
  --mac9-window:#1c1c1e;
  --mac9-toolbar:#232325;
  --mac9-card:#28282b;
  --mac9-control:#111113;
  --mac9-border:rgba(255,255,255,.10);
  --mac9-border-strong:rgba(255,255,255,.15);
  --mac9-text:#f5f5f7;
  --mac9-sub:#a1a1a6;
  --mac9-red:#ff5f57;
  --mac9-yellow:#febc2e;
  --mac9-green:#28c840;
  --mac9-blue:#0a84ff;
  --mac9-ease:cubic-bezier(.22,.78,.2,1);
}

body.macos-ui *,body.macos-ui *::before,body.macos-ui *::after{box-sizing:border-box}
body.macos-ui img,body.macos-ui svg,body.macos-ui video,body.macos-ui canvas{max-width:100%}
body.macos-ui input,body.macos-ui select,body.macos-ui textarea,body.macos-ui button{min-width:0;max-width:100%}

/* =========================================================
   V9 CANONICAL TITLEBAR — USERS MODAL IS THE TEMPLATE
   Keep original header content. Only reserve safe lanes for:
   [ traffic lights ] [ title/icon/subtitle ] [ close ]
   ========================================================= */
body.macos-ui [data-modal-content] > .macos-titlebar,
body.macos-ui [data-modal-content] .macos-titlebar.macos-user-template-titlebar{
  position:sticky!important;
  top:0!important;
  z-index:70!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  min-height:82px!important;
  height:auto!important;
  margin:0!important;
  padding:12px 60px 12px 86px!important;
  overflow:visible!important;
  background:var(--mac9-toolbar)!important;
  background-image:none!important;
  border:0!important;
  border-bottom:1px solid var(--mac9-border)!important;
  border-radius:0!important;
  box-shadow:0 1px 0 rgba(0,0,0,.24)!important;
  isolation:isolate!important;
}

/* Kill every legacy painter that used to duplicate the three dots. */
body.macos-ui [data-modal-content] > .macos-titlebar::before,
body.macos-ui [data-modal-content] > .macos-titlebar::after,
body.macos-ui [data-modal-content]::before,
body.macos-ui [data-modal-content]::after,
body.macos-ui .macos-titlebar::before,
body.macos-ui .macos-titlebar::after{
  content:none!important;
  display:none!important;
}

body.macos-ui .macos-titlebar .macos-window-controls{
  position:absolute!important;
  left:18px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:3!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  width:54px!important;
  min-width:54px!important;
  height:18px!important;
  margin:0!important;
  padding:0!important;
  pointer-events:none!important;
}
body.macos-ui .macos-titlebar .macos-window-controls span{
  display:block!important;
  flex:0 0 12px!important;
  width:12px!important;
  height:12px!important;
  border-radius:999px!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.14)!important;
}
body.macos-ui .macos-titlebar .macos-window-controls .macos-red{background:var(--mac9-red)!important}
body.macos-ui .macos-titlebar .macos-window-controls .macos-yellow{background:var(--mac9-yellow)!important}
body.macos-ui .macos-titlebar .macos-window-controls .macos-green{background:var(--mac9-green)!important}

/* V8 created a wrapper. V9 no longer needs it, but keep it harmless if stale
   HTML is restored by browser history. */
body.macos-ui .macos-titlebar > .macos-title-slot{
  display:contents!important;
  min-width:0!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
}

body.macos-ui .macos-titlebar > :not(.macos-window-controls):not(.macos-close),
body.macos-ui .macos-titlebar > .macos-title-slot > *{
  min-width:0!important;
  max-width:100%!important;
}

/* Normalize the title content without destroying the original Users-like
   header structure. */
body.macos-ui .macos-titlebar h1,
body.macos-ui .macos-titlebar h2,
body.macos-ui .macos-titlebar h3,
body.macos-ui .macos-titlebar h4,
body.macos-ui .macos-titlebar [data-modal-title]{
  margin:0!important;
  padding:0!important;
  min-width:0!important;
  max-width:100%!important;
  color:var(--mac9-text)!important;
  font-size:1.05rem!important;
  line-height:1.28!important;
  font-weight:750!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
}
body.macos-ui .macos-titlebar h1 i,
body.macos-ui .macos-titlebar h2 i,
body.macos-ui .macos-titlebar h3 i,
body.macos-ui .macos-titlebar h4 i{
  margin-right:9px!important;
}
body.macos-ui .macos-titlebar p,
body.macos-ui .macos-titlebar small{
  margin:3px 0 0!important;
  padding:0!important;
  min-width:0!important;
  max-width:100%!important;
  color:var(--mac9-sub)!important;
  font-size:.76rem!important;
  line-height:1.35!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
}
body.macos-ui .macos-titlebar .flex,
body.macos-ui .macos-titlebar .app-settings-title,
body.macos-ui .macos-titlebar .online-title-row{
  min-width:0!important;
  max-width:100%!important;
}

/* Close is always a dedicated lane at the far right, even when it originally
   lived in a nested flex wrapper. */
body.macos-ui .macos-titlebar .macos-close{
  position:absolute!important;
  right:14px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:5!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  margin:0!important;
  padding:0!important;
  color:#8e8e93!important;
  background:#2c2c2e!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:11px!important;
  line-height:1!important;
}
body.macos-ui .macos-titlebar .macos-close:hover,
body.macos-ui .macos-titlebar .macos-close:focus-visible{
  color:#fff!important;
  background:#3a3a3c!important;
  outline:none!important;
}

/* Complex headers: keep their title group on one clean line/lane and let the
   subtitle wrap underneath instead of floating above the dots. */
body.macos-ui #auctionModal .macos-titlebar > div:not(.macos-window-controls),
body.macos-ui #appSettingsModal .macos-titlebar > div:not(.macos-window-controls),
body.macos-ui #onlineModal .macos-titlebar > div:not(.macos-window-controls){
  min-width:0!important;
}
body.macos-ui #auctionModal .macos-titlebar{
  align-items:center!important;
}
body.macos-ui #auctionModal .macos-titlebar > .w-12,
body.macos-ui #auctionModal .macos-titlebar > .w-14{
  flex:0 0 42px!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border-radius:12px!important;
}
body.macos-ui #auctionModal .macos-titlebar p{font-size:.70rem!important}
body.macos-ui #auctionModal .macos-titlebar #auction-system-badge{font-size:9px!important;white-space:nowrap!important}

/* Online Monitor actions get a second row on phones instead of competing with
   the title and the traffic lights. */
body.macos-ui #onlineModal .macos-titlebar{flex-wrap:wrap!important}
body.macos-ui #onlineModal .macos-titlebar .online-title-row{width:100%!important;padding-right:0!important}
body.macos-ui #onlineModal .macos-titlebar .online-actions{
  position:static!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:6px 0 0!important;
  padding:0!important;
}
body.macos-ui #onlineModal .macos-titlebar .online-actions .macos-close{position:absolute!important}

/* Modal shell/body. */
body.macos-ui [data-modal]{
  overflow:hidden!important;
  padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))!important;
  background:rgba(0,0,0,.68)!important;
}
body.macos-ui [data-modal-content]{
  width:min(calc(100vw - 16px),1120px)!important;
  max-width:1120px!important;
  min-width:0!important;
  max-height:calc(100dvh - 16px)!important;
  overflow-x:hidden!important;
  border:1px solid var(--mac9-border-strong)!important;
  border-radius:16px!important;
  background:var(--mac9-window)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.56)!important;
  transition:transform 170ms var(--mac9-ease),opacity 140ms ease!important;
}
body.macos-ui [data-modal-content] > *,
body.macos-ui [data-modal-content] .grid > *,
body.macos-ui [data-modal-content] .flex > *{min-width:0!important;max-width:100%}
body.macos-ui [data-modal-content] .macos-modal-body,
body.macos-ui [data-modal-content].macos-scroll-fallback,
body.macos-ui [data-modal-content] > .overflow-y-auto,
body.macos-ui [data-modal-content] > .modal-body,
body.macos-ui [data-modal-content] > .app-settings-body,
body.macos-ui [data-modal-content] > .auction-body{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
}

/* =========================================================
   DASHBOARD: DO NOT REDESIGN IT IN V9
   Undo V8 grid overrides and restore the original responsive behavior.
   This prevents the title/stats from stacking into giant uneven cards.
   ========================================================= */
body.macos-ui.macos-page-dashboard .dashboard-header{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:1rem!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  padding:1rem!important;
  overflow:visible!important;
}
body.macos-ui.macos-page-dashboard .dashboard-header .header-title{
  position:static!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  margin-left:3rem!important;
  padding:0!important;
}
body.macos-ui.macos-page-dashboard .dashboard-header .header-title h2{
  margin:0!important;
  font-size:1.18rem!important;
  line-height:1.25!important;
  white-space:normal!important;
}
body.macos-ui.macos-page-dashboard .dashboard-header .header-title p{
  margin:4px 0 0!important;
  font-size:.78rem!important;
  line-height:1.35!important;
  white-space:normal!important;
}
body.macos-ui.macos-page-dashboard .stats-container{
  display:flex!important;
  flex-direction:row!important;
  align-items:stretch!important;
  gap:.5rem!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0 0 .5rem!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
}
body.macos-ui.macos-page-dashboard .stats-container::-webkit-scrollbar{display:none!important}
body.macos-ui.macos-page-dashboard .stats-container .stat-card{
  flex:0 0 86px!important;
  width:86px!important;
  min-width:86px!important;
  min-height:58px!important;
  height:auto!important;
  padding:8px 10px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  grid-column:auto!important;
  overflow:hidden!important;
}
body.macos-ui.macos-page-dashboard .stats-container .stat-card > div:first-child{
  font-size:1.08rem!important;
  line-height:1.05!important;
  white-space:nowrap!important;
}
body.macos-ui.macos-page-dashboard .stats-container .stat-card > div:last-child{
  margin-top:4px!important;
  font-size:8px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Keep existing key/file content, only guard against overflow. */
body.macos-ui #keysContainer,body.macos-ui #filesContainer,body.macos-ui #logsContainer{min-width:0!important;max-width:100%!important;overflow-x:hidden!important}
body.macos-ui .key-card-mobile{min-width:0!important;max-width:100%!important;overflow:hidden!important}
body.macos-ui .key-card-mobile *{min-width:0!important}
body.macos-ui .key-card-mobile .key-device-track{height:9px!important;min-height:9px!important;width:100%!important;background:rgba(255,255,255,.09)!important;border-radius:999px!important;overflow:hidden!important}
body.macos-ui .key-card-mobile .key-device-fill{height:100%!important;border-radius:inherit!important}

/* Settings / App settings / Promo / Users. */
body.macos-ui #settingsModal .settings-tabs,
body.macos-ui #appSettingsModal .app-settings-tabs{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:6px!important;
  width:100%!important;
  min-width:0!important;
}
body.macos-ui #settingsModal .settings-tab-btn,
body.macos-ui #appSettingsModal .app-settings-tab-btn{
  min-width:0!important;
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  white-space:normal!important;
  line-height:1.2!important;
  text-align:center!important;
}
body.macos-ui #settingsModal .grid,
body.macos-ui #appSettingsModal .grid,
body.macos-ui #promoModal .grid,
body.macos-ui #usersModal .grid,
body.macos-ui #downloadModal .grid,
body.macos-ui #cacheModal .grid,
body.macos-ui #freekeyModal .grid{min-width:0!important}
body.macos-ui #promoModal input,body.macos-ui #promoModal select,body.macos-ui #promoModal textarea,
body.macos-ui #settingsModal input,body.macos-ui #settingsModal select,body.macos-ui #settingsModal textarea,
body.macos-ui #appSettingsModal input,body.macos-ui #appSettingsModal select,body.macos-ui #appSettingsModal textarea{width:100%!important;max-width:100%!important}

/* =========================================================
   API DOCS — reliable mobile drawer, never grey/un-clickable
   ========================================================= */
body.macos-ui.macos-page-docs{overflow:hidden!important;background:#0b0b0d!important}
body.macos-ui.macos-page-docs > .docs-shell,
body.macos-ui.macos-page-docs > .flex.docs-shell{
  position:relative!important;
  z-index:1!important;
  display:flex!important;
  width:min(calc(100vw - 24px),1500px)!important;
  max-width:min(calc(100vw - 24px),1500px)!important;
  height:calc(100dvh - 24px)!important;
  min-height:0!important;
  margin:12px auto!important;
  overflow:hidden!important;
  border:1px solid var(--mac9-border)!important;
  border-radius:16px!important;
  background:#171719!important;
}
body.macos-ui.macos-page-docs #docsSidebar::before,
body.macos-ui.macos-page-docs #docsSidebar::after,
body.macos-ui.macos-page-docs .docs-sidebar-titlebar::before,
body.macos-ui.macos-page-docs .docs-sidebar-titlebar::after{content:none!important;display:none!important}
body.macos-ui.macos-page-docs #docsSidebar{
  position:relative!important;
  inset:auto!important;
  z-index:3!important;
  flex:0 0 260px!important;
  width:260px!important;
  min-width:260px!important;
  max-width:260px!important;
  height:100%!important;
  max-height:none!important;
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  background:#202023!important;
  border-right:1px solid var(--mac9-border)!important;
}
body.macos-ui.macos-page-docs .docs-sidebar-titlebar{
  position:sticky!important;
  top:0!important;
  z-index:4!important;
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr) 40px!important;
  align-items:center!important;
  gap:8px!important;
  min-height:76px!important;
  padding:10px 12px!important;
  background:#242426!important;
  border-bottom:1px solid var(--mac9-border)!important;
}
body.macos-ui.macos-page-docs .docs-sidebar-lights{
  position:static!important;
  transform:none!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  width:58px!important;
  margin:0!important;
}
body.macos-ui.macos-page-docs .docs-sidebar-lights span{
  display:block!important;
  flex:0 0 12px!important;
  width:12px!important;
  height:12px!important;
  border-radius:999px!important;
}
body.macos-ui.macos-page-docs .docs-sidebar-lights span:nth-child(1){background:var(--mac9-red)!important}
body.macos-ui.macos-page-docs .docs-sidebar-lights span:nth-child(2){background:var(--mac9-yellow)!important}
body.macos-ui.macos-page-docs .docs-sidebar-lights span:nth-child(3){background:var(--mac9-green)!important}
body.macos-ui.macos-page-docs .docs-sidebar-title{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;color:var(--mac9-text)!important;text-decoration:none!important}
body.macos-ui.macos-page-docs .docs-sidebar-title > span:last-child{min-width:0!important}
body.macos-ui.macos-page-docs .docs-sidebar-title strong{display:block!important;white-space:normal!important;line-height:1.25!important}
body.macos-ui.macos-page-docs .docs-sidebar-title small{display:block!important;margin-top:2px!important;color:var(--mac9-sub)!important}
body.macos-ui.macos-page-docs .docs-sidebar-close{display:none!important}
body.macos-ui.macos-page-docs .docs-sidebar-body{padding:14px!important}
body.macos-ui.macos-page-docs .docs-main{min-width:0!important;width:auto!important;overflow-y:auto!important;overflow-x:hidden!important}
body.macos-ui.macos-page-docs .docs-main > *,body.macos-ui.macos-page-docs .docs-main section,body.macos-ui.macos-page-docs .docs-main .glass{min-width:0!important;max-width:100%!important}
body.macos-ui.macos-page-docs .docs-main h1,body.macos-ui.macos-page-docs .docs-main h2,body.macos-ui.macos-page-docs .docs-main h3,body.macos-ui.macos-page-docs .docs-main p,body.macos-ui.macos-page-docs .docs-main td,body.macos-ui.macos-page-docs .docs-main th{overflow-wrap:break-word!important;word-break:normal!important}
body.macos-ui.macos-page-docs .docs-main pre{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;white-space:pre!important}
body.macos-ui.macos-page-docs .docs-main pre code{white-space:inherit!important;word-break:normal!important;overflow-wrap:normal!important}
body.macos-ui.macos-page-docs .docs-main table{width:100%!important;max-width:100%!important}
body.macos-ui.macos-page-docs .docs-menu-button,
body.macos-ui.macos-page-docs .docs-backdrop{display:none!important}

@media(min-width:768px){
  body.macos-ui.macos-page-dashboard .dashboard-header{
    flex-direction:row!important;
    align-items:center!important;
    padding:1rem 1.5rem!important;
  }
  body.macos-ui.macos-page-dashboard .dashboard-header .header-title{margin-left:0!important}
  body.macos-ui.macos-page-dashboard .stats-container{
    width:auto!important;
    max-width:min(60vw,630px)!important;
    padding-bottom:0!important;
    gap:.75rem!important;
  }
}

@media(max-width:1023px){
  body.macos-ui.macos-page-docs > .docs-shell,
  body.macos-ui.macos-page-docs > .flex.docs-shell{
    display:block!important;
    width:calc(100vw - 10px)!important;
    max-width:calc(100vw - 10px)!important;
    height:calc(100dvh - 10px)!important;
    margin:5px!important;
    overflow:hidden!important;
  }
  body.macos-ui.macos-page-docs #docsSidebar{
    position:fixed!important;
    top:6px!important;
    bottom:6px!important;
    left:6px!important;
    z-index:1002!important;
    width:min(86vw,340px)!important;
    min-width:0!important;
    max-width:min(86vw,340px)!important;
    height:calc(100dvh - 12px)!important;
    max-height:calc(100dvh - 12px)!important;
    transform:translate3d(calc(-100% - 24px),0,0)!important;
    opacity:1!important;
    visibility:hidden!important;
    pointer-events:none!important;
    border:1px solid var(--mac9-border-strong)!important;
    border-radius:15px!important;
    box-shadow:26px 0 72px rgba(0,0,0,.64)!important;
    transition:transform 190ms var(--mac9-ease),visibility 0s linear 190ms!important;
  }
  body.macos-ui.macos-page-docs.docs-sidebar-open #docsSidebar{
    transform:translate3d(0,0,0)!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition-delay:0s!important;
  }
  body.macos-ui.macos-page-docs .docs-sidebar-close{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    color:#8e8e93!important;
    background:#2c2c2e!important;
    border:1px solid rgba(255,255,255,.07)!important;
    border-radius:10px!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }
  body.macos-ui.macos-page-docs .docs-main{
    width:100%!important;
    min-width:0!important;
    height:100%!important;
    padding:70px 14px 28px!important;
  }
  body.macos-ui.macos-page-docs .docs-menu-button{
    position:fixed!important;
    top:16px!important;
    left:16px!important;
    z-index:1003!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    color:#f5f5f7!important;
    background:#303033!important;
    border:1px solid var(--mac9-border)!important;
    border-radius:11px!important;
    box-shadow:0 10px 30px rgba(0,0,0,.35)!important;
  }
  body.macos-ui.macos-page-docs.docs-sidebar-open .docs-menu-button{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  body.macos-ui.macos-page-docs .docs-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:1001!important;
    display:block!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    background:rgba(0,0,0,.58)!important;
    transition:opacity 150ms ease,visibility 0s linear 150ms!important;
  }
  body.macos-ui.macos-page-docs.docs-sidebar-open .docs-backdrop{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition-delay:0s!important;
  }
  body.macos-ui.macos-page-docs .docs-main table{display:block!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
}

@media(max-width:767px){
  body.macos-ui [data-modal]{padding:5px!important}
  body.macos-ui [data-modal-content]{width:calc(100vw - 10px)!important;max-width:calc(100vw - 10px)!important;max-height:calc(100dvh - 10px)!important;border-radius:14px!important}

  body.macos-ui [data-modal-content] > .macos-titlebar,
  body.macos-ui [data-modal-content] .macos-titlebar.macos-user-template-titlebar{
    min-height:78px!important;
    padding:10px 52px 10px 76px!important;
    gap:8px!important;
  }
  body.macos-ui .macos-titlebar .macos-window-controls{left:14px!important;gap:7px!important;width:50px!important}
  body.macos-ui .macos-titlebar .macos-window-controls span{width:11px!important;height:11px!important;flex-basis:11px!important}
  body.macos-ui .macos-titlebar .macos-close{right:8px!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;border-radius:10px!important}
  body.macos-ui .macos-titlebar h1,body.macos-ui .macos-titlebar h2,body.macos-ui .macos-titlebar h3,body.macos-ui .macos-titlebar h4{font-size:.98rem!important}
  body.macos-ui .macos-titlebar p,body.macos-ui .macos-titlebar small{font-size:.70rem!important}

  /* Keep dashboard original/scroller behavior on phones. */
  body.macos-ui.macos-page-dashboard .dashboard-header{display:flex!important;flex-direction:column!important;align-items:flex-start!important;padding:1rem!important;gap:1rem!important}
  body.macos-ui.macos-page-dashboard .dashboard-header .header-title{margin-left:3rem!important;padding:0!important}
  body.macos-ui.macos-page-dashboard .stats-container{display:flex!important;grid-template-columns:none!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;gap:.5rem!important}
  body.macos-ui.macos-page-dashboard .stats-container .stat-card,
  body.macos-ui.macos-page-dashboard .stats-container .stat-card:nth-child(n){grid-column:auto!important;flex:0 0 86px!important;width:86px!important;min-width:86px!important}

  body.macos-ui #settingsModal .settings-tabs,
  body.macos-ui #appSettingsModal .app-settings-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.macos-ui #settingsModal .grid.grid-cols-2,
  body.macos-ui #appSettingsModal .grid.grid-cols-2{grid-template-columns:minmax(0,1fr)!important}
  body.macos-ui #settingsModal .col-span-2,
  body.macos-ui #appSettingsModal .col-span-2{grid-column:auto!important}

  body.macos-ui #freekeyModal #freekey-overview{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  body.macos-ui #cacheModal [data-modal-content] .grid.md\:grid-cols-2{grid-template-columns:minmax(0,1fr)!important}
  body.macos-ui #promoModal .grid.md\:grid-cols-5{grid-template-columns:minmax(0,1fr)!important}
  body.macos-ui #downloadModal [data-modal-content] .grid.grid-cols-2{grid-template-columns:minmax(0,1fr)!important}
}

@media(max-width:390px){
  body.macos-ui [data-modal-content] > .macos-titlebar,
  body.macos-ui [data-modal-content] .macos-titlebar.macos-user-template-titlebar{padding-left:72px!important;padding-right:48px!important}
  body.macos-ui .macos-titlebar .macos-window-controls{left:12px!important;gap:6px!important}
  body.macos-ui .macos-titlebar .macos-window-controls span{width:10px!important;height:10px!important;flex-basis:10px!important}
  body.macos-ui.macos-page-dashboard .dashboard-header{padding:.75rem!important;gap:.75rem!important}
  body.macos-ui.macos-page-dashboard .dashboard-header .header-title{margin-left:2.5rem!important}
  body.macos-ui.macos-page-dashboard .stats-container .stat-card,
  body.macos-ui.macos-page-dashboard .stats-container .stat-card:nth-child(n){flex-basis:78px!important;width:78px!important;min-width:78px!important;padding:.5rem .65rem!important}
}

@media(max-width:900px),(pointer:coarse) and (max-width:1200px){
  body.macos-ui [data-modal],body.macos-ui [data-modal-content],body.macos-ui #sidebar,body.macos-ui #docsSidebar,body.macos-ui .glass,body.macos-ui .glass-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}
@media(prefers-reduced-motion:reduce){
  body.macos-ui [data-modal],body.macos-ui [data-modal-content],body.macos-ui #docsSidebar,body.macos-ui .docs-backdrop{transition:none!important;animation:none!important}
}