.farbot[data-farbot]{--fb-ink:#284b3b;--fb-muted:#60776a;--fb-line:#ccdfd2;--fb-green:#28774b;box-sizing:border-box;min-width:0;width:100%;max-width:720px;margin:0 auto;border:1px solid #bdd7c7;border-radius:5px;background:#eef5f1;color:var(--fb-ink);font-family:Dana,FqoVazir,Tahoma,sans-serif;text-align:right;font-size:14px;line-height:1.8;overflow:hidden;box-shadow:0 5px 22px #17453207}.farbot[data-farbot] *{box-sizing:border-box}.farbot[data-farbot] [hidden]{display:none!important}.farbot[data-farbot] button,.farbot[data-farbot] input,.farbot[data-farbot] textarea{font:inherit;letter-spacing:normal}.farbot[data-farbot] button{border:0;cursor:pointer;line-height:1.7}.farbot[data-farbot] button:disabled{opacity:.55;cursor:default}.farbot[data-farbot] :focus-visible{outline:3px solid #4389c8;outline-offset:3px}.farbot[data-farbot] .farbot-head{display:flex;align-items:center;gap:10px;background:#214e40;color:#fff;padding:17px 18px}.farbot[data-farbot] .farbot-head h2{font:650 19px/1.5 Dana,FqoVazir,Tahoma,sans-serif;color:#fff;margin:0}.farbot[data-farbot] .farbot-head p{font-size:11px;color:#cbdfd3;margin:2px 0 0}.farbot[data-farbot] .farbot-symbol{display:grid;place-items:center;flex-shrink:0;width:35px;height:35px;background:#ffffff12;color:#b9e7cd;border-radius:5px;font-size:21px}.farbot[data-farbot] .farbot-head a{margin-right:auto;font-size:10px;color:#e0eee5!important;text-decoration:none;border:1px solid #ffffff25;padding:5px 8px;border-radius:5px;white-space:nowrap}.farbot[data-farbot] .farbot-head a:hover{background:#ffffff0e}.farbot[data-farbot] .farbot-body{padding:18px}.farbot[data-farbot] .farbot-log{display:grid;gap:10px;max-height:390px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:2px 2px 4px;margin-bottom:14px}.farbot[data-farbot] .farbot-welcome{font-size:12px;color:var(--fb-muted);margin:0;line-height:1.9}.farbot[data-farbot] .farbot-message{padding:11px 12px;background:#fff;border:1px solid #dfebe2;border-radius:5px;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.farbot[data-farbot] .farbot-message.is-user{background:#dfeee4;border-color:#d1e4d8;margin-right:22px}.farbot[data-farbot] .farbot-message.is-assistant{margin-left:8px}.farbot[data-farbot] .farbot-message.is-error{color:#9d452f;background:#fff3ef;border-color:#eed7ce}.farbot[data-farbot] .farbot-message>p{margin:0}.farbot[data-farbot] .farbot-form{display:grid;gap:8px;margin:0}.farbot[data-farbot] .farbot-form label{display:block}.farbot[data-farbot] .farbot-form textarea{display:block;resize:vertical;min-height:77px;max-height:180px;width:100%;padding:11px 12px;border:1px solid #cddfd2;border-radius:5px;background:#fff;color:var(--fb-ink);box-shadow:none;font-size:13px;line-height:1.8}.farbot[data-farbot] .farbot-form>button{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:43px;padding:10px 13px;border-radius:5px;background:var(--fb-green);color:#fff;font-size:12px;font-weight:600}.farbot[data-farbot] .farbot-form>button:hover{background:#20603d}.farbot[data-farbot] .farbot-prompts{display:grid;grid-template-columns:1fr;gap:6px;margin-top:12px}.farbot[data-farbot] .farbot-prompts button{text-align:right;padding:8px 10px;background:#ffffffa6;color:#52725e;border:1px solid #dae6dd;border-radius:5px;min-height:37px;font-size:11px}.farbot[data-farbot] .farbot-prompts button:hover{background:#fff;border-color:#b7cdbc}.farbot[data-farbot] .farbot-status{font-size:11px;color:#607b69;margin:9px 0 0}.farbot[data-farbot] .farbot-privacy{font-size:10px;color:#698273;line-height:1.9;margin:9px 0 0}.farbot[data-farbot] .farbot-resources{display:grid;gap:7px;margin-top:9px}.farbot[data-farbot] .farbot-resource{display:block;white-space:normal;border:1px solid #d7e5db;border-radius:5px;padding:8px 9px;background:#f6faf7;color:#285d3b!important;text-decoration:none!important;font-size:11px}.farbot[data-farbot] .farbot-resource span,.farbot[data-farbot] .farbot-resource small{display:block}.farbot[data-farbot] .farbot-resource small{margin-top:3px;color:#6b8372;font-size:10px}.farbot[data-farbot] .farbot-resource button{display:block;margin-top:7px;padding:6px 10px;background:#e7f2eb;color:#276443;border-radius:5px;font-size:11px;min-height:34px}.farbot[data-farbot] .farbot-proposal{margin-top:10px;background:#f3f8f4;border:1px solid #d2e3d7;border-radius:5px;padding:11px;white-space:normal}.farbot[data-farbot] .farbot-proposal strong{display:block;font-size:12px;margin-bottom:6px}.farbot[data-farbot] .farbot-proposal-line{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 0;border-bottom:1px solid #e0ebe3;font-size:11px;flex-wrap:wrap}.farbot[data-farbot] .farbot-proposal select,.farbot[data-farbot] .farbot-proposal input{padding:5px 6px;border:1px solid #d0ded4;border-radius:5px;background:#fff;color:#31503c;font-size:11px;min-height:34px;font-family:inherit}.farbot[data-farbot] .farbot-proposal input{width:56px}.farbot[data-farbot] .farbot-proposal-line>span{flex-basis:100%;font-weight:600}.farbot[data-farbot] .farbot-proposal-label{display:flex;align-items:center;gap:5px;font-size:10px}.farbot[data-farbot] .farbot-proposal-total{margin:8px 0;font-size:11px;color:#5d7765}.farbot[data-farbot] .farbot-confirm{display:block;width:100%;padding:9px 10px;background:var(--fb-green);color:#fff;border-radius:5px;font-size:11px;min-height:40px}.farbot[data-farbot] .farbot-order-link{display:block;text-decoration:none;color:#276443!important;background:#e4f0e7;padding:9px 10px;border-radius:5px;margin-top:9px;text-align:center;font-size:11px}.farbot[data-farbot] .farbot-proposal-error{color:#a04a32;font-size:11px}.farbot[data-farbot] .farbot-trap{position:absolute;width:1px;height:1px;clip-path:inset(50%);white-space:nowrap;overflow:hidden}.farbot[data-farbot] .farbot-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;margin:-1px}.fqo-sidebar .farbot[data-farbot]{max-width:none}.fqo-sidebar .farbot-head{padding:15px 17px}.fqo-sidebar .farbot-head h2{font-size:17px}.fqo-sidebar .farbot-head a{font-size:9px;padding:5px}.fqo-sidebar .farbot-head p{font-size:10px}.fqo-sidebar .farbot-body{padding:17px}@media (max-width:850px){.fqo-sidebar .farbot[data-farbot]{grid-area:assistant}.farbot[data-farbot] .farbot-prompts{grid-template-columns:repeat(2,minmax(0,1fr))}.farbot[data-farbot] .farbot-form textarea{font-size:16px}.farbot[data-farbot] .farbot-proposal input,.farbot[data-farbot] .farbot-proposal select{font-size:16px}.farbot[data-farbot] .farbot-log{max-height:350px}}@media (max-width:380px){.farbot[data-farbot] .farbot-head{gap:7px}.farbot[data-farbot] .farbot-head a{font-size:9px}.farbot[data-farbot] .farbot-head p{font-size:10px}.farbot[data-farbot] .farbot-message.is-user{margin-right:8px}.farbot[data-farbot] .farbot-prompts{grid-template-columns:1fr}}/* Match the navy header and catalog. */
.farbot[data-farbot]{--fb-ink:#183561;--fb-muted:#60728d;--fb-line:#d6dfeb;--fb-green:#183561;background:#f0f3f8;border-color:#cbd6e6}
.farbot[data-farbot] .farbot-head{background:#183561}
.farbot[data-farbot] .farbot-head p,.farbot[data-farbot] .farbot-symbol{color:#d8e2f0}
.farbot[data-farbot] .farbot-message.is-user{background:#e3eaf4;border-color:#d2ddeb}
.farbot[data-farbot] .farbot-prompts button,.farbot[data-farbot] .farbot-resource,.farbot[data-farbot] .farbot-order-link{color:#183561!important;border-color:#d4deeb;background:#f9fafc}
.farbot[data-farbot] .farbot-form>button:hover{background:#244976}
.farbot[data-farbot] .farbot-resource button{background:#e5ebf3;color:#183561}
.farbot[data-farbot] .farbot-proposal{background:#f4f6fa;border-color:#d4deeb}
.farbot[data-farbot] .farbot-status,.farbot[data-farbot] .farbot-privacy,.farbot[data-farbot] .farbot-resource small,.farbot[data-farbot] .farbot-proposal-total{color:#60728d}
/* Clear distinction between suggested starters and conversation messages. */
.farbot[data-farbot]{background:#fff;border-color:#b8c7dd;border-top:3px solid #183561}
.farbot[data-farbot] .farbot-head{background:#edf1f7;color:#183561;flex-wrap:wrap;border-bottom:1px solid #d7dfeb}
.farbot[data-farbot] .farbot-head h2{color:#183561;font-size:21px;font-weight:800}
.farbot[data-farbot] .farbot-head p{color:#526886;font-size:12px;max-width:220px;line-height:1.9}
.farbot[data-farbot] .farbot-symbol{background:#183561;color:#fff}
.farbot[data-farbot] .farbot-head a{color:#183561!important;border-color:#c5d1e2;margin-right:0;background:#fff;font-size:11px}
.farbot[data-farbot] .farbot-welcome{padding:12px 13px;background:#f6f8fb;border-right:3px solid #9bafcd;border-radius:5px;color:#526886;font-size:13px}
.farbot[data-farbot] .farbot-prompt-label{margin-top:17px;color:#7a8799;font-size:10px;font-weight:700;letter-spacing:0}
.farbot[data-farbot] .farbot-prompts{display:flex;flex-wrap:wrap;gap:7px;margin-top:7px}
.farbot[data-farbot] .farbot-prompts button{flex:1 1 42%;font-size:11px;min-height:36px;padding:8px 9px;color:#61748f!important;background:#fafbfd;border:1px dashed #c8d3e2;font-weight:500}
.farbot[data-farbot] .farbot-prompts button:hover{background:#edf2f9;border-color:#7d94b8;color:#183561!important}
.farbot[data-farbot] .farbot-message{font-size:13px;background:#fff;border-color:#d7dfeb;border-right:3px solid #183561}
.farbot[data-farbot] .farbot-message.is-user{border-right:0;border-left:3px solid #9bafcd;background:#e9eff7}
.farbot[data-farbot] .farbot-resource>span{font-weight:800;font-size:13px}
.farbot[data-farbot] .farbot-message strong{font-weight:800;color:#183561}
.farbot[data-farbot] .farbot-proposal input{width:86px}.farbot[data-farbot] .farbot-proposal select{color:#183561}
.farbot[data-farbot] .farbot-privacy{padding-top:10px;border-top:1px solid #e3e9f1}
@media(max-width:380px){.farbot[data-farbot] .farbot-prompts button{flex-basis:100%}}

/* 2.5: a raised assistant panel with a strong navy header. */
.farbot[data-farbot]{background:var(--fqo-assistant-surface,#f4f6fa);border:1px solid #9eb3d1;border-top:4px solid #183561;box-shadow:0 10px 30px #1835611b}
.farbot[data-farbot] .farbot-head{background:linear-gradient(125deg,#183561,#244a78);border-bottom:1px solid #183561;color:#fff;padding:19px 18px}
.farbot[data-farbot] .farbot-head h2{color:#fff;font-size:23px;font-weight:850}.farbot[data-farbot] .farbot-head p{color:#d7e3f3;font-size:12px}
.farbot[data-farbot] .farbot-symbol{width:40px;height:40px;background:#ffffff16;border:1px solid #ffffff40;color:#fff;font-size:23px}
.farbot[data-farbot] .farbot-head a{background:#ffffff12;color:#fff!important;border-color:#ffffff35}.farbot[data-farbot] .farbot-head a:hover{background:#ffffff23}
.farbot[data-farbot] .farbot-body{padding:18px}.farbot[data-farbot] .farbot-welcome{background:#fff;border:1px solid #d6dfed;border-right:3px solid #849fc7;box-shadow:inset 0 1px 4px #18356105;color:#445e80}
.farbot[data-farbot] .farbot-form textarea{border-color:#b9cbe2;box-shadow:inset 0 2px 5px #18356108}.farbot[data-farbot] .farbot-form>button{font-weight:750;box-shadow:0 3px 10px #18356112}
.farbot[data-farbot] .farbot-prompts button{background:#e9eef6;border:1px solid #d1dceb;color:#516a8c!important}.farbot[data-farbot] .farbot-prompt-label{color:#526886}
