@media (min-width: 761px) {
  .app-header .header-field { display: none; }
  .app-header .settings-button { display: inline-flex; }
  .app-shell .mobile-settings {
    position: fixed;
    top: 82px;
    right: 24px;
    z-index: 45;
    width: min(380px, calc(100vw - 32px));
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    padding: 16px;
    margin: 0;
    background: var(--surface-subtle);
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: 0 12px 32px rgba(8, 36, 81, .2);
  }
  .app-shell .mobile-settings label { display: flex; flex-direction: column; gap: 6px; color: var(--muted); font-size: 12px; font-weight: 800; }
  .app-shell .mobile-settings select { width: 100%; height: 40px; padding: 0 12px; color: var(--navy-950); background: #fff; border: 1px solid var(--line-strong); border-radius: 8px; font-size: 13px; font-weight: 750; }
  .app-shell .mobile-settings .grace-setting { grid-column: 1 / -1; }
}