/* Quiet instrument-panel surfaces, with Cendon's amber as a functional accent. */
#v-quote{--fa-accent:var(--c-acc,var(--accent,#f6a85b));--fa-surface:var(--c-compose,var(--card,#202022));--fa-text:var(--c-ink,var(--ink,#f3f1ee));color:var(--fa-text)}
#v-quote .lg-wrap{max-width:1040px;padding:36px 28px 80px;margin:auto}
#v-quote .lg-title{padding:8px 0 24px;border-bottom:1px solid var(--c-line,rgba(150,150,150,.2));margin-bottom:24px}
#v-quote .lg-eye{letter-spacing:.19em;font-size:10px;color:var(--fa-accent);margin-bottom:12px}
#v-quote .section-title{font-size:clamp(25px,3.2vw,40px);line-height:1.3;letter-spacing:-.035em;font-weight:600}
#v-quote .section-sub{max-width:640px;line-height:1.75;font-size:14px;opacity:.75;margin:12px 0 0}
#v-quote .lg-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:5px;border-radius:16px;background:var(--fa-surface);border:1px solid var(--c-line,rgba(150,150,150,.2));margin-bottom:26px}
#v-quote .lg-tab{box-shadow:none!important;background:transparent;border:0;border-radius:11px;min-height:48px;padding:10px 8px;display:flex;justify-content:center;gap:8px;font-size:12px;font-weight:500;transition:background .2s,color .2s,transform .2s}
#v-quote .lg-tab.on{background:var(--fa-accent)!important;color:#211509!important;box-shadow:none!important}
#v-quote .lg-tab:hover{background:rgba(140,140,140,.12);transform:translateY(-1px)}
#v-quote .lg-card{border-radius:20px;border:1px solid var(--c-line,rgba(150,150,150,.2));background:var(--fa-surface);box-shadow:none;padding:28px;margin-bottom:16px}
#v-quote .lg-head b{font-size:21px;letter-spacing:-.025em;font-weight:600}
#v-quote .lg-head small{letter-spacing:.12em;font-size:10px}
#v-quote .lg-drop{min-height:220px;display:flex;flex-direction:column;justify-content:center;border-radius:14px;background:rgba(140,140,140,.025);border:1px dashed rgba(180,150,110,.4);transition:border-color .2s,background .2s}
#v-quote .lg-drop:hover{border-color:var(--fa-accent);background:rgba(246,168,91,.04)}
#v-quote .lg-card.lg-drop{display:block;min-height:0}
#v-quote .lg-dropin{display:flex;flex-direction:column;justify-content:center;min-height:210px;border:1px dashed rgba(180,150,110,.4);border-radius:14px;background:rgba(140,140,140,.025);padding:24px 16px;margin-bottom:20px}
#v-quote .lg-dropin b{font-weight:500;font-size:17px}
#v-quote .lg-card .btn:not(.primary){border:1px solid var(--c-line,rgba(150,150,150,.25));background:rgba(140,140,140,.045);color:inherit;padding:10px 14px}
#v-quote .lg-card .btn:hover{border-color:var(--fa-accent);background:rgba(246,168,91,.08)}
#v-quote .btn:active,.fa-primary:active,.fa-tools button:active{transform:translateY(1px)}
#faInline #lgTabs{display:none}
#v-quote .btn{min-height:44px;border-radius:11px;box-shadow:none!important;font-weight:500;background:transparent}
#v-quote .btn.primary{background:var(--fa-accent)!important;color:#211509!important;border-color:transparent}
#v-quote .lg-stats{gap:0;border-block:1px solid var(--c-line,rgba(150,150,150,.2));padding:20px 0;margin:24px 0}
#v-quote .lg-stats>div{background:none;border-radius:0;border-right:1px solid var(--c-line,rgba(150,150,150,.2));padding:12px}
#v-quote .lg-stats>div:last-child{border-right:0}
#v-quote .lg-stats b{font-size:clamp(20px,3vw,30px);font-weight:500;font-variant-numeric:tabular-nums}
#v-quote .lg-tip{background:rgba(246,168,91,.055);border:0;border-left:2px solid var(--fa-accent);border-radius:0 8px 8px 0;padding:14px;line-height:1.7}
#v-quote .lg-empty{padding:36px 12px;line-height:1.8}
.fa-insight{padding:26px 0;margin:24px 0;border-block:1px solid var(--c-line,rgba(150,150,150,.2));animation:fa-enter .3s ease-out}
.fa-insight-head{display:flex;gap:16px;align-items:flex-start}.fa-mark{flex-shrink:0;font-size:11px;letter-spacing:.08em;color:#f6a85b;padding:9px 11px;border:1px solid rgba(246,168,91,.28);border-radius:9px}
.fa-insight h3{margin:0;font-size:19px;font-weight:500;letter-spacing:-.025em}.fa-insight p{font-size:13px;line-height:1.75;opacity:.7;margin:7px 0 0}
.fa-actions{display:flex;align-items:center;gap:20px;margin:22px 0 12px}.fa-primary{display:flex;gap:8px;align-items:center;background:#f6a85b;color:#211509;border:0;border-radius:11px;padding:12px 18px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.fa-primary:disabled{opacity:.6;cursor:wait}.fa-link{font-size:13px;color:inherit}.fa-privacy{font-size:11px!important}
.fa-result{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.85;padding-top:22px}.fa-result[hidden]{display:none}
.fa-toolbar{border-bottom:1px solid var(--c-line,rgba(150,150,150,.2));padding:10px 10px 8px;position:relative;z-index:4}.fa-tools{display:flex;gap:4px;overflow-x:auto;scrollbar-width:thin}.fa-tools button{white-space:nowrap;display:flex;gap:6px;align-items:center;padding:8px 10px;min-height:36px;background:none;color:inherit;border:1px solid transparent;border-radius:9px;font:inherit;font-size:11px;cursor:pointer;transition:background .18s,border-color .18s}.fa-tools button:hover{background:rgba(140,140,140,.1)}.fa-tools button.on{color:#f6a85b;border-color:rgba(246,168,91,.35);background:rgba(246,168,91,.08)}
.fa-selection{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:8px;font-size:11px;line-height:1.6;color:var(--c-mut,#999)}.fa-selection button,#faCollapse{background:none;color:inherit;border:0;font:inherit;font-size:11px;white-space:nowrap;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
#faInline{max-height:46dvh;overflow-y:auto;border-top:1px solid var(--c-line,rgba(150,150,150,.2));margin-top:12px;overscroll-behavior:contain}#faInline[hidden]{display:none!important}#faCollapse{display:block;margin:12px 0 0 auto;min-height:32px}#faInline #v-quote{display:block!important;position:static!important;height:auto!important;overflow:visible!important;background:none!important}#faInline #v-quote .scroll{position:static!important;height:auto!important;overflow:visible!important}#faInline .lg-wrap{padding:14px 0 20px}#faInline .lg-title,#faInline #lgRegBox,#faInline #lgNotifBox{display:none}#faInline .lg-card{padding:18px;border-radius:14px}#faInline .lg-tabs{margin-bottom:14px}
.fa-toolbar button:focus-visible,#v-quote button:focus-visible,.fa-link:focus-visible{outline:2px solid #f6a85b;outline-offset:3px}
@keyframes fa-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:640px){#v-quote .lg-wrap{padding:24px 16px 60px}#v-quote .lg-card{padding:20px}#v-quote .lg-tab{flex-direction:column;font-size:10px;gap:5px;min-height:56px}#v-quote .lg-tabs{gap:2px}.fa-insight h3{font-size:17px}.fa-insight-head{gap:12px}.fa-selection{align-items:flex-start}.fa-tools button{padding:7px 8px}#faInline #v-quote .lg-wrap{padding:10px 0}.fa-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){#v-quote *,.fa-toolbar *,.fa-insight{animation:none!important;transition:none!important}}
/* Preserve the original chat until a tool is explicitly selected from its existing + menu. */
.fa-toolbar{display:none}
.fa-toolbar[data-active="true"]{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 10px}
.fa-tools [data-fa-tool]:not(.on){display:none}
.fa-selection{margin:0 0 0 auto}
#faSelection{display:none}
#faInline{flex-basis:100%;width:100%;margin-top:4px}