/* Shared desktop presentation for React sheets and standalone admin dialogs. */
@media(min-width:701px){
  .desktop-sheet-panel{background:var(--surface,var(--paper,#1b1d22));color:var(--text,#e9e8e5);border:1px solid var(--line,#2d2f36);border-radius:28px;box-shadow:0 24px 90px #0005}
  .desktop-sheet-panel .desktop-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:24px;flex:none;padding:28px 32px 22px}
  .desktop-sheet-header h2{margin:0;font-size:1.45rem;line-height:1.25;font-weight:750;letter-spacing:-.035em}
  .desktop-sheet-panel .desktop-sheet-close{display:grid;place-items:center;position:static;flex:none;width:44px;height:44px;min-width:44px;padding:0;border:0;border-radius:14px;background:var(--surface-muted,var(--bg,#25272e));color:var(--muted,#a5a6af);font:inherit;cursor:pointer}
  .desktop-sheet-panel .desktop-sheet-close:hover{color:var(--text);background:color-mix(in srgb,var(--muted) 18%,transparent)}
  .desktop-sheet-panel .desktop-sheet-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 32px 32px;scroll-padding-block:24px}
  .desktop-sheet-panel :focus-visible{outline:2px solid var(--accent-blue,var(--accent,#b6b0fa));outline-offset:3px}
  .desktop-sheet-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:28px}
  .desktop-sheet-actions button{min-height:44px;padding:10px 18px;border:0;border-radius:13px;background:var(--surface-muted,var(--bg,#25272e));color:inherit;font:inherit;font-weight:650;cursor:pointer}
  .desktop-sheet-actions .is-primary{background:var(--accent-blue,var(--accent,#b6b0fa));color:var(--page,var(--bg,#121316))}
  .desktop-system-dialog{position:fixed;inset:auto 24px 24px;margin:0 auto;width:min(560px,calc(100% - 48px));max-height:calc(100dvh - 64px);padding:0;overflow:hidden;font:inherit}
  .desktop-system-dialog[open]{display:flex;flex-direction:column}
  .desktop-system-dialog::backdrop{background:rgba(8,10,18,.62)}
  .desktop-system-dialog::backdrop{transition:background 220ms ease}
  .desktop-system-dialog[data-state="closing"]::backdrop{background:transparent}
  .desktop-system-dialog .desktop-sheet-content p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}
  html:has(.desktop-system-dialog[open]){overflow:hidden}
  @starting-style{.desktop-system-dialog[open]::backdrop{background:transparent}}
}
@media(min-width:701px) and (prefers-reduced-motion:reduce){.desktop-system-dialog::backdrop{transition:none}}