.ai88{max-width:1100px;margin:0 auto;color:#172538}.ai88Tabs{display:flex;gap:8px;padding:12px;background:#fff;border-bottom:1px solid #dfe8e8;position:sticky;top:0;z-index:2}.ai88Tabs button{background:#eef7f4;color:#287c67;border:1px solid #cfe5de}.ai88Tabs button.active{background:#20a77d;color:#fff}.ai88Panel{background:#fff;border:1px solid #dce8e8;border-radius:14px;overflow:hidden}.ai88Intro{padding:12px 18px;background:#edf9f5;color:#41665e}.ai88Log{height:min(58vh,620px);min-height:360px;overflow:auto;padding:18px;background:#f6faf9;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}.ai88Bubble{max-width:82%;padding:11px 14px;border-radius:14px;white-space:pre-wrap;overflow-wrap:anywhere}.ai88Bubble.user{align-self:flex-end;background:#217c68;color:#fff}.ai88Bubble.assistant{align-self:flex-start;background:#fff;border:1px solid #d6e4e1}.ai88Bubble small{display:block;opacity:.65;margin-top:5px}.ai88Composer{padding:12px;background:#fff;border-top:1px solid #dce8e8}.ai88Composer textarea{min-height:86px;background:#fff;color:#172538;border-color:#cddddd}.ai88ComposerActions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}.ai88Attach{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border:1px solid #cfe0dc;border-radius:9px;cursor:pointer}.ai88Attach input{display:none}.ai88File{font-size:13px;color:#58716b}.ai88Knowledge{padding:18px}.ai88Knowledge textarea{min-height:52vh;background:#fff;color:#172538;border-color:#cddddd}.ai88Hint{padding:12px;border-radius:10px;background:#fff8dc;color:#6c551c;margin-bottom:12px}.ai88Cards{display:grid;gap:10px;padding:18px}.ai88Card{padding:14px;border:1px solid #dce8e8;border-radius:11px;background:#fff}.ai88Card.pending{border-left:5px solid #e2a832}.ai88Card.done{border-left:5px solid #2ca77c}.ai88Danger{background:#fff1f1!important;color:#a33!important;border-color:#e9caca!important}.ai88ChibiStage{align-self:flex-start;display:flex;align-items:flex-end;gap:0;max-width:94%;animation:ai88Appear .25s ease-out}.ai88Chibi{flex:0 0 210px;width:210px;aspect-ratio:640/853;background-image:url('./assets/chibi-ai-assistant.jpg');background-repeat:no-repeat;background-size:200% 100%;filter:drop-shadow(0 6px 9px #0004)}.ai88Chibi.thinking{background-position:right center}.ai88Chibi.speaking{background-position:left center}.ai88ThinkingText{align-self:center;display:flex;align-items:center;gap:5px;margin-left:-28px;padding:12px 16px;border:1px solid #c9ab72;border-radius:16px;background:#fff7e4;color:#4b331d;box-shadow:0 5px 14px #0002}.ai88ThinkingText span{width:7px;height:7px;border-radius:50%;background:#7a4c25;animation:ai88Dots 1s infinite}.ai88ThinkingText span:nth-of-type(2){animation-delay:.15s}.ai88ThinkingText span:nth-of-type(3){animation-delay:.3s}.ai88TypingBubble{position:relative;align-self:center;min-width:210px;max-width:560px;min-height:64px;margin-left:-24px;padding:15px 18px;border:1px solid #c9ab72;border-radius:16px;background:#fffdf7;color:#20160e;font-size:16px;line-height:1.5;white-space:pre-wrap;box-shadow:0 5px 14px #0002}.ai88TypingBubble:before{content:'';position:absolute;left:-13px;top:28px;border-width:9px 13px 9px 0;border-style:solid;border-color:transparent #c9ab72 transparent transparent}.ai88TypingBubble:after{content:'';position:absolute;left:-11px;top:29px;border-width:8px 12px 8px 0;border-style:solid;border-color:transparent #fffdf7 transparent transparent}.ai88TypingBubble i{display:inline-block;width:2px;height:1.1em;margin-left:2px;background:#2c7866;vertical-align:-2px;animation:ai88Cursor .7s steps(1) infinite}@keyframes ai88Dots{0%,70%,100%{transform:translateY(0);opacity:.35}35%{transform:translateY(-5px);opacity:1}}@keyframes ai88Cursor{50%{opacity:0}}@keyframes ai88Appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:700px){.ai88Tabs{overflow:auto}.ai88Bubble{max-width:94%}.ai88Log{height:54vh}.ai88ComposerActions button{flex:1}.ai88Chibi{flex-basis:135px;width:135px}.ai88ThinkingText{margin-left:-18px;padding:9px}.ai88ThinkingText b{font-size:13px}.ai88TypingBubble{min-width:0;margin-left:-14px;padding:11px 13px;font-size:14px}}
/* Build 20.9: AI assistant fits phones and never blocks page scrolling. */
.ai88Panel{max-width:100%;min-width:0;overflow:hidden}
.ai88Log{overflow:auto;overscroll-behavior:contain}
.ai88ActionsHeading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.ai88ActionsHeading h3{margin:0}.ai88LogControls{display:flex;gap:7px;align-items:center}.ai88LogControls select{width:auto;min-width:190px;background:#fff;color:#172538;border:1px solid #cddddd;border-radius:8px;padding:7px 9px}
.ai88Composer textarea,.ai88Knowledge textarea{max-width:100%;box-sizing:border-box}
@media(max-width:760px){
  .ai88Panel{width:100%;max-height:calc(100dvh - 76px);border-radius:10px}
  .ai88Tabs{display:flex;overflow-x:auto}
  .ai88Tabs button{flex:0 0 auto;font-size:11px;padding:7px 9px}
  .ai88Intro{font-size:11px;padding:7px}
  .ai88Log{min-height:180px;max-height:48dvh;padding:7px}
  .ai88Bubble{max-width:94%;font-size:12px}
  .ai88Composer{padding:7px}
  .ai88ComposerActions{display:flex;gap:5px;overflow-x:auto;align-items:center}
  .ai88ComposerActions button,.ai88Attach{flex:0 0 auto;font-size:10px;padding:6px 8px}
  .ai88Cards,.ai88Knowledge{max-height:65dvh;overflow:auto;padding:8px}
}
.ai44ClientLinks{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.ai44ClientLinks button{border:1px solid #8bcbb9;background:#eaf8f3;color:#176d58;border-radius:999px;padding:6px 10px;font-weight:700;box-shadow:none}.ai44ClientLinks button:hover{background:#d7f2e8}
.ai88Older{align-self:center;border:1px solid #c7aa73;border-radius:999px;background:#fff8e8;color:#714c1d;padding:8px 14px;font-weight:700;cursor:pointer}