#panel-komunikasi-utama{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;height:100dvh;z-index:10500 !important;background:var(--void-black);display:flex;flex-direction:column;overflow:hidden;font-family:'Outfit','Plus Jakarta Sans',sans-serif;animation:slideUp 0.3s cubic-bezier(0.4,0,0.2,1);color:var(--text-main);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.chat-header{background:var(--surface-solid-1) !important;padding:10px 14px;padding-top:max(10px,env(safe-area-inset-top,10px));border-bottom:1px solid var(--border-gold-subtle);display:flex;justify-content:space-between;align-items:center;flex-shrink:0;position:relative;z-index:5}.chat-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;scroll-behavior:smooth;overflow-anchor:auto;contain:content}.chat-body::-webkit-scrollbar{width:0px}.chat-footer{background:var(--surface-solid-1) !important;padding:10px 14px;padding-bottom:max(12px,calc(env(safe-area-inset-bottom,8px) + 6px));border-top:1px solid var(--border-gold-subtle);display:flex;flex-direction:column;flex-shrink:0;position:relative;z-index:5}.msg-bubble{display:flex;flex-direction:row;align-items:flex-end;gap:6px;width:fit-content;max-width:86%;padding:7px 11px;border-radius:12px;font-size:0.85rem;line-height:1.35;margin-bottom:6px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.msg-bubble.msg-katalog-card{flex-direction:column !important;align-items:flex-end !important;padding:8px !important;max-width:88% !important}.msg-content p{margin:0;padding:0;word-break:break-word;color:var(--text-main)}.msg-time{font-size:0.6rem;color:var(--text-muted);margin-bottom:-1px;white-space:nowrap}.msg-mitra,.msg-driver{align-self:flex-end;background:var(--surface-solid-1) !important;color:var(--text-main);border-bottom-right-radius:3px;border:1px solid var(--neon-gold)}.msg-klien{align-self:flex-start;background:var(--surface-solid-2) !important;color:var(--text-main);border-bottom-left-radius:3px;border:1px solid var(--border-cyber)}.chat-input-row{display:flex;align-items:center;gap:8px}.btn-action-plus{background:var(--neon-gold-glow);color:var(--neon-gold);border:1px solid var(--border-gold-subtle);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;transition:transform 0.3s}.btn-mic,.btn-send{background:transparent;color:var(--neon-gold);border:1px solid var(--neon-gold);width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;flex-shrink:0}.btn-send{background:var(--neon-gold);color:#090d16;border:none}body.light-mode .btn-send,[data-theme="light"] .btn-send{color:#ffffff}#panel-komunikasi-utama input.chat-input,input.tpl-chat-teks.chat-input{flex:1;background-color:var(--card-bg-2) !important;border:1.5px solid var(--border-gold-subtle) !important;padding:9px 16px !important;border-radius:22px !important;font-size:0.9rem !important;font-weight:500 !important;color:var(--text-main) !important;caret-color:var(--neon-gold) !important;outline:none !important;height:42px !important;box-sizing:border-box !important;box-shadow:inset 0 2px 6px rgba(0,0,0,0.08) !important;-webkit-text-fill-color:var(--text-main) !important;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}#panel-komunikasi-utama input.chat-input:focus{border-color:var(--neon-gold) !important;background-color:var(--card-bg-1) !important}#panel-komunikasi-utama input.chat-input::placeholder{color:var(--text-muted) !important;-webkit-text-fill-color:var(--text-muted) !important;opacity:1 !important}.hidden-state{display:none !important}.chat-tools-hidden{display:flex;gap:8px;overflow:hidden;max-height:0;opacity:0;transition:all 0.3s ease;margin-bottom:0}.chat-tools-hidden.show-tools{max-height:42px;opacity:1;margin-top:8px}.tool-btn-sm{flex:1;background:var(--neon-gold-glow);border:1px solid var(--border-gold-subtle);color:var(--neon-gold);border-radius:10px;padding:8px;font-size:0.72rem;font-weight:700;display:flex;justify-content:center;align-items:center;gap:6px;cursor:pointer}.image-wrapper{transition:transform 0.2s ease}.image-wrapper:active{transform:scale(0.96)}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(0.8)}100%{opacity:1;transform:scale(1)}}@keyframes slideLeftHint{0%{transform:translateX(0);opacity:1}70%{transform:translateX(-15px);opacity:0}100%{transform:translateX(0);opacity:0}}@keyframes slideUpArrow{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-8px);opacity:0}}.tpl-recording-ui.active{transform:translateY(0) !important;opacity:1 !important;pointer-events:auto !important}.tpl-lock-indicator.show{opacity:1 !important;transform:translateY(0) !important}@keyframes bgnRadarWave{0%{transform:scale(0.75);opacity:0.85}70%{transform:scale(1.65);opacity:0}100%{transform:scale(1.75);opacity:0}}.bgn-radar-wave-box{position:relative;width:48px;height:48px;border-radius:50%;background:var(--emerald-bg-soft);border:1.5px solid var(--neon-green);display:flex;align-items:center;justify-content:center;color:var(--neon-green);font-size:1.15rem;margin:0 auto 4px auto;box-shadow:0 0 18px rgba(16,185,129,0.24)}.bgn-radar-wave-box::before,.bgn-radar-wave-box::after{content:'';position:absolute;inset:-6px;border-radius:50%;border:1.5px solid rgba(16,185,129,0.55);animation:bgnRadarWave 2.2s infinite cubic-bezier(0.25,0.8,0.25,1);pointer-events:none}.bgn-radar-wave-box::after{inset:-12px;border-color:var(--border-gold-subtle);animation-delay:0.9s}