/* Light palette sampled from the native Windows client; geometry stays shared. */
:root[data-gpth-theme="light"] {
  --bg: #fff; --bg-deep: #f6f6f6; --sidebar: #f6f6f6;
  --surface: #f6f6f6; --surface-2: #f1f1f1; --surface-3: #e9eaea; --surface-hover: #e9eaea;
  --border: #ededed; --border-strong: #d5d5d5;
  --text: #252525; --text-soft: #454545; --muted: #666; --faint: #737373;
  --accent: #252525; --accent-ink: #fff;
  --green: #18753b; --amber: #89600b; --red: #b42318; --blue: #2563b9; --violet: #7655a7;
  --shadow-lg: 0 16px 48px #0002;
}
.theme-options { border: 0; padding: 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.theme-options legend { font-size: 16px; margin-bottom: 20px; }
.theme-choice { position: relative; cursor: pointer; display: grid; gap: 12px; text-align: center; font-size: 14px; }
.theme-choice input { position: absolute; z-index: 1; opacity: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
/* Match the native theme cards: neutral preview, stacked panel and text marks. */
.theme-preview { position: relative; display: block; height: 176px; border: 2px solid transparent; border-radius: 10px; background: #f3f3f3; overflow: hidden; }
.theme-preview i { position: absolute; top: 36%; left: 9%; right: 9%; bottom: -5px; border-radius: 14px 14px 0 0; background: #fff; }
.theme-preview b { position: absolute; top: 21%; left: 28%; width: 46%; height: 8px; border-radius: 8px; background: #ccc; }
.theme-preview b::after { content: ''; position: absolute; top: 14px; left: -24%; right: -24%; height: 5px; border-radius: 5px; background: #ddd; }
.theme-preview em { position: absolute; top: 47%; left: 13%; width: 27%; height: 8px; border-radius: 8px; background: #ddd; box-shadow: 0 34px #ddd,0 68px #ddd; }
.theme-preview[data-preview="dark"] { background: #606060; }
.theme-preview[data-preview="dark"] b { background: #aaa; }
.theme-preview[data-preview="dark"] b::after { background: #999; }
.theme-preview[data-preview="system"] { background: linear-gradient(90deg,#a0a0a0 50%,#606060 50%); }
.theme-preview[data-preview="system"] i { background: linear-gradient(90deg,#f6f6f6 50%,#373737 50%); }
.theme-choice input:checked + .theme-preview { border-color: var(--text); }
.theme-choice input:focus-visible + .theme-preview { outline: 2px solid #3a83f7; outline-offset: 4px; }
@media(max-width:620px) { .theme-options { gap: 10px; } .theme-preview { height: 96px; } }
html[data-gpth-theme="light"] .settings-screen { background: var(--bg); }
html[data-gpth-theme="light"] .settings-nav { background: var(--sidebar); }
html[data-gpth-theme="light"] :is(.settings-nav button,.thread-row,.assistant-body,.markdown-body,.async-question-card,.popover button,.chat-search-results button,.search-dialog-head input) { color: var(--text); }
html[data-gpth-theme="light"] :is(.settings-nav button:hover,.settings-nav button[aria-current],.thread-row.active,.project-heading:hover,.popover button:hover,.popover button.selected,.chat-search-results button:hover,.chat-search-results button:focus-visible) { background: var(--surface-hover); color: var(--text); }
html[data-gpth-theme="light"] :is(.sheet-dialog,.popover,.login-card,#taskMenu,#projectMenu,#settingsPopover[data-kind="permissions"],.search-dialog) { background: #fff; border-color: var(--border-strong); }
html[data-gpth-theme="light"] .popover { box-shadow: 0 8px 24px #0002; }
html[data-gpth-theme="light"] :is(.settings-content .account-section,.settings-content .info-grid section,.message-queue,.async-question-card,.native-tool,.artifact-card,.attachment-thumbnail,.code-block) { background: var(--surface); border-color: var(--border-strong); }
html[data-gpth-theme="light"] #composer { background: #fff; border-color: #dedede; box-shadow: 0 2px 8px #00000008; }
html[data-gpth-theme="light"] #messageInput { color: var(--text); }
html[data-gpth-theme="light"] .composer-tools-right .setting-button { color: var(--text); }
html[data-gpth-theme="light"] .composer-tools-right #effortButton { color: var(--muted); }
html[data-gpth-theme="light"] .composer-tools-right .model-controls .setting-button:hover,
html[data-gpth-theme="light"] .composer-tools-right .model-controls .setting-button[aria-expanded="true"] { background: #00000008!important; }
html[data-gpth-theme="light"] .message-card.user { background: #e8f3fe; color: #0c274a; }
html[data-gpth-theme="light"] :is(.user-attachment-label,.user-attachment-label a) { color: #315a83; }
html[data-gpth-theme="light"] :is(.form-field input,.form-field textarea,.form-field select) { background: #fff; color: var(--text); }
html[data-gpth-theme="light"] :is(.async-question-card textarea,.search-dialog-head,.profile-menu-identity:not(:empty),.markdown-body th,.markdown-body td,.markdown-body hr,.inline-image img) { border-color: var(--border-strong); }
html[data-gpth-theme="light"] :is(.code-header,.markdown-body th,.markdown-body code,.file-icon) { background: var(--surface-2); color: var(--text-soft); }
html[data-gpth-theme="light"] .code-block code { background: transparent; }
html[data-gpth-theme="light"] :is(.markdown-body .code-header button,.artifact-preview,.activity-detail,.thread-row.has-unread strong) { color: var(--text); }
html[data-gpth-theme="light"] .markdown-body blockquote { color: var(--muted); border-color: #bbb; }
html[data-gpth-theme="light"] :is(.markdown-body a,.artifact-actions a,.thread-update-label,.effort-heading output) { color: var(--blue); }
html[data-gpth-theme="light"] .effort-slider { accent-color: #3a83f7; }
html[data-gpth-theme="light"] :is(.async-question-card>small,.queue-heading .mini-button,.permission-option small,.popover-note,.popover-label,.settings-nav h2,.search-scope,.search-empty,.chat-search-results button small,.effort-heading small,.effort-endpoints,.profile-menu-identity small,.client-activity,.client-activity small,.inline-activity,.response-meta button,.process-toggle) { color: var(--muted); }
html[data-gpth-theme="light"] :is(.inline-activity:hover,.process-toggle:hover) { color: var(--text); }
html[data-gpth-theme="light"] .response-meta button:hover { background: var(--surface-hover); }
html[data-gpth-theme="light"] .primary-button { background: #252525; color: #fff; }
html[data-gpth-theme="light"] .primary-button:hover { background: #444; }
html[data-gpth-theme="light"] :is(.host-glyph,.host-trigger .host-glyph) { background: #e9eaea; color: #454545; }
html[data-gpth-theme="light"] :is(#hostMenu .host-option:hover,#hostMenu .host-option:focus-visible,#hostMenu .host-option.selected,.host-option.selected) { background: #e9eaea; border-color: #ccc; }
html[data-gpth-theme="light"] :is(.nav-row.active,.search-box,.artifact-preview) { background: var(--surface-2); border-color: var(--border-strong); }
html[data-gpth-theme="light"] .composer-permission[data-mode="full"],
html[data-gpth-theme="light"] .permission-option[data-permission="full"].selected,
html[data-gpth-theme="light"] .permission-option[data-permission="full"].selected small { color: #b64c0b; }
html[data-gpth-theme="light"] :is(.danger-button,.task-menu button[data-task-action="archive"],.project-menu button[data-project-action="remove"]) { color: var(--red); }
html[data-gpth-theme="light"] :is(.run-strip,.run-strip strong) { color: var(--blue); }
html[data-gpth-theme="light"] :is(.image-error,.unknown-banner) { color: var(--amber); }
html[data-gpth-theme="light"] .composer-dock { background: linear-gradient(to bottom,#ffffff00,var(--bg) 18%,var(--bg)); }
html[data-gpth-theme="light"] :is(.composer-lock,.jump-to-bottom,.code-head) { background: var(--surface); }
html[data-gpth-theme="light"] :is(.code-block pre,.assistant-body code:not(.code-block code)) { color: var(--text-soft); }
html[data-gpth-theme="light"] .assistant-body a { color: var(--blue); }
html[data-gpth-theme="light"] .code-keyword { color: #7541a2; }
html[data-gpth-theme="light"] .code-string { color: #58651a; }
html[data-gpth-theme="light"] .code-function { color: #176a65; }
html[data-gpth-theme="light"] :is(.connection-banner,.form-callout,.form-callout code,.add-project-result.warning) { color: var(--amber); }
html[data-gpth-theme="light"] :is(.connection-banner.error,.add-project-result.error) { color: var(--red); }
html[data-gpth-theme="light"] .add-project-result { color: var(--green); }
html[data-gpth-theme="light"] .preview-content { background: #f6f6f6; }
html[data-gpth-theme="light"] .preview-head { background: #fff; }
html[data-gpth-theme="light"] #taskMenu button[data-task-action="archive"] { color: var(--text); }
:root[data-gpth-theme="light"] { --sidebar-selected: #e9eaea; --user-bubble: #e8f3fe; }
.theme-preview[data-preview="dark"] i { background: #141414; }
.theme-preview[data-preview="dark"] b, .theme-preview[data-preview="system"] b { background: #173e76; }
.theme-preview[data-preview="dark"] em { background: #2b2b2b; }