﻿
.zza-chat-launcher,.zza-chat-panel,.zza-chat-panel *{box-sizing:border-box;font-family:"IBM Plex Sans",Arial,sans-serif}
.zza-chat-launcher{position:fixed;right:24px;bottom:24px;z-index:10000;display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:8px 16px 8px 9px;border:1px solid rgba(184,170,255,.42);border-radius:999px;background:linear-gradient(135deg,rgba(34,45,123,.97),rgba(102,65,217,.97));color:#fff;box-shadow:0 18px 50px rgba(3,7,35,.42),inset 0 1px 0 rgba(255,255,255,.16);cursor:pointer;font-weight:700;font-size:15px;transition:.18s ease}
.zza-chat-launcher:hover{transform:translateY(-2px);box-shadow:0 24px 60px rgba(3,7,35,.52),0 0 30px rgba(116,95,255,.2)}
.zza-chat-launcher__logo,.zza-chat-header__logo{width:40px;height:40px;object-fit:contain}
.zza-chat-panel{position:fixed;right:24px;bottom:94px;z-index:10001;width:min(390px,calc(100vw - 32px));height:min(610px,calc(100vh - 130px));display:none;grid-template-rows:auto auto 1fr auto auto;overflow:hidden;border:1px solid rgba(184,170,255,.30);border-radius:24px;color:#f8f7ff;background:radial-gradient(circle at 88% 0%,rgba(112,94,255,.27),transparent 34%),linear-gradient(160deg,rgba(10,18,63,.985),rgba(24,17,68,.985));box-shadow:0 30px 90px rgba(1,5,31,.62),inset 0 1px 0 rgba(255,255,255,.09);backdrop-filter:blur(22px) saturate(145%)}
.zza-chat-panel.is-open{display:grid}.zza-chat-header{display:flex;align-items:center;gap:11px;padding:16px;border-bottom:1px solid rgba(255,255,255,.10)}.zza-chat-header__copy{min-width:0;flex:1}.zza-chat-header__title{margin:0;font-size:17px;font-weight:700;color:#fff}.zza-chat-header__status{margin:3px 0 0;font-size:12px;color:#bdb8dc}
.zza-chat-close{width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.07);color:#fff;cursor:pointer;font-size:22px}.zza-chat-notice{margin:0;padding:10px 16px;background:rgba(92,83,188,.13);border-bottom:1px solid rgba(255,255,255,.07);color:#bcb8d6;font-size:11.5px;line-height:1.45}
.zza-chat-messages{overflow-y:auto;padding:16px}.zza-message{max-width:86%;margin:0 0 12px;padding:11px 13px;border-radius:16px;font-size:14px;line-height:1.48;white-space:pre-wrap}.zza-message--assistant{margin-right:auto;background:rgba(255,255,255,.085);border:1px solid rgba(255,255,255,.09);color:#f0effa;border-bottom-left-radius:6px}.zza-message--user{margin-left:auto;background:linear-gradient(135deg,rgba(80,93,220,.88),rgba(116,70,220,.88));color:#fff;border-bottom-right-radius:6px}
.zza-chat-suggestions{display:flex;gap:7px;overflow-x:auto;padding:0 16px 12px}.zza-suggestion{flex:0 0 auto;border:1px solid rgba(182,173,255,.22);border-radius:999px;padding:7px 10px;background:rgba(255,255,255,.055);color:#dedbf4;cursor:pointer;font-size:12px}.zza-suggestion:hover{background:rgba(114,93,235,.18);color:#fff}
.zza-chat-form{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;border-top:1px solid rgba(255,255,255,.10);background:rgba(4,8,37,.42)}.zza-chat-input{width:100%;height:44px;border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:0 13px;background:rgba(255,255,255,.075);color:#fff;font-size:14px}.zza-chat-input::placeholder{color:#9f9bbd}.zza-chat-send{width:44px;height:44px;border:0;border-radius:14px;background:linear-gradient(135deg,#5567da,#8052e8);color:#fff;cursor:pointer;font-size:18px;font-weight:700}
.zza-chat-footer{display:flex;justify-content:space-between;gap:12px;padding:0 14px 12px;background:rgba(4,8,37,.42);color:#9793b5;font-size:11px}.zza-chat-footer a{color:#c9c5ee;text-decoration:none}
@media(max-width:600px){.zza-chat-launcher{right:14px;bottom:14px}.zza-chat-panel{right:8px;bottom:76px;width:calc(100vw - 16px);height:min(680px,calc(100vh - 92px));border-radius:20px}}

/* Ask ZenZonApp V1 visual cleanup */
.zza-chat-suggestions {
  scrollbar-width: none;
}

.zza-chat-suggestions::-webkit-scrollbar {
  display: none;
}

.zza-chat-panel {
  max-width: calc(100vw - 32px);
}

.zza-chat-input {
  outline: none;
}

.zza-chat-input:focus {
  border-color: rgba(86, 219, 203, .85);
  box-shadow: 0 0 0 2px rgba(86, 219, 203, .16);
}
