/* ===== RTO Helpdesk extras: Services at a Glance + Chat assistant ===== */
.rqs,#rcb{--x-ink:#0B1437;--x-text:#4A5578;--x-muted:#7C86A6;--x-or:#F26A21;--x-or2:#D9530F;--x-or-soft:#FFF3EB;--x-blue:#1831BA;--x-blue-soft:#EEF2FE;--x-surface:#F6F8FC;--x-line:#E5E9F2;--x-ease:cubic-bezier(.22,.7,.2,1);--x-display:"Plus Jakarta Sans","Segoe UI",system-ui,-apple-system,sans-serif;--x-body:"Inter","Segoe UI",system-ui,-apple-system,sans-serif}

/* ---------- Chat assistant ---------- */
#rcb{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:99990;font-family:var(--x-body);color:var(--x-text);-webkit-font-smoothing:antialiased}
#rcb *,#rcb *::before,#rcb *::after{box-sizing:border-box}
#rcb button{font:inherit;color:inherit;margin:0;text-transform:none;letter-spacing:0;line-height:1.2;min-height:0;width:auto;box-shadow:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
#rcb button:focus{outline:none}
#rcb button:focus-visible,#rcb a:focus-visible,#rcb input:focus-visible{outline:3px solid #FBD8C3;outline-offset:2px}
/* launcher */
#rcb .rcb-fab{position:relative;display:flex;align-items:center;gap:10px;height:58px;padding:0 20px 0 8px!important;border:0!important;border-radius:999px!important;background:var(--x-or)!important;color:#fff!important;box-shadow:0 14px 30px -10px rgba(242,106,33,.7),0 4px 10px rgba(11,20,55,.12)!important;transition:transform .35s var(--x-ease),background .3s}
#rcb .rcb-fab:hover{background:var(--x-or2)!important;transform:translateY(-2px)}
#rcb .rcb-fab .rcb-av{width:42px;height:42px}
#rcb .rcb-fab-t{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left}
#rcb .rcb-fab-t b{font:800 15px/1 var(--x-display);color:#fff}
#rcb .rcb-fab-t small{font:500 12px/1 var(--x-body);color:#FFE3D2}
#rcb .rcb-fab::before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 0 rgba(242,106,33,.55);animation:rcbPulse 2.6s infinite}
@keyframes rcbPulse{0%{box-shadow:0 0 0 0 rgba(242,106,33,.5)}70%{box-shadow:0 0 0 16px rgba(242,106,33,0)}100%{box-shadow:0 0 0 0 rgba(242,106,33,0)}}
#rcb.is-open .rcb-fab{transform:scale(.6);opacity:0;pointer-events:none}
/* avatar */
#rcb .rcb-av{position:relative;flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;color:var(--x-or)}
#rcb .rcb-av svg{width:58%;height:58%;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#rcb .rcb-av::after{content:"";position:absolute;right:0;bottom:1px;width:11px;height:11px;border-radius:50%;background:#22C55E;border:2px solid #fff}
/* teaser bubble */
#rcb .rcb-tease{position:absolute;right:0;bottom:72px;width:248px;padding:14px 34px 14px 16px;background:#fff;border:1px solid var(--x-line);border-radius:16px 16px 4px 16px;box-shadow:0 18px 40px -18px rgba(11,20,55,.35);font-size:14.5px;line-height:1.5;color:var(--x-ink);opacity:0;transform:translateY(10px) scale(.96);transform-origin:bottom right;pointer-events:none;transition:opacity .4s var(--x-ease),transform .4s var(--x-ease)}
#rcb .rcb-tease.on{opacity:1;transform:none;pointer-events:auto;cursor:pointer}
#rcb .rcb-tease-x{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:24px;height:24px;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:var(--x-muted)!important}
#rcb .rcb-tease-x svg{width:14px;height:14px;fill:currentColor}
#rcb.is-open .rcb-tease{display:none}
/* panel */
#rcb .rcb-panel{position:absolute;right:0;bottom:0;display:flex;flex-direction:column;width:384px;height:min(620px,calc(100vh - 40px));background:#fff;border:1px solid var(--x-line);border-radius:22px;box-shadow:0 30px 70px -24px rgba(11,20,55,.45),0 6px 16px rgba(11,20,55,.08);overflow:hidden;opacity:0;transform:translateY(16px) scale(.97);transform-origin:bottom right;pointer-events:none;visibility:hidden;transition:opacity .35s var(--x-ease),transform .35s var(--x-ease),visibility 0s .35s}
#rcb.is-open .rcb-panel{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:opacity .35s var(--x-ease),transform .35s var(--x-ease),visibility 0s}
#rcb .rcb-hd{display:flex;align-items:center;gap:12px;padding:16px 14px 16px 18px;background:linear-gradient(135deg,#0B1437 0%,#1A2766 100%);color:#fff}
#rcb .rcb-hd-t{flex:1;min-width:0}
#rcb .rcb-hd-t b{display:block;font:800 16px/1.2 var(--x-display);color:#fff}
#rcb .rcb-hd-t small{display:block;margin-top:3px;font-size:12.5px;color:#C9D2F2}
#rcb .rcb-ic-btn{display:grid;place-items:center;width:36px;height:36px;padding:0!important;border:0!important;border-radius:10px!important;background:rgba(255,255,255,.1)!important;color:#fff!important;transition:background .25s}
#rcb .rcb-ic-btn:hover{background:rgba(255,255,255,.2)!important}
#rcb .rcb-ic-btn svg{width:18px;height:18px;fill:currentColor}
#rcb .rcb-body{flex:1;overflow-y:auto;padding:18px 16px 8px;background:var(--x-surface);scroll-behavior:smooth;overscroll-behavior:contain}
#rcb .rcb-msg{display:flex;gap:8px;margin:0 0 12px;animation:rcbIn .35s var(--x-ease) both}
@keyframes rcbIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
#rcb .rcb-msg .rcb-av{width:30px;height:30px;background:var(--x-or-soft)}
#rcb .rcb-msg .rcb-av::after{display:none}
#rcb .rcb-bub{max-width:84%;padding:11px 14px;border-radius:4px 16px 16px 16px;background:#fff;border:1px solid var(--x-line);font-size:14.5px;line-height:1.55;color:var(--x-ink);word-wrap:break-word}
#rcb .rcb-bub p{margin:0 0 6px}#rcb .rcb-bub p:last-child{margin:0}
#rcb .rcb-bub ul{margin:6px 0 2px;padding-left:18px}
#rcb .rcb-bub li{margin:2px 0}
#rcb .rcb-bub b{color:var(--x-ink)}
#rcb .rcb-msg.me{justify-content:flex-end}
#rcb .rcb-msg.me .rcb-bub{border-radius:16px 4px 16px 16px;background:var(--x-or);border-color:var(--x-or);color:#fff}
#rcb .rcb-acts{display:flex;flex-wrap:wrap;gap:8px;margin:-2px 0 14px 38px}
#rcb .rcb-act{display:inline-flex;align-items:center;gap:7px;padding:9px 13px!important;border-radius:999px!important;border:1px solid var(--x-line)!important;background:#fff!important;color:var(--x-ink)!important;font:650 13.5px/1.1 var(--x-display)!important;text-decoration:none!important;transition:border-color .25s,background .25s,color .25s,transform .25s var(--x-ease)}
#rcb .rcb-act:hover{border-color:var(--x-or)!important;color:var(--x-or2)!important;transform:translateY(-1px)}
#rcb .rcb-act svg{width:15px;height:15px;fill:currentColor;flex:none}
#rcb .rcb-act.wa{background:#22C55E!important;border-color:#22C55E!important;color:#fff!important}
#rcb .rcb-act.wa:hover{background:#16A34A!important;color:#fff!important}
#rcb .rcb-act.call{background:var(--x-ink)!important;border-color:var(--x-ink)!important;color:#fff!important}
#rcb .rcb-act.call:hover{background:var(--x-or)!important;border-color:var(--x-or)!important;color:#fff!important}
#rcb .rcb-typing .rcb-bub{display:flex;gap:4px;padding:14px 16px}
#rcb .rcb-typing i{width:7px;height:7px;border-radius:50%;background:#B7BFD6;animation:rcbDot 1s infinite}
#rcb .rcb-typing i:nth-child(2){animation-delay:.15s}#rcb .rcb-typing i:nth-child(3){animation-delay:.3s}
@keyframes rcbDot{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-4px);opacity:1}}
#rcb .rcb-ft{padding:10px 12px 12px;border-top:1px solid var(--x-line);background:#fff}
#rcb .rcb-form{display:flex;align-items:center;gap:8px;margin:0}
#rcb .rcb-in{flex:1;min-width:0;height:46px!important;margin:0!important;padding:0 14px!important;border:1px solid var(--x-line)!important;border-radius:999px!important;background:var(--x-surface)!important;color:var(--x-ink)!important;font:500 15px/1 var(--x-body)!important;box-shadow:none!important;outline:none}
#rcb .rcb-in:focus{border-color:var(--x-or)!important;background:#fff!important}
#rcb .rcb-send{display:grid;place-items:center;flex:none;width:46px;height:46px;padding:0!important;border:0!important;border-radius:50%!important;background:var(--x-or)!important;color:#fff!important;transition:background .25s,transform .25s var(--x-ease)}
#rcb .rcb-send:hover{background:var(--x-or2)!important;transform:scale(1.05)}
#rcb .rcb-send svg{width:20px;height:20px;fill:currentColor}
#rcb .rcb-note{margin:8px 4px 0;font-size:11.5px;line-height:1.4;color:var(--x-muted);text-align:center}
#rcb .rcb-note a{color:var(--x-muted);text-decoration:underline}
/* make room: move the theme's scroll-to-top button above the chat launcher */
#ast-scroll-top,.ast-scroll-top-icon{bottom:96px!important}
@media (max-width:560px){
  #rcb{right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px))}
  #rcb .rcb-fab{height:54px;padding:0 8px!important}
  #rcb .rcb-fab-t{display:none}
  #rcb .rcb-fab .rcb-av{width:38px;height:38px}
  #rcb .rcb-tease{bottom:66px;width:230px}
  #rcb.is-open{right:0;bottom:0;left:0;top:0;background:rgba(11,20,55,.45)}
  #rcb .rcb-panel{position:fixed;inset:auto 0 0 0;width:100%;height:calc(100% - 56px);max-height:none;border-radius:22px 22px 0 0;border-width:1px 0 0}
  #ast-scroll-top,.ast-scroll-top-icon{bottom:84px!important}
}
#rcb .rcb-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
