/* Settings desktop polish for Obsidian Sand; preserves theme controls and behavior. */
@media (min-width: 1025px) {
  html:is([data-theme="obsidian-sand"], [data-theme="steppe-light"]) #screen-settings .tp-settings-v2 {
    width: min(100%, 1180px);
    padding: 27px 28px 70px;
  }
  html:is([data-theme="obsidian-sand"], [data-theme="steppe-light"]) #screen-settings .tp-page-heading { margin-bottom: 22px; }
  html:is([data-theme="obsidian-sand"], [data-theme="steppe-light"]) #screen-settings .tp-page-heading h1 { font-size: 35px; line-height: 1.15; }
  html:is([data-theme="obsidian-sand"], [data-theme="steppe-light"]) #screen-settings .tp-page-heading p:last-child {
    max-width: 760px;
    color: var(--tp-color-text-secondary);
    font-size: 14px;
    line-height: 1.45;
  }
  html:is([data-theme="obsidian-sand"], [data-theme="steppe-light"]) #screen-settings .tp-settings-v2 .tp-settings-layout {
    grid-template-columns: 250px minmax(0, 1fr);
    gap: 26px;
  }
  html:is([data-theme="obsidian-sand"], [data-theme="steppe-light"]) #screen-settings .tp-settings-nav {
    gap: 1px;
    padding: 3px 12px 3px 0;
    border: 0;
    border-right: 1px solid var(--tp-color-border);
    border-radius: 0;
    background: transparent;
  }
  html:is([data-theme="obsidian-sand"], [data-theme="steppe-light"]) #screen-settings .tp-settings-v2 .tp-settings-nav button {
    min-height: 53px;
    padding: 8px 11px;
    border: 0;
    border-left: 2px solid transparent;
    border-radius: 0 7px 7px 0;
    transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease;
  }
  html:is([data-theme="obsidian-sand"], [data-theme="steppe-light"]) #screen-settings .tp-settings-nav button.is-active {
    border-left-color: var(--tp-color-primary);
    background: color-mix(in srgb, var(--tp-color-primary) 9%, transparent);
    color: var(--tp-color-primary);
  }
  html:is([data-theme="obsidian-sand"], [data-theme="steppe-light"]) #screen-settings .tp-settings-nav button:hover:not(.is-active) { background: var(--tp-color-surface); color: var(--tp-color-text); }
  html:is([data-theme="obsidian-sand"], [data-theme="steppe-light"]) #screen-settings .tp-settings-v2 .tp-settings-nav button strong { font-size: 13px; }
  html:is([data-theme="obsidian-sand"], [data-theme="steppe-light"]) #screen-settings .tp-settings-v2 .tp-settings-nav button small { color: var(--tp-color-text-muted); font-size: 11px; }
  html:is([data-theme="obsidian-sand"], [data-theme="steppe-light"]) #screen-settings .tp-settings-panel__header { min-height: 46px; margin-bottom: 12px; }
  html:is([data-theme="obsidian-sand"], [data-theme="steppe-light"]) #screen-settings .tp-settings-panel__header h2 { font-size: 23px; }
  html:is([data-theme="obsidian-sand"], [data-theme="steppe-light"]) #screen-settings .tp-settings-profile-card {
    min-height: 126px;
    padding: 18px 20px;
    border-color: var(--tp-color-border);
    border-radius: 9px;
    background: var(--tp-color-surface);
    box-shadow: 0 8px 22px rgba(0,0,0,.13);
  }
  html:is([data-theme="obsidian-sand"], [data-theme="steppe-light"]) #screen-settings .tp-settings-profile-card strong { font-size: 19px; }
  html:is([data-theme="obsidian-sand"], [data-theme="steppe-light"]) #screen-settings .tp-settings-profile-card p { color: var(--tp-color-text-secondary); font-size: 13px; }
  html:is([data-theme="obsidian-sand"], [data-theme="steppe-light"]) #screen-settings .tp-settings-card,
  html:is([data-theme="obsidian-sand"], [data-theme="steppe-light"]) #screen-settings .tp-settings-link-list {
    border-color: var(--tp-color-border);
    border-radius: 9px;
    background: var(--tp-color-surface);
    box-shadow: none;
  }
  html:is([data-theme="obsidian-sand"], [data-theme="steppe-light"]) #screen-settings .tp-settings-row {
    min-height: 72px;
    padding: 13px 18px;
    border-bottom-color: color-mix(in srgb, var(--tp-color-border) 70%, transparent);
  }
  html:is([data-theme="obsidian-sand"], [data-theme="steppe-light"]) #screen-settings .tp-settings-row strong { font-size: 14px; }
  html:is([data-theme="obsidian-sand"], [data-theme="steppe-light"]) #screen-settings .tp-settings-row small { color: var(--tp-color-text-secondary); font-size: 12px; }
  html:is([data-theme="obsidian-sand"], [data-theme="steppe-light"]) #screen-settings .tp-settings-row__icon {
    border-radius: 7px;
    background: var(--tp-color-surface-raised);
    color: var(--tp-color-text-secondary);
  }
  html:is([data-theme="obsidian-sand"], [data-theme="steppe-light"]) #screen-settings .tp-settings-row--theme { align-items: start; }
  html:is([data-theme="obsidian-sand"], [data-theme="steppe-light"]) #screen-settings .tp-theme-picker { gap: 7px; width: min(100%, 580px); }
  html:is([data-theme="obsidian-sand"], [data-theme="steppe-light"]) #screen-settings .tp-theme-choice {
    min-height: 77px;
    padding: 9px;
    border-radius: 8px;
    background: var(--tp-color-bg-secondary, var(--tp-color-page));
    transition: border-color 160ms ease, background-color 160ms ease;
  }
  html:is([data-theme="obsidian-sand"], [data-theme="steppe-light"]) #screen-settings .tp-theme-choice:hover { border-color: var(--tp-color-primary); background: var(--tp-color-surface-raised); }
  html:is([data-theme="obsidian-sand"], [data-theme="steppe-light"]) #screen-settings .tp-theme-choice.is-selected {
    border-color: var(--tp-color-primary);
    background: color-mix(in srgb, var(--tp-color-primary) 9%, var(--tp-color-surface));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--tp-color-primary) 27%, transparent);
  }
  html:is([data-theme="obsidian-sand"], [data-theme="steppe-light"]) #screen-settings .tp-theme-choice strong { font-size: 12px; }
  html:is([data-theme="obsidian-sand"], [data-theme="steppe-light"]) #screen-settings .tp-theme-choice small { color: var(--tp-color-text-muted); font-size: 11px; }
  html:is([data-theme="obsidian-sand"], [data-theme="steppe-light"]) #screen-settings .tp-settings-action-row:hover,
  html:is([data-theme="obsidian-sand"], [data-theme="steppe-light"]) #screen-settings .tp-settings-link-list a:hover { background: var(--tp-color-surface-raised); }
  html:is([data-theme="obsidian-sand"], [data-theme="steppe-light"]) #screen-settings :is(button, a, select, input):focus-visible { outline: 2px solid var(--tp-color-primary); outline-offset: 2px; }
  /* Steppe Light: softer elevation on light surfaces. */
  html[data-theme="steppe-light"] #screen-settings .tp-settings-profile-card { box-shadow: var(--tp-shadow-md); }
}
@media (min-width: 1025px) and (prefers-reduced-motion: reduce) {
  html:is([data-theme="obsidian-sand"], [data-theme="steppe-light"]) #screen-settings .tp-settings-nav button,
  html:is([data-theme="obsidian-sand"], [data-theme="steppe-light"]) #screen-settings .tp-theme-choice { transition: none; }
}