*{box-sizing:border-box}
html,body.rbc-page{margin:0;width:100%;height:100%;overflow:hidden;background:#e7eee9;font-family:system-ui,-apple-system,"Noto Sans Bengali","Segoe UI",sans-serif;color:#1f2d27}
.rbc-page:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 10%,rgba(28,148,98,.18),transparent 34%),radial-gradient(circle at 85% 90%,rgba(15,104,76,.15),transparent 32%)}
.rbc-app{position:relative;display:flex;flex-direction:column;width:min(100%,760px);height:100dvh;margin:auto;background:#f3f7f5;box-shadow:0 0 50px rgba(9,54,38,.18)}
.rbc-app header{display:flex;align-items:center;gap:12px;padding:12px 17px;padding-top:max(12px,env(safe-area-inset-top));background:linear-gradient(135deg,#0d704e,#139b6d);color:#fff;box-shadow:0 2px 12px rgba(0,0,0,.12);z-index:2}
.rbc-app header img{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:center 28%;border:2px solid rgba(255,255,255,.9)}
.rbc-app header strong{display:block;font-size:17px}.rbc-app header small{display:flex;align-items:center;gap:5px;margin-top:3px;font-size:11px;opacity:.9}.rbc-app header small i{width:8px;height:8px;border-radius:50%;background:#79ef9d;box-shadow:0 0 0 3px rgba(121,239,157,.15)}
.rbc-messages{flex:1;overflow-y:auto;padding:18px 14px 24px;background-color:#efeae2;background-image:linear-gradient(rgba(239,234,226,.92),rgba(239,234,226,.92)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%2398a49e' stroke-width='1' opacity='.27'%3E%3Cpath d='M8 18c8-8 15-5 14 2s-10 8-13 3 3-10 9-6M63 7c5 5 4 12-2 14s-10-5-6-9 10-1 8 4M34 48c9-8 19-3 16 6s-16 9-19 1 6-15 14-8M70 57c8-5 17 1 13 9s-15 5-15-2 7-9 11-4M12 79c5-8 14-7 17 0s-7 13-13 8-3-12 3-13M50 86c7-5 15-1 14 6M87 26c-7 4-8 12-2 16M1 45c5 2 8 7 6 12'/%3E%3Cpath d='M28 5l5 6-7 3m39 20 6 5-7 4M38 70l5 5-6 5'/%3E%3C/g%3E%3C/svg%3E");background-size:auto,96px 96px;background-attachment:local}
.rbc-row{display:flex;margin:8px 0}.rbc-row.customer{justify-content:flex-end}.rbc-bubble{max-width:min(83%,560px);padding:10px 13px;border-radius:15px;background:#fff;border:1px solid #dce7e2;box-shadow:0 2px 7px rgba(20,70,51,.06);font-size:14px;line-height:1.58;white-space:pre-wrap}.rbc-row.customer .rbc-bubble{background:#d9fdd3;border-color:#c5eac0;border-bottom-right-radius:4px}.rbc-row.assistant .rbc-bubble{border-bottom-left-radius:4px}.rbc-row.system .rbc-bubble{background:#fff0f0;color:#a42626;border-color:#efcccc}.rbc-bubble small{display:block;margin-top:3px;text-align:right;color:#7f8c87;font-size:9px}
.rbc-typing .rbc-bubble{display:flex;gap:4px;padding:13px 16px}.rbc-typing i{width:7px;height:7px;border-radius:50%;background:#789087;animation:rbcDot 1.25s infinite}.rbc-typing i:nth-child(2){animation-delay:.15s}.rbc-typing i:nth-child(3){animation-delay:.3s}@keyframes rbcDot{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}
.rbc-compose{display:flex;align-items:flex-end;gap:8px;padding:10px 12px;background:#fff;border-top:1px solid #dce5e1;padding-bottom:max(10px,env(safe-area-inset-bottom))}.rbc-compose textarea{flex:1;resize:none;max-height:110px;padding:11px 14px;border:1px solid #ccd9d3;border-radius:21px;background:#f7faf8;font:inherit;font-size:14px;line-height:1.35;outline:0}.rbc-compose textarea:focus{border-color:#159368;box-shadow:0 0 0 3px rgba(21,147,104,.1)}.rbc-compose button{flex:0 0 43px;width:43px;height:43px;border:0;border-radius:50%;background:#11855e;color:#fff;font-size:20px;cursor:pointer}.rbc-compose button:disabled{opacity:.55}.rbc-attach{display:grid;place-items:center;width:38px;height:43px;color:#147a56;font-size:27px;cursor:pointer}.rbc-app footer{padding:5px;background:#fff;color:#86918c;text-align:center;font-size:9px}
.rbc-record-panel{flex:1;width:100%;display:flex;align-items:center;gap:10px;min-height:62px;padding:6px 8px;border:1px solid #d9e1dd;border-radius:32px;background:#f7f8f7}.rbc-record-panel[hidden]{display:none}.rbc-record-panel button{display:grid;place-items:center;flex:0 0 50px;width:50px;height:50px;border:0;border-radius:50%;font-weight:700}.rbc-record-delete{background:#ffe8eb!important;color:#d91845!important;font-size:27px!important}.rbc-record-pause{background:#edf2ef!important;color:#27322d!important;font-size:20px!important}.rbc-record-send{background:#111!important;color:#fff!important;font-size:24px!important}.rbc-record-panel b{font-size:18px;font-variant-numeric:tabular-nums}.rbc-record-wave{display:flex;align-items:center;justify-content:center;gap:3px;flex:1;min-width:45px;height:34px}.rbc-record-wave i{display:block;width:3px;border-radius:4px;background:#73847c;animation:rbcWave .8s ease-in-out infinite}.rbc-record-wave i:nth-child(1),.rbc-record-wave i:nth-child(5){height:8px}.rbc-record-wave i:nth-child(2),.rbc-record-wave i:nth-child(4){height:18px;animation-delay:.15s}.rbc-record-wave i:nth-child(3){height:30px;animation-delay:.3s}@keyframes rbcWave{50%{transform:scaleY(.45)}}
@media(min-width:761px){body.rbc-page{padding:20px}.rbc-app{height:calc(100dvh - 40px);border-radius:20px;overflow:hidden}.rbc-app header{padding-top:12px}}
.rbc-closed-notice{margin:8px 12px 14px;padding:12px 14px;text-align:center;background:#eef3f1;color:#53605a;border:1px solid #d8e2dd;border-radius:12px;font-size:13px}