/* shadcn Select sizing, states and component anatomy, using Blueprint's palette. */
.sh-select-mount{display:contents}
select[hidden]{display:none!important}
.sh-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;height:36px;width:fit-content;min-width:0;border:1px solid var(--rule);border-radius:6px;background:transparent;color:var(--ink);padding:8px 12px;font:400 14px/20px "PP Neue Montreal",sans-serif;white-space:nowrap;box-shadow:0 1px 2px rgb(0 0 0/.05);outline:none;transition:color .15s,box-shadow .15s;cursor:pointer}
.sh-select-trigger>span:first-child{display:flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sh-select-trigger:focus-visible{border-color:var(--soft);box-shadow:0 0 0 3px color-mix(in srgb,var(--soft) 50%,transparent)}
.sh-select-trigger:disabled{opacity:.5;cursor:not-allowed}
.sh-select-trigger[data-placeholder]{color:var(--soft)}
.sh-select-chevron{flex-shrink:0;opacity:.5;pointer-events:none}
.sh-app-select{width:100%;margin:0 0 16px}
.sh-theme-select{min-width:112px;font-size:12px}
:root[data-theme=dark] .sh-select-trigger{background:color-mix(in srgb,var(--panel) 30%,transparent)}
:root[data-theme=dark] .sh-select-trigger:hover{background:color-mix(in srgb,var(--panel) 50%,transparent)}
.sh-select-content{position:relative;z-index:100;max-height:var(--radix-select-content-available-height);min-width:128px;overflow-x:hidden;overflow-y:auto;border:1px solid var(--rule);border-radius:6px;background:var(--paper);color:var(--ink);box-shadow:0 4px 6px -1px rgb(0 0 0/.1),0 2px 4px -2px rgb(0 0 0/.1);transform-origin:var(--radix-select-content-transform-origin);font:400 14px/20px "PP Neue Montreal",sans-serif}
.sh-select-content[data-state=open]{animation:sh-select-in .15s ease-out}
.sh-select-content[data-state=closed]{animation:sh-select-out .1s ease-in}
.sh-select-viewport{padding:4px;width:100%;min-width:var(--radix-select-trigger-width);scroll-margin:4px}
.sh-select-item{position:relative;display:flex;width:100%;align-items:center;gap:8px;border-radius:2px;padding:6px 32px 6px 8px;font-size:14px;line-height:20px;outline:none;user-select:none;cursor:default;white-space:nowrap}
.sh-select-item[data-highlighted]{background:var(--panel);color:var(--ink)}
.sh-select-item[data-disabled]{pointer-events:none;opacity:.5}
.sh-select-indicator{position:absolute;right:8px;display:flex;width:14px;height:14px;align-items:center;justify-content:center}
.sh-select-scroll{display:flex;align-items:center;justify-content:center;padding:4px 0;cursor:default}
@keyframes sh-select-in{from{opacity:0;transform:translateY(-4px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes sh-select-out{to{opacity:0;transform:scale(.95)}}
/* Match the pre-hydration fallback to the enhanced trigger to prevent layout shifts. */
.alt-04 #theme-setting{height:36px;min-width:112px;padding:8px 12px;font:400 12px/20px "Cascadia Code",monospace;border-radius:6px}
.alt-04 [data-app-select]{height:36px;width:100%;margin:0 0 16px;padding:8px 12px;font:400 14px/20px "PP Neue Montreal",sans-serif;border-radius:6px}
@media(max-width:650px){.alt-04 #theme-setting{min-width:90px;font-size:11px;padding:6px 9px}}

/* Preserve keyboard focus without leaving a mouse-click ring after Radix restores focus. */
.sh-select-trigger:focus-visible{outline:none}
html:not([data-ui-input="keyboard"]) .sh-select-trigger:focus{outline:none;box-shadow:none;border-color:var(--rule)}
@media(prefers-reduced-motion:reduce){.sh-select-content{animation:none!important}}
@media(max-width:650px){.sh-theme-select{min-width:90px;font-size:11px;padding:6px 9px}.sh-select-content,.sh-select-item{font-size:12px}}
html[data-ui-input="pointer"] .alt-04 .sh-select-trigger:focus,
html[data-ui-input="pointer"] .alt-04 .sh-select-trigger:focus-visible{outline:0!important;box-shadow:none!important;border-color:var(--rule)}
html[data-ui-input="keyboard"] .alt-04 .sh-select-trigger:focus-visible{outline:2px solid var(--soft)!important;outline-offset:2px;box-shadow:none!important}
/* Match the original Blueprint native-select text sizes. */
.sh-app-select,.alt-04 [data-app-select]{font-size:11px;height:34px}
.sh-theme-select,.alt-04 #theme-setting{font-size:12px}
.sh-select-content,.sh-select-item{font-size:12px}
@media(max-width:650px){.sh-theme-select,.alt-04 #theme-setting{font-size:10px}}

.sh-select-trigger,.sh-select-trigger *,.sh-select-content,.sh-select-content *{-webkit-user-select:none;user-select:none}
.sh-select-content,.sh-select-viewport{overscroll-behavior:none}
/* Center the indicator independently of inline-SVG text baselines. */
.sh-select-indicator{top:50%;transform:translateY(-50%);width:16px;height:16px;line-height:0}
.sh-select-indicator>span{display:flex;align-items:center;justify-content:center;width:16px;height:16px}
.sh-select-indicator svg{display:block}
.sh-theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;padding:0;border:1px solid var(--rule,var(--border));border-radius:3px;background:transparent;color:var(--ink,var(--foreground));cursor:pointer;-webkit-user-select:none;user-select:none}
.sh-theme-toggle:hover{background:var(--panel,var(--surface))}
.sh-theme-toggle svg{display:block;pointer-events:none}
.sh-theme-toggle:focus{outline:none}
.sh-theme-toggle:focus-visible{outline:2px solid var(--soft,var(--muted));outline-offset:2px}

/* Reuse existing action buttons without inheriting paragraph link styling. */
.claim-actions{margin-top:12px}
/* Workspace settings use the same control geometry, without filling the card with help text. */
.workspace-tools{display:flex;align-items:center;gap:8px}
.workspace-settings-trigger{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;padding:0;border:1px solid var(--rule,var(--border));border-radius:3px;background:transparent;color:var(--soft,var(--muted));cursor:pointer}
.workspace-settings-trigger:hover{background:var(--panel,var(--surface));color:var(--ink,var(--foreground))}
.workspace-settings-trigger svg{display:block}
.workspace-settings{position:fixed;inset:0;margin:auto;width:calc(100% - 32px);max-width:440px;max-height:calc(100dvh - 48px);padding:24px;overflow:auto;border:1px solid var(--rule,var(--border));border-radius:4px;background:var(--paper,var(--background));color:var(--ink,var(--foreground));font-family:"PP Neue Montreal",sans-serif;font-size:14px;line-height:1.6;box-shadow:0 16px 64px #0004}
.workspace-settings::backdrop{background:#0008}
.workspace-settings-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}
.workspace-settings h2{margin:0;font-size:20px;font-weight:500;letter-spacing:-.025em}
.workspace-settings p{margin:8px 0;color:var(--soft,var(--muted));font-size:13px}
.workspace-setting{margin-top:20px;padding-top:20px;border-top:1px solid var(--rule,var(--border))}
.workspace-setting h3{font-size:14px;font-weight:500;letter-spacing:0;margin:0 0 8px}
.workspace-settings form label{display:block;font-size:13px;margin:12px 0}
.workspace-settings form input{display:block;width:100%;height:36px;padding:0 10px;margin-top:6px;border:1px solid var(--rule,var(--border));border-radius:3px;background:var(--paper,var(--background));color:var(--ink,var(--foreground));font:12px "Cascadia Code",monospace}
.workspace-settings .button{margin-top:8px}
.agent-actions{display:flex;justify-content:flex-start;margin:16px 0 24px}
.agent-actions .button{flex:none;font-size:11px;padding:0 14px}
html:has(.workspace-settings[open]){overflow:hidden;scrollbar-gutter:stable}
