/* Synapse adapter for Scira's open-source dark theme tokens.
   Source: https://github.com/zaidmukaddam/scira app/globals.css (AGPL-3.0).
   This is an adaptation, not Scira's proprietary current UI. */
:root{--bg:var(--background);--panel:var(--card);--line:var(--border);--fg:var(--foreground);--muted:var(--muted-foreground);--accent:var(--primary);color-scheme:dark}
body{background:var(--background);color:var(--foreground);font-family:'Be Vietnam Pro',sans-serif}
.app{background:var(--background)}
.sidebar{background:var(--sidebar);color:var(--sidebar-foreground);border:1px solid var(--sidebar-border);width:272px;margin:8px 0 8px 8px;padding:20px 15px;border-radius:var(--radius)}
.brand a{font-family:'Be Vietnam Pro',sans-serif;font-size:23px;color:var(--sidebar-foreground)}.brand svg{color:var(--primary)}
.quick{background:var(--sidebar-accent);border:1px solid var(--sidebar-border);color:var(--muted-foreground);font-size:13px;padding:12px;border-radius:var(--radius)}
.new{background:transparent;border:1px solid var(--sidebar-border);color:var(--sidebar-foreground);padding:12px;font-size:13px;border-radius:var(--radius)}
.new:hover,.quick:hover,.history-row:hover,.icon:hover{background:var(--sidebar-accent)}
.section-label,.empty-history{color:var(--muted-foreground)}.history-row button{color:var(--sidebar-foreground)}.side-bottom{border-color:var(--sidebar-border);color:var(--muted-foreground)}
.topbar{height:52px;background:var(--background);border-color:var(--border);font-size:14px;padding:0 25px}.topbar #top-search{background:var(--card);border:1px solid var(--border);color:var(--muted-foreground);border-radius:var(--radius);width:310px;text-align:left;display:flex;justify-content:space-between;align-items:center}.topbar .shortcut{font-size:11px;color:var(--muted-foreground);opacity:.8}.topbar #top-settings[hidden]{display:none}
.stage{padding:0 24px 32px}.home{width:min(100%,672px);max-width:672px;min-height:100%;justify-content:center;padding:0 0 20px;transform:none}.wordmark{font:300 47px 'Be Vietnam Pro',sans-serif;letter-spacing:-.06em;color:var(--foreground);margin:0 0 16px}
.composer{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:var(--radius)}.composer textarea{height:118px;min-height:118px;max-height:30vh;resize:none;color:var(--foreground);font-size:15px;padding:19px}.composer textarea::placeholder{color:var(--muted-foreground)}
.toolbar{padding:0 13px 13px}.subtle{background:var(--muted);color:var(--foreground);border-radius:calc(var(--radius) - 4px);height:34px}.scope{background:var(--secondary);color:var(--secondary-foreground)}.model{background:transparent;color:var(--muted-foreground)}.send{background:var(--primary);color:var(--primary-foreground);border-radius:calc(var(--radius) - 4px);height:34px;width:34px}
.tabs{justify-content:center;gap:6px;margin:26px 0 17px}.tabs button{color:var(--muted-foreground);font-size:13px}.tabs button.active{background:var(--foreground);color:var(--background)}
.suggestions{justify-content:center;gap:10px}.suggestions button{background:var(--card);border:1px solid var(--border);color:var(--foreground);border-radius:var(--radius);padding:10px 13px;font-size:12px}.suggestions button:hover{background:var(--accent)}
.popover,.dialog{background:var(--popover);border-color:var(--border);color:var(--popover-foreground)}.popover button,.dialog select{color:var(--popover-foreground)}.popover button:hover{background:var(--accent)}.results h2,.answer{color:var(--foreground)}.source{background:var(--card);border-color:var(--border);color:var(--foreground)}.source small{color:var(--muted-foreground)}
/* Scira-like composer tools and structured, searchable model picker. */
.toolbar{padding:0 12px 11px}.tools{gap:5px}.add{font-size:21px;font-weight:300;line-height:1;width:34px;padding:0}.scope{font-weight:500;padding:0 12px}.enhance{background:transparent;color:var(--muted-foreground);font-size:20px;padding:0 4px}.model{font-size:12px;max-width:170px}.send{background:var(--primary);border-radius:11px}
.more-pop{left:8px;bottom:47px;width:245px}.more-pop button{font-size:13px}.focus-pop{left:44px;bottom:47px;width:235px}
.model-pop{position:fixed;left:auto;right:clamp(16px,calc((100vw - 1280px)/2 + 310px),340px);top:clamp(10px,calc(50vh - 275px),50px);bottom:auto;width:min(480px,calc(100vw - 32px));height:min(404px,calc(100vh - 85px));max-height:none;display:flex;flex-direction:column;padding:0;overflow:hidden;border-radius:15px;background:var(--popover);border:1px solid var(--border);z-index:12}
.model-search{flex:none;display:flex;align-items:center;gap:10px;height:48px;padding:0 13px;border-bottom:1px solid var(--border);color:var(--muted-foreground)}.model-search input{min-width:0;flex:1;background:transparent;border:0;outline:0;color:var(--foreground);font-size:13px}.model-search input::placeholder{color:var(--muted-foreground)}.model-search button{width:27px;padding:3px;text-align:center;font-size:18px}
.model-layout{display:flex;min-height:0;flex:1}.model-rail{width:45px;flex:none;border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding-top:12px;gap:9px;color:var(--muted-foreground)}.model-rail button{display:grid;place-items:center;width:29px;height:29px;min-height:0;border:0;padding:0;text-align:center;border-radius:8px;font-size:16px;background:transparent;color:var(--muted-foreground)}.model-rail button.active{background:var(--accent);color:var(--foreground)}.model-rail button:hover{background:var(--accent)}
#model-items{flex:1;min-width:0;overflow:auto;padding:6px}#model-items button{min-height:45px;padding:7px 10px;font-size:12px;white-space:normal;line-height:1.35}#model-items button[hidden]{display:none}.model-footer{border-top:1px solid var(--border);flex:none;display:flex;justify-content:space-between;align-items:center;padding:8px 13px;color:var(--muted-foreground);font-size:11px}.model-footer button{width:auto;padding:5px;font-size:11px}
.suggestions button{font-size:12px;border-radius:12px}.tabs{margin-top:22px;margin-bottom:13px}
@media(max-width:760px){.sidebar{width:272px;margin:0;border-radius:0}.stage{padding:0 15px 25px}.home{width:100%;padding:32px 0 22px}.wordmark{font-size:42px}.tabs{justify-content:flex-start}.suggestions{justify-content:flex-start}}
@media(max-height:650px){.home{justify-content:flex-start;padding-top:40px}.composer textarea{height:82px;min-height:82px}}