/* AiBox navigation and AI chat v1.3; isolated to Super App pages */
nav.aibox-nav-consistent {
  position: fixed !important; inset: auto 0 0 0 !important;
  z-index: 1200 !important; width:100% !important; box-sizing:border-box !important;
  display:grid !important; grid-template-columns: repeat(5,minmax(0,1fr)) !important;
  gap:0 !important; align-items:center !important;
  padding:8px 7px calc(8px + env(safe-area-inset-bottom,0px)) !important;
  background:rgba(8,19,39,.98) !important;
  border-top:1px solid rgba(167,190,227,.25) !important;
  box-shadow:0 -8px 28px rgba(0,0,0,.27) !important;
  backdrop-filter:blur(15px);
}
nav.aibox-nav-consistent a {
  min-width:0 !important; display:flex !important; flex-direction:column !important;
  align-items:center !important; justify-content:center !important; gap:3px !important;
  padding:4px 1px !important; background:none !important; text-decoration:none !important;
  font:600 11px/1.2 system-ui,sans-serif !important; color:#a5b9d6 !important;
  white-space:nowrap !important; text-align:center !important;
}
nav.aibox-nav-consistent a[aria-current="page"],nav.aibox-nav-consistent a:focus-visible {color:#81e5ff !important;}
nav.aibox-nav-consistent .aibox-nav-glyph {display:block !important; font:500 21px/24px system-ui,sans-serif !important;}
nav.aibox-nav-consistent .aibox-nav-label {font-size:11px !important; color:inherit !important;}
body.ab-app,body.ac-root {padding-bottom:calc(90px + env(safe-area-inset-bottom,0px)) !important;}
@media(max-width:360px) {nav.aibox-nav-consistent .aibox-nav-label {font-size:10px !important;}}
/* Actual AiBox AI dialog on Super App home */
.ab-ai-dialog {color:#e7f0ff; background:#101d36; border:1px solid #354b72; border-radius:22px;
  padding:0; margin:auto; width:min(94vw,540px); max-height:min(82vh,760px); box-shadow:0 22px 80px rgba(0,0,0,.7);
  position:fixed; z-index:2000; font:14px/1.55 system-ui,sans-serif; overflow:hidden;}
.ab-ai-dialog::backdrop {background:rgba(2,8,23,.8); backdrop-filter:blur(5px);}
.ab-ai-dialog[open] {display:flex;flex-direction:column;}
.ab-ai-head {display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 19px;
  background:linear-gradient(120deg,#1c3159,#132344); border-bottom:1px solid #34496a;}
.ab-ai-head strong {display:block;font-size:18px;}.ab-ai-head small {display:block;font-size:11px;color:#b7c9e8;}
.ab-ai-close {border:1px solid #59719a;background:transparent;border-radius:10px;color:#fff;font-size:25px;width:39px;height:39px;cursor:pointer;}
.ab-ai-messages {min-height:180px;max-height:45vh;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:19px;}
.ab-ai-welcome {color:#b7c9e8; margin:0;}.ab-ai-bubble {max-width:90%;padding:11px 14px; border:1px solid #334b71;
 border-radius:14px;white-space:pre-wrap; overflow-wrap:anywhere; margin:0; background:#182a49;}
.ab-ai-bubble.user {align-self:flex-end;background:#204e73;border-color:#36688c;}
.ab-ai-bubble.assistant {align-self:flex-start;}.ab-ai-bubble.error {color:#ffb4b4;border-color:#8c4e59;}
.ab-ai-form {display:flex;gap:9px;padding:12px 16px 8px;border-top:1px solid #34496a;}
.ab-ai-form textarea {flex:1;min-width:0;border-radius:11px;border:1px solid #4b6288;background:#0a152b;color:#eaf2ff;
 padding:10px 12px;resize:vertical;font:14px/1.45 system-ui,sans-serif;max-height:125px;}
.ab-ai-form button {background:#69d6f3;border:0;border-radius:10px;padding:10px 18px;color:#071e35;font-weight:800;cursor:pointer;align-self:end;}
.ab-ai-form button:disabled {opacity:.55;cursor:wait;}
.ab-ai-notice {font-size:10px;color:#b8c9e1;margin:0;padding:0 17px 13px;}
.ab-ai-sr {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);}
@media(max-width:640px){.ab-ai-dialog {width:calc(100vw - 20px); max-height:calc(100dvh - 90px); margin:auto auto calc(84px + env(safe-area-inset-bottom,0px));}
.ab-ai-messages{max-height:42dvh;min-height:140px;}}