/* User-supplied Bolt chat reference adapted to ct.bot and narrow side panels. */
:root{--composer:#1e1e22;--accent:#59c8ef;--action:#1488fc;--action-hover:#1a94ff;--model-surface:#1a1a1e;--model-muted:#96969f}
:root[data-theme=light]{--composer:#fff;--action:#1269c9;--action-hover:#0f5db5;--model-surface:#fff;--model-muted:#60636d}
.bolt-composer{position:relative;border-radius:16px;border:1px solid #ffffff14;box-shadow:0 2px 20px #0004,0 0 0 1px #ffffff06;padding:0;isolation:isolate}
:root[data-theme=light] .bolt-composer{border-color:var(--line);box-shadow:0 2px 16px #1720250a}
.bolt-composer textarea{padding:18px 18px 10px;font-size:14px;min-height:80px;max-height:200px;width:100%;border-radius:16px 16px 0 0}
.bolt-composer .composer-bottom{padding:4px 12px 10px;align-items:center;gap:6px}.composer-tools{display:flex;align-items:center;gap:4px;min-width:0;flex:1}.context-tool,.model-control{position:relative;min-width:0}.composer-plus{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ffffff10;color:var(--muted);flex-shrink:0}.composer-plus:hover{background:#ffffff20;color:var(--text)}.composer-plus svg,.model-trigger svg{transition:transform 180ms ease;flex-shrink:0}.rotated{transform:rotate(180deg)}.rotated-plus{transform:rotate(45deg)}
.model-trigger{display:flex;align-items:center;gap:6px;padding:7px 8px;border-radius:20px;color:var(--model-muted);font-size:11px;font-weight:550;max-width:100%;transition:background 160ms,color 160ms}.model-trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.model-trigger>svg:first-child{color:var(--accent)}.model-trigger:hover{background:#ffffff0a;color:var(--text)}
.menu-dismiss{position:fixed;inset:0;z-index:30;background:transparent;cursor:default}.model-popover,.context-popover{position:absolute;bottom:calc(100% + 12px);left:0;z-index:31;width:280px;max-width:calc(100vw - 42px);max-height:50vh;overflow:auto;background:var(--model-surface);border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:0 18px 45px #0008;animation:menu-in 180ms ease-out;backdrop-filter:blur(20px)}.model-heading{font-size:9px;font-weight:650;letter-spacing:1.3px;color:var(--model-muted);padding:9px 10px}.model-option{display:flex;gap:10px;align-items:center;width:100%;padding:10px;border-radius:8px;text-align:left;color:var(--muted);transition:background 150ms,color 150ms}.model-option:hover,.model-option:focus-visible,.model-option.selected{background:#ffffff0c;color:var(--text)}:root[data-theme=light] .model-option:hover,:root[data-theme=light] .model-option.selected{background:#1269c90a}.model-option>svg{flex-shrink:0;color:var(--accent)}.model-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.model-copy>span{font-size:12px;font-weight:550;overflow-wrap:anywhere}.model-copy small{font-size:8px;font-weight:550;padding:3px 5px;border-radius:20px;background:#1488fc20;color:var(--accent);margin-left:6px}.model-copy em{font-size:10px;font-style:normal;color:var(--model-muted)}.model-empty{font-size:12px;color:var(--muted);padding:10px;line-height:1.7}.context-popover{width:220px}.context-popover button{display:flex;align-items:center;gap:10px;width:100%;padding:11px 10px;border-radius:7px;color:var(--muted);font-size:12px}.context-popover button:hover{background:var(--hover);color:var(--text)}
.bolt-send{background:var(--action);color:white;width:37px;height:32px;border-radius:20px;display:grid;place-items:center;box-shadow:0 0 18px #1488fc20;transition:background 160ms,transform 140ms,box-shadow 160ms}.bolt-send:hover:not(:disabled){background:var(--action-hover);box-shadow:0 0 22px #1488fc38}.bolt-send:disabled{opacity:.35;cursor:not-allowed}.bolt-send:active:not(:disabled),.composer-plus:active,.model-trigger:active{transform:scale(.95)}
.product-inline{border-top:1px solid #ffffff08;padding:8px 15px;display:flex;flex-direction:row;align-items:center;gap:9px;font-size:9px}.product-inline input{border:0;background:none;font-size:10px;padding:3px 0;width:100%;border-radius:0}.product-inline>span{flex-shrink:0;color:var(--model-muted)}
.nav-list-card{display:flex;flex-direction:column;gap:4px}.popover{width:290px;padding:6px;border-radius:14px;background:var(--model-surface)}.popover .nav-list-row{position:relative;display:flex;align-items:center;gap:11px;padding:12px 11px;overflow:hidden;border-radius:9px;isolation:isolate}.nav-list-row:before{content:'';position:absolute;inset:0;z-index:-1;opacity:0;background:radial-gradient(170px circle at var(--pointer-x,50%) var(--pointer-y,50%),#1488fc12,transparent 80%);transition:opacity 160ms}.nav-list-row:hover:before{opacity:1}.nav-list-icon{width:32px;height:32px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;color:var(--muted);transition:color 160ms,border-color 160ms}.nav-list-row:hover .nav-list-icon{color:var(--accent);border-color:#1488fc55}.nav-list-copy{display:flex;flex-direction:column;gap:4px;flex:1;text-align:left}.nav-list-copy strong{font-size:12px;font-weight:550}.nav-list-copy small{font-size:10px;color:var(--muted)}.nav-list-arrow{transform:rotate(-90deg);color:var(--muted);transition:transform 160ms}.nav-list-row:hover .nav-list-arrow{transform:rotate(-90deg) translateY(2px)}
@keyframes menu-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:365px){.model-trigger>span{max-width:125px}.model-popover{left:-34px;width:270px}.bolt-composer textarea{font-size:13px}}@media(prefers-reduced-motion:reduce){.nav-list-row:before{display:none}*{animation:none!important;transition:none!important}}
