/* tommy.css */#tommy-launcher{position:fixed; right:20px; bottom:20px; width:56px; height:56px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#111; color:#fff; font-size:26px; cursor:pointer; z-index:9999; box-shadow:0 10px 24px rgba(0,0,0,.18);} #tommy-panel{position:fixed; right:18px; bottom:86px; width:360px; max-height:76vh; background:#fff; border:1px solid #e5e7eb; border-radius:16px; overflow:hidden; box-shadow:0 18px 42px rgba(0,0,0,.2); z-index:9999; display:none; font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial; display:flex; flex-direction:column;} .tommy-head{ padding:14px 16px; background:#111; color:#fff; font-weight:700; letter-spacing:.2px; } .tommy-body{ flex:1 1 auto; overflow:auto; padding:12px; background:#fafafa; } .tommi-msg{ display:flex; margin:8px 0; } .tommi-msg.user{ justify-content:flex-end; } .tommi-bubble{ max-width:78%; padding:10px 12px; border-radius:14px; line-height:1.35; font-size:14px; background:#111; color:#fff; } .tommi-msg.user .tommi-bubble{ background:#e5e7eb; color:#111; } .tommi-bubble.welcome{ background:#fff; color:#000; border:2px solid #000; font-weight:800; font-size:15px; } #tommy-suggest{ padding:10px 12px; background:#fff; border-top:1px solid #eef2f7; display:flex; gap:6px; flex-wrap:wrap; } #tommy-suggest button{ border:1px solid #e5e7eb; background:#ffffff; color:#111; padding:6px 10px; border-radius:999px; cursor:pointer; font-size:12px; } .tommy-foot{ display:flex; gap:8px; padding:10px; background:#fff; border-top:1px solid #eef2f7; flex:0 0 auto; align-items:center; position: relative; z-index: 1000; } #tommy-input{ flex:1; border:1px solid #e5e7eb; border-radius:999px; padding:10px 12px; outline:none; min-width:0; background:#fff !important; color:#000 !important; pointer-events:auto !important; position: relative; z-index: 1000 !important; } #tommy-send{ border:none; border-radius:999px; padding:10px 14px; background:#111; color:#fff; cursor:pointer; position: relative; z-index: 1000; } @media (max-width:480px){ #tommy-panel{ right:10px; width:92vw; max-height:82vh; } #tommy-launcher{ right:10px; bottom:10px; } }