:root {
  --dh-bg:#050505;
  --dh-panel:#0b0b0d;
  --dh-panel-2:#111116;
  --dh-gold:#d7a84f;
  --dh-gold-2:#f1d08a;
  --dh-text:#f7f4ec;
  --dh-muted:#b7b0a4;
  --dh-border:rgba(215,168,79,.35);
  --dh-danger:#ff6b6b;
  --dh-success:#4ade80;
}
#dhmk-agent-root * { box-sizing:border-box; }
.dhmk-agent-button {
  position:fixed; right:22px; bottom:22px; z-index:999999;
  border:1px solid var(--dh-border); border-radius:999px;
  background:linear-gradient(135deg,#090909,#16120a 55%,#2b1f0b);
  color:var(--dh-text); box-shadow:0 18px 50px rgba(0,0,0,.45),0 0 35px rgba(215,168,79,.18);
  padding:13px 18px; display:flex; gap:10px; align-items:center;
  font:700 14px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  cursor:pointer; transition:.2s ease; letter-spacing:.2px;
}
.dhmk-agent-button:hover { transform:translateY(-2px); box-shadow:0 22px 60px rgba(0,0,0,.55),0 0 45px rgba(215,168,79,.25); }
.dhmk-agent-dot { width:10px; height:10px; border-radius:50%; background:var(--dh-success); box-shadow:0 0 14px var(--dh-success); }
.dhmk-agent-window {
  position:fixed; right:22px; bottom:88px; z-index:999999;
  width:min(410px,calc(100vw - 28px)); max-height:min(720px,calc(100vh - 110px));
  background:radial-gradient(circle at top right,rgba(215,168,79,.14),transparent 35%),linear-gradient(180deg,var(--dh-panel),var(--dh-bg));
  border:1px solid var(--dh-border); border-radius:24px; overflow:hidden;
  box-shadow:0 30px 100px rgba(0,0,0,.65), inset 0 1px 0 rgba(255,255,255,.04);
  display:none; font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
.dhmk-agent-window.is-open { display:flex; flex-direction:column; }
.dhmk-agent-header { padding:18px 18px 14px; border-bottom:1px solid rgba(255,255,255,.08); display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }
.dhmk-agent-brand { display:flex; gap:12px; align-items:center; }
.dhmk-agent-logo { width:42px; height:42px; border-radius:14px; display:grid; place-items:center; background:linear-gradient(135deg,var(--dh-gold),#6f4a12); color:#050505; font-weight:900; letter-spacing:-1px; }
.dhmk-agent-title { color:var(--dh-text); font-weight:850; font-size:15px; margin:0; }
.dhmk-agent-subtitle { color:var(--dh-muted); font-size:12px; margin:3px 0 0; }
.dhmk-agent-close { background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.09); color:var(--dh-text); border-radius:12px; width:34px; height:34px; cursor:pointer; font-size:18px; }
.dhmk-agent-messages { padding:16px; overflow-y:auto; min-height:330px; scroll-behavior:smooth; }
.dhmk-agent-msg { margin:0 0 12px; padding:12px 13px; border-radius:16px; font-size:14px; line-height:1.45; max-width:92%; white-space:pre-wrap; }
.dhmk-agent-bot { color:var(--dh-text); background:rgba(255,255,255,.065); border:1px solid rgba(255,255,255,.08); border-top-left-radius:6px; }
.dhmk-agent-user { color:#0a0a0a; background:linear-gradient(135deg,var(--dh-gold-2),var(--dh-gold)); margin-left:auto; border-top-right-radius:6px; font-weight:650; }
.dhmk-agent-options { display:grid; gap:8px; margin:10px 0 14px; }
.dhmk-agent-option { width:100%; text-align:left; border:1px solid var(--dh-border); border-radius:14px; background:rgba(215,168,79,.08); color:var(--dh-text); padding:11px 12px; cursor:pointer; font-weight:700; font-size:13px; transition:.16s ease; }
.dhmk-agent-option:hover { background:rgba(215,168,79,.16); transform:translateX(2px); }
.dhmk-agent-inputbar { border-top:1px solid rgba(255,255,255,.08); padding:12px; display:flex; gap:8px; background:rgba(0,0,0,.2); }
.dhmk-agent-input { flex:1; min-width:0; border:1px solid rgba(255,255,255,.12); background:#08080a; color:var(--dh-text); border-radius:14px; padding:12px; outline:none; font-size:14px; }
.dhmk-agent-input:focus { border-color:var(--dh-gold); box-shadow:0 0 0 3px rgba(215,168,79,.12); }
.dhmk-agent-send { border:0; border-radius:14px; background:linear-gradient(135deg,var(--dh-gold-2),var(--dh-gold)); color:#050505; font-weight:900; padding:0 14px; cursor:pointer; }
.dhmk-agent-note { color:var(--dh-muted); font-size:11px; padding:0 16px 13px; }
@media (max-width:540px){ .dhmk-agent-button{right:14px;bottom:14px;padding:12px 14px}.dhmk-agent-window{right:14px;bottom:76px;border-radius:20px}.dhmk-agent-messages{min-height:300px} }