:root{
  --dg-brand:#0ea5e9; --dg-panel:#0e172a; --dg-text:#e6edf6; --dg-muted:#98a2b3; --dg-border:#1f2a3c; --dg-bubble:#0a1221; --dg-quick:#102038;
}
.dg-launcher{
  position:fixed; right:18px; bottom:18px; width:58px; height:58px; border-radius:50%;
  background:var(--dg-brand); color:#fff; border:none; display:grid; place-items:center;
  cursor:pointer; z-index:2147483000; box-shadow:0 12px 36px rgba(0,0,0,.35); transition:transform .18s ease;
}
.dg-launcher:hover{ transform:translateY(-2px) }
.dg-launcher svg{ width:26px; height:26px; display:block; margin:auto } /* centrirano */

.dg-panel{
  position:fixed; right:18px; bottom:86px; width:380px; max-width:calc(100vw - 24px);
  background:var(--dg-panel); color:var(--dg-text);
  border:1px solid var(--dg-border); border-radius:18px; box-shadow:0 12px 36px rgba(0,0,0,.35); overflow:hidden;
  z-index:2147483000; transform-origin:100% 100%; transform:scale(.98) translateY(8px); opacity:0; pointer-events:none; transition:.18s;
}
.dg-panel.open{ opacity:1; transform:scale(1) translateY(0); pointer-events:auto }

.dg-head{ display:flex; align-items:center; gap:10px; padding:14px 16px; border-bottom:1px solid var(--dg-border) }
.dg-logo{ width:30px; height:30px; border-radius:12px; background:linear-gradient(135deg, var(--dg-brand), #59d0ff); display:grid; place-items:center }
.dg-title{ font-weight:800; font-size:15px }
.dg-sub{ font-size:12px; color:var(--dg-muted) }

.dg-chat{ height:340px; overflow:auto; padding:12px; background:linear-gradient(180deg, #0e172a, #0b1220) }
.dg-msg{ display:flex; gap:8px; margin:10px 0; align-items:flex-end }
.dg-msg .bubble{ max-width:85%; padding:10px 12px; border-radius:14px; border:1px solid var(--dg-border); background:var(--dg-bubble) }
.dg-msg.me{ justify-content:flex-end }
.dg-msg.me .bubble{ background:#0b1528; border-color:#21324b }
.dg-time{ font-size:11px; color:var(--dg-muted); margin-top:6px }

.dg-quick{ display:flex; gap:8px; flex-wrap:wrap; margin:6px 0 4px }
.dg-quick button{
  background:var(--dg-quick); border:1px solid var(--dg-border); color:var(--dg-text);
  padding:8px 10px; border-radius:10px; cursor:pointer;
  transition:background .2s,color .2s, transform .1s;
}
.dg-quick button:hover{ background:var(--dg-brand); color:#fff }
.dg-quick button:active{ transform:scale(.98) }

.dg-input{ display:flex; gap:8px; padding:10px; border-top:1px solid var(--dg-border); background:#0b1220 }
.dg-input input{ flex:1; border:1px solid var(--dg-border); background:#0a1221; color:var(--dg-text); padding:12px; border-radius:12px; outline:none }
.dg-input button{ background:var(--dg-brand); color:#fff; border:none; padding:0 14px; border-radius:12px; font-weight:700; cursor:pointer }

.dg-link{ display:inline-flex; align-items:center; gap:8px; background:#0f1f35; border:1px solid #1e3353; padding:8px 10px; border-radius:10px }
.dg-link a{ color:#8dd9ff; text-decoration:none }

@media (max-width:430px){ .dg-chat{ height:58vh } }