/* =========================================
   ZAGO CONSULTING — Chatbot Widget CSS
   ========================================= */
:root{--bg:#0E1111;--panel:#1C2321;--panel2:#151A1A;--gold:#D4AF37;--gold2:#AA7C11;--text:#FFFFFF;--muted:#C8C8C8;--line:rgba(212,175,55,.22);--user:#263637;--bot:#121818;--shadow:0 20px 55px rgba(0,0,0,.5)}
.zago-fab{position:fixed;right:20px;bottom:20px;z-index:99998;width:64px;height:64px;border-radius:999px;border:0;background:linear-gradient(180deg,var(--gold),#caa32d);color:var(--bg);box-shadow:var(--shadow);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease}
.zago-fab:hover{transform:translateY(-2px);background:linear-gradient(180deg,var(--gold2),#916b12)}
.zago-fab span{font-size:24px;font-weight:800}
.zago-chat{position:fixed;right:20px;bottom:96px;z-index:99999;width:min(440px,calc(100vw - 24px));height:min(760px,calc(100vh - 120px));background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);overflow:hidden;display:none;flex-direction:column;font-family:Inter,Arial,sans-serif}
.zago-chat.open{display:flex}
.zago-head{background:linear-gradient(180deg,#1C2321,#131818);border-bottom:1px solid var(--line);padding:14px 14px 12px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.zago-brand h2{margin:0;font-family:Cinzel,Georgia,serif;font-size:16px;color:var(--gold);letter-spacing:.4px}
.zago-brand p{margin:4px 0 0;font-size:12px;color:var(--muted);line-height:1.4}
.zago-close{border:0;background:transparent;color:var(--text);cursor:pointer;font-size:26px;line-height:1;padding:0 4px}
.zago-body{flex:1;overflow:auto;padding:14px;background:radial-gradient(circle at top right,rgba(212,175,55,.08),transparent 22%),radial-gradient(circle at bottom left,rgba(212,175,55,.05),transparent 18%),var(--bg)}
.zago-msg{max-width:86%;padding:11px 12px;border-radius:14px;margin:0 0 10px;line-height:1.5;font-size:14px;white-space:pre-wrap;border:1px solid rgba(255,255,255,.04)}
.zago-msg.bot{background:var(--bot);border-top-left-radius:4px}
.zago-msg.user{background:var(--user);margin-left:auto;border-top-right-radius:4px}
.zago-section-label{margin:14px 0 8px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}
.zago-carousel{display:flex;gap:10px;overflow:auto;padding-bottom:8px;scroll-snap-type:x mandatory}
.zago-card{min-width:180px;max-width:180px;scroll-snap-align:start;border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:12px;cursor:pointer;color:var(--text);text-align:left;transition:transform .2s ease,border-color .2s ease,background .2s ease;flex:0 0 auto}
.zago-card:hover{transform:translateY(-2px);border-color:var(--gold);background:var(--panel2)}
.zago-card .tag{display:inline-block;font-size:11px;color:var(--gold);margin-bottom:6px}
.zago-card strong{display:block;font-size:14px;margin-bottom:6px}
.zago-card span{font-size:12px;color:var(--muted);line-height:1.4}
.zago-quick{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:10px 0 0}
.zago-quick button{border:1px solid var(--line);background:#101616;color:var(--text);border-radius:12px;padding:10px;cursor:pointer;font-size:12px;text-align:left}
.zago-quick button:hover{border-color:var(--gold);color:var(--gold)}
.zago-form{margin-top:14px;border-top:1px solid var(--line);padding-top:14px}
.zago-form h3{margin:0 0 8px;font-size:14px;color:var(--gold);font-family:Cinzel,Georgia,serif}
.zago-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.zago-input,.zago-textarea,.zago-select{width:100%;border:1px solid var(--line);background:#0A0E0E;color:var(--text);border-radius:12px;padding:11px 12px;outline:none;font:inherit}
.zago-textarea{min-height:92px;resize:vertical;grid-column:1 / -1}
.zago-input:focus,.zago-textarea:focus,.zago-select:focus{border-color:var(--gold)}
.zago-submit{margin-top:8px;width:100%;border:0;border-radius:12px;padding:12px 14px;background:linear-gradient(180deg,var(--gold),#caa32d);color:var(--bg);font-weight:800;cursor:pointer}
.zago-submit:hover{background:linear-gradient(180deg,var(--gold2),#916b12)}
.zago-note{margin-top:8px;font-size:11px;color:var(--muted);line-height:1.45}
.zago-footer{padding:12px 14px 14px;border-top:1px solid var(--line);background:#111615;overflow-y:auto;max-height:360px}
.zago-inputbar{display:flex;gap:8px;align-items:flex-end;margin-top:10px;border-top:1px solid var(--line);padding-top:10px}
.zago-text{flex:1;min-height:40px;max-height:100px;resize:none;background:#0A0E0E;border:1px solid var(--line);border-radius:12px;color:var(--text);padding:10px 12px;font:inherit;outline:none}
.zago-text:focus{border-color:var(--gold)}
.zago-send{border:0;background:var(--gold);color:var(--bg);border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:700;white-space:nowrap}
.zago-send:hover{background:var(--gold2)}
@media(max-width:520px){.zago-chat{right:10px;left:10px;width:auto;bottom:84px;height:76vh}.zago-fab{right:14px;bottom:14px}.zago-grid{grid-template-columns:1fr}.zago-quick{grid-template-columns:1fr 1fr}}
