*{box-sizing:border-box}
:root{--bg:#111;--panel:#1b1b1b;--gold:#e8bf2f;--white:#f5f5f5}
html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;background:repeating-linear-gradient(135deg,#111 0,#111 4px,#151515 4px,#151515 8px);color:var(--white)}
a{text-decoration:none;color:inherit}
.assistant-page-top{height:48px;display:flex;align-items:center;padding:0 18px;background:#0b0b0b;border-bottom:1px solid #6c5410;color:var(--gold);font-weight:800}
.chat-shell{width:min(390px,calc(100vw - 24px));height:650px;margin:24px auto;display:flex;flex-direction:column;overflow:hidden;background:#1b1b1b;border:1px solid var(--gold);border-radius:22px;box-shadow:0 20px 70px rgba(0,0,0,.55)}
.brand{flex:0 0 auto;text-align:center;padding:18px 14px 16px;background:linear-gradient(180deg,#1d1d1d,#111);border-bottom:1px solid #5e4b0f}
.brand-logo-wrap{width:86px;height:86px;margin:0 auto 10px;overflow:hidden;border-radius:8px;background:#171717}
.brand-logo-wrap img{width:100%;height:100%;object-fit:cover;display:block}
.brand h1{margin:0;color:var(--gold);font-size:27px;line-height:1.05;letter-spacing:1px}
.subtitle{margin-top:6px;font-size:13px;font-weight:800;letter-spacing:6px}
.online{margin-top:5px;color:var(--gold);font-size:10px;font-weight:800;letter-spacing:2px}
.chat{flex:1 1 auto;min-height:0;overflow-y:auto;padding:14px;scrollbar-width:thin;scrollbar-color:#9b7b12 #202020}
.chat>*{max-width:100%}
.composer{flex:0 0 auto;display:flex;gap:8px;padding:10px;background:#111;border-top:1px solid #4e3d0b}
.composer input{min-width:0;flex:1;height:44px;padding:0 12px;border:1px solid #777;border-radius:10px;outline:none;font-size:14px;color:#111;background:#fff}
.composer button{flex:0 0 auto;height:44px;padding:0 16px;border:1px solid var(--gold);border-radius:10px;background:var(--gold);color:#111;font-weight:900;cursor:pointer}
.footer-brand{flex:0 0 auto;padding:7px;text-align:center;color:var(--gold);background:#0d0d0d;font-size:9px;font-weight:800;letter-spacing:2px}
.chat button{width:100%;margin:5px 0;padding:11px 12px;border:1px solid var(--gold);border-radius:10px;background:#292929;color:#fff;font-weight:800;text-align:left;cursor:pointer}
.message{margin:7px 0;padding:10px 12px;border-radius:12px;line-height:1.45;font-size:14px}
.message.bot{background:#f2f2f2;color:#111;border-left:4px solid var(--gold)}
.message.user{background:#3a310e;color:#fff;border-right:4px solid var(--gold)}
.message-title{font-weight:900;margin-bottom:8px}
.reserve,.chat-link{display:block;margin:8px 0;color:#c78cff;text-decoration:underline;font-weight:800}
.back{background:#292929!important}
.whatsapp-link{color:#35d36b}
@media(max-width:720px){.chat-shell{height:calc(100vh - 72px);margin:12px auto;border-radius:18px}}