/* Banan: public assistant. Lucide SVGs are bundled in assets/design/vendor/lucide. */
.banan-assistant{--bn-navy:#0c3d5f;--bn-deep:#071f31;--bn-lime:#98ca3d;--bn-sky:#6eb7e5;--bn-burgundy:#650916;font-family:Cairo-Medium,Cairo,system-ui,sans-serif}
.banan-assistant svg{width:20px;height:20px;flex:none;stroke-width:1.9}
.banan-launch{position:fixed;inset:auto 22px 22px auto;z-index:85;display:flex;align-items:center;gap:10px;min-height:92px;width:260px;max-width:calc(100vw - 32px);padding:6px 13px 6px 5px;border:1px solid #d2e5e9;border-radius:28px;background:linear-gradient(115deg,#0a3654,#0e4e6c 74%,#266379);box-shadow:0 17px 43px #071f3160,0 0 0 5px #98ca3d2b;color:#fff;text-align:right;isolation:isolate;transition:transform .25s,box-shadow .25s}
.banan-launch:before{content:'';position:absolute;inset:8px auto 8px 7px;width:80px;border-radius:21px;background:radial-gradient(circle at 50% 35%,#b8e3eea6,#42779188 65%,transparent 70%);z-index:-1}
.banan-launch:hover,.banan-launch:focus-visible{transform:translateY(-5px);box-shadow:0 22px 46px #071f3178,0 0 0 7px #98ca3d35}
.banan-launch-avatar{display:grid;place-items:center;flex:none;width:83px;height:80px;overflow:hidden;border:1px solid #d8ebed91;border-radius:22px;background:linear-gradient(145deg,#f1f9f5,#acd9e4);box-shadow:inset 0 1px #fff8,0 7px 18px #071f3152}
.banan-launch-avatar img{width:89px;height:89px;max-width:none;object-fit:cover;object-position:center 21%;transform:scale(1.12) translateY(7px)}
.banan-launch-copy{display:block;min-width:0}.banan-launch-copy strong{display:block;font-size:20px;line-height:1.35;white-space:nowrap}.banan-launch-copy small{display:block;margin-top:2px;color:#d7e9ee;font-size:11px;line-height:1.45}
.banan-launch-spark{position:absolute;top:-8px;right:-7px;display:grid;place-items:center;width:30px;height:30px;border:2px solid #fff;border-radius:10px;background:var(--bn-lime);color:var(--bn-deep);box-shadow:0 4px 13px #071f3150;transform:rotate(9deg)}.banan-launch-spark svg{width:17px;height:17px}
.banan-dialog{position:fixed;inset:auto 24px 126px auto;width:min(460px,calc(100vw - 32px));max-width:none;max-height:none;margin:0;padding:0;border:1px solid #e0edf2;border-radius:26px;background:#f7fafc;color:var(--bn-navy);box-shadow:0 35px 90px #071f3175;overflow:hidden}
.banan-dialog::backdrop{background:#071f3199;backdrop-filter:blur(3px)}
.banan-shell{position:relative;height:min(690px,calc(100dvh - 148px));min-height:0;display:flex;flex-direction:column;isolation:isolate}
.banan-splash{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:32px 20px;background:radial-gradient(circle at 50% 42%,#366f89 0,#144664 35%,#092b45 72%,#061e32 100%);color:#fff;text-align:center;transition:opacity .22s ease,transform .22s ease}
.banan-splash[hidden]{display:none}.banan-splash.is-leaving{opacity:0;transform:scale(1.025);pointer-events:none}
.banan-splash:before,.banan-splash:after{content:'';position:absolute;width:260px;height:260px;border:1px solid #b6e7e63b;border-radius:38%;pointer-events:none;transform:rotate(24deg);animation:banan-splash-orbit 7s linear infinite}.banan-splash:after{width:340px;height:340px;border-color:#98ca3d22;transform:rotate(-17deg);animation-duration:11s;animation-direction:reverse}
.banan-splash-grid{position:absolute;inset:0;opacity:.24;background-image:linear-gradient(#6eb7e522 1px,transparent 1px),linear-gradient(90deg,#6eb7e522 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(circle at 50% 48%,#000,transparent 70%)}
.banan-splash-skip{position:absolute;top:17px;left:17px;z-index:2;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #ffffff63;border-radius:12px;background:#ffffff1c;color:#fff;cursor:pointer}.banan-splash-skip:hover{background:#ffffff36}.banan-splash-skip svg{width:18px;height:18px}
.banan-splash-orbit{position:relative;z-index:1;display:grid;place-items:center;width:224px;height:224px;margin-bottom:18px;border:1px solid #ffffff40;border-radius:50%;background:radial-gradient(circle at 50% 48%,#151d25 0%,#090e14 68%,#05090e 100%);box-shadow:0 0 0 11px #ffffff0a,0 0 0 24px #98ca3d0c,0 24px 65px #041a2c80;animation:banan-splash-rise .5s ease both}.banan-splash-orbit:before,.banan-splash-orbit:after{content:'';position:absolute;width:13px;height:13px;border-radius:4px;background:var(--bn-lime);box-shadow:0 0 17px #98ca3d99;transform:rotate(22deg)}.banan-splash-orbit:before{top:17px;right:13px}.banan-splash-orbit:after{bottom:36px;left:1px;width:9px;height:9px;background:var(--bn-sky)}.banan-splash-orbit img{position:relative;width:204px;height:188px;max-width:none;object-fit:contain;filter:drop-shadow(0 14px 11px #09243772)}
.banan-splash-title,.banan-splash-subtitle{position:relative;z-index:1}.banan-splash-title{font-size:28px;font-weight:800;line-height:1.45;animation:banan-splash-rise .5s .12s ease both}.banan-splash-subtitle{max-width:310px;margin-top:4px;color:#d8ebee;font-size:13px;line-height:1.7;animation:banan-splash-rise .5s .2s ease both}
@keyframes banan-splash-orbit{to{transform:rotate(384deg)}}@keyframes banan-splash-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.banan-head{display:flex;align-items:center;gap:11px;min-height:90px;padding:10px 14px;color:#fff;background:radial-gradient(circle at 10% 30%,#6eb7e54d,transparent 42%),linear-gradient(115deg,#0d3d5d,#092c47)}
.banan-avatar{display:grid;place-items:center;flex:none;width:64px;height:64px;overflow:hidden;border:1px solid #fff8;border-radius:20px;background:linear-gradient(145deg,#e9f7f4,#a6d5dc)}.banan-avatar img{width:72px;height:72px;max-width:none;object-fit:cover;object-position:center 18%;transform:scale(1.12) translateY(6px)}
.banan-head-copy{min-width:0;flex:1}.banan-head-copy strong{display:block;color:#fff;font-size:21px;line-height:1.35}.banan-head-copy strong small{margin-inline-start:4px;color:#aedc67;font-family:system-ui,sans-serif;font-size:10px;font-weight:600;white-space:nowrap}.banan-head-copy>span{display:flex;align-items:center;gap:5px;color:#d2e7ed;font-size:11px;line-height:1.45}.banan-head-copy i{display:inline-block;width:7px;height:7px;flex:none;border-radius:50%;background:var(--bn-lime);box-shadow:0 0 8px var(--bn-lime)}
.banan-head-action{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:0;border:1px solid #ffffff57;border-radius:11px;background:#ffffff16;color:#fff;transition:background .2s,transform .2s}.banan-head-action:hover{background:#ffffff33;transform:translateY(-2px)}.banan-head-action svg{width:17px;height:17px}
.banan-messages{flex:1;min-height:0;display:flex;flex-direction:column;gap:16px;overflow:auto;padding:20px 17px 24px;background:radial-gradient(circle at 50% 0,#d9edf330,transparent 45%),#f7fafc;scrollbar-width:thin;scrollbar-color:#b8d1db transparent}
.banan-intro{align-self:center;width:100%;max-width:390px;margin:auto 0;text-align:center}.banan-intro-avatar{display:grid;place-items:center;width:112px;height:112px;margin:0 auto 12px;overflow:hidden;border:1px solid #c1dee1;border-radius:30px;background:linear-gradient(145deg,#f4faf4,#d3eaf0);box-shadow:0 14px 30px #0c3d5f1c}.banan-intro-avatar img{width:112px;height:112px;max-width:none;object-fit:cover;object-position:center 13%;transform:scale(1.09) translateY(10px)}
.banan-intro-kicker{display:inline-flex;align-items:center;gap:6px;color:var(--bn-burgundy);font-size:11px;font-weight:700}.banan-intro-kicker svg{width:15px;height:15px}.banan-intro h2{margin:5px 0 7px;color:var(--bn-navy);font-size:25px;line-height:1.4}.banan-intro p{margin:0 auto;max-width:330px;color:#567285;font-size:13px;line-height:1.85}
.banan-suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px}.banan-suggestions button{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:6px 10px;border:1px solid #cfe0e9;border-radius:12px;background:#fff;color:var(--bn-navy);font-size:11px;font-weight:700;box-shadow:0 4px 12px #0c3d5f0b;transition:border-color .2s,transform .2s}.banan-suggestions button:hover{border-color:var(--bn-lime);transform:translateY(-2px)}.banan-suggestions svg{width:16px;height:16px;color:var(--bn-burgundy)}
.banan-message{max-width:91%;display:flex;flex-direction:column;gap:5px;align-self:auto;width:fit-content;margin-left:0;margin-right:auto;padding:12px 14px;border:1px solid #dbe8ee;border-radius:5px 17px 17px 17px;background:#fff;box-shadow:0 5px 17px #0c3d5f0d;word-break:break-word}.banan-message-user{margin-left:auto;margin-right:0;border-color:transparent;border-radius:17px 5px 17px 17px;background:var(--bn-navy);color:#fff}.banan-message-name{color:#54819a;font-size:10px;font-weight:700}.banan-message p{margin:0;white-space:pre-wrap;line-height:1.85;font-size:13px}.banan-message-user p{color:#fff}.banan-message-source{display:inline-flex;align-items:center;gap:5px;margin-top:7px;padding-top:8px;border-top:1px solid #e1eaee;color:var(--bn-burgundy);font-size:11px;font-weight:700}.banan-message-source:hover{text-decoration:underline}.banan-message-source svg{width:14px;height:14px}
.banan-thinking{display:flex;align-items:center;gap:9px;color:#54788b;font-size:12px;line-height:1.6}.banan-thinking svg{width:16px;height:16px;color:var(--bn-burgundy);animation:banan-spin 2.5s linear infinite}.banan-thinking-dots{display:inline-flex;gap:3px}.banan-thinking-dots i{display:block;width:4px;height:4px;border-radius:50%;background:var(--bn-lime);animation:banan-dot 1s ease-in-out infinite}.banan-thinking-dots i:nth-child(2){animation-delay:.17s}.banan-thinking-dots i:nth-child(3){animation-delay:.34s}
.banan-message.is-typing p:after{content:'';display:inline-block;width:2px;height:1em;margin-inline-start:3px;vertical-align:-.12em;background:var(--bn-lime);animation:banan-caret .8s step-end infinite}
@keyframes banan-dot{50%{transform:translateY(-4px);opacity:.45}}@keyframes banan-spin{to{transform:rotate(360deg)}}@keyframes banan-caret{50%{opacity:0}}
.banan-composer{padding:12px 13px 10px;border-top:1px solid #dce8ee;background:#fff}.banan-form{display:flex;align-items:center;gap:9px}.banan-form input:not([type=hidden]){flex:1;min-width:0;width:auto;min-height:48px;margin:0;padding:8px 15px;border:1px solid #ccdfe8;border-radius:15px;outline:0;background:#f9fbfc;color:var(--bn-navy);font-size:13px;box-shadow:0 2px 8px #0c3d5f0b}.banan-form input:focus{border-color:var(--bn-sky);box-shadow:0 0 0 3px #6eb7e52b}.banan-form input::placeholder{color:#7896a6}.banan-form button{display:grid;place-items:center;flex:none;width:48px;height:48px;padding:0;border:0;border-radius:15px;background:var(--bn-navy);color:#fff;box-shadow:0 5px 13px #0c3d5f35}.banan-form button:hover{background:#155778}.banan-form button:disabled{opacity:.45}.banan-form button svg{width:19px;height:19px}.banan-composer>p{margin:8px 3px 0;color:#6d8391;font-size:10.5px;line-height:1.6;text-align:center}
.banan-assistant button:focus-visible,.banan-assistant a:focus-visible{outline:3px solid var(--bn-lime);outline-offset:3px}
@media(max-width:899px){
 .banan-launch{right:10px;bottom:max(10px,env(safe-area-inset-bottom));width:150px;min-height:58px;gap:7px;padding:4px 8px 4px 4px;border-radius:19px;box-shadow:0 8px 22px #071f3155,0 0 0 2px #98ca3d25}
 .banan-launch:before{inset:5px auto 5px 4px;width:47px;border-radius:14px}
 .banan-launch-avatar{width:46px;height:46px;border-radius:14px}.banan-launch-avatar img{width:51px;height:51px;transform:scale(1.1) translateY(4px)}
 .banan-launch-copy strong{font-size:14px}.banan-launch-copy small{font-size:8px;line-height:1.4}
 .banan-launch-spark{width:21px;height:21px;top:-5px;right:-4px;border-width:1px;border-radius:7px}.banan-launch-spark svg{width:12px;height:12px}
 .banan-launch:hover,.banan-launch:focus-visible{transform:translateY(-2px);box-shadow:0 10px 24px #071f3155,0 0 0 3px #98ca3d30}
 .banan-dialog{inset:auto 8px max(8px,env(safe-area-inset-bottom)) 8px;width:calc(100% - 16px);max-width:calc(100% - 16px);border-radius:22px}
 .banan-shell{height:min(660px,88dvh)}.banan-messages{padding-inline:14px}.banan-head{min-height:72px;padding:8px 12px}.banan-avatar{width:48px;height:48px}.banan-avatar img{width:56px;height:56px}.banan-head-copy strong{font-size:18px}.banan-head-copy>span{font-size:10px}
}
@media(max-width:360px){.banan-head{gap:7px}.banan-head-action{width:32px;height:32px}.banan-head-copy strong small{font-size:9px}.banan-suggestions button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.banan-assistant *, .banan-assistant *:before,.banan-assistant *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}