/* JARVIS sci-fi HUD — dark, glowing rings, circular orb */
#aiModal.jarvis-hud .dz-modal-backdrop{
  background:radial-gradient(ellipse at center,rgba(8,24,48,.72),rgba(2,6,14,.92));
}
#aiModal.jarvis-hud .dz-modal-panel{
  width:min(680px,calc(100vw - 24px));
  max-height:92vh;
  background:
    linear-gradient(180deg,rgba(8,22,42,.96),rgba(4,10,22,.98)),
    repeating-linear-gradient(0deg,transparent,transparent 18px,rgba(56,189,248,.04) 19px);
  color:#d7f6ff;
  border:1px solid rgba(56,189,248,.35);
  border-radius:20px;
  box-shadow:0 0 0 1px rgba(14,165,233,.15),0 0 40px rgba(14,165,233,.22),0 24px 80px rgba(0,0,0,.55);
  overflow:hidden;
}
#aiModal.jarvis-hud .dz-modal-close{
  background:rgba(8,20,36,.8);
  color:#7dd3fc;
  border:1px solid rgba(56,189,248,.35);
}
#aiModal.jarvis-hud .dz-modal-kicker{
  color:#38bdf8!important;
  letter-spacing:.18em;
  font-size:10px;
  font-weight:800;
}
#aiModal.jarvis-hud .dz-modal-panel h2{
  margin:4px 0 2px;
  font-size:22px;
  letter-spacing:.12em;
  color:#e0f7ff;
  text-shadow:0 0 14px rgba(56,189,248,.45);
}
#aiModal.jarvis-hud .dz-modal-subtitle{
  color:#7aa7c2!important;
  font-size:11px;
}
.jarvis-hud-hero{
  display:flex;
  align-items:center;
  gap:16px;
  margin:8px 0 12px;
}
.jarvis-orb{
  position:relative;
  width:88px;
  height:88px;
  flex:none;
}
.jarvis-orb-ring{
  position:absolute;
  inset:0;
  border-radius:50%;
  border:1px solid rgba(56,189,248,.35);
  box-shadow:inset 0 0 12px rgba(56,189,248,.15);
  animation:jarvis-spin 12s linear infinite;
}
.jarvis-orb-ring.r2{
  inset:10px;
  border-color:rgba(125,211,252,.5);
  animation-duration:7s;
  animation-direction:reverse;
}
.jarvis-orb-core{
  position:absolute;
  inset:22px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#7dd3fc,#0ea5e9 45%,#082f49 80%);
  box-shadow:0 0 18px rgba(14,165,233,.85),0 0 40px rgba(56,189,248,.35);
  animation:jarvis-pulse 2.4s ease-in-out infinite;
}
.jarvis-orb[data-state="listen"] .jarvis-orb-core{
  animation-duration:.7s;
  box-shadow:0 0 22px rgba(250,204,21,.9),0 0 48px rgba(14,165,233,.5);
}
.jarvis-orb[data-state="think"] .jarvis-orb-ring{animation-duration:2.2s}
.jarvis-orb[data-state="speak"] .jarvis-orb-core{
  animation-duration:.45s;
  background:radial-gradient(circle at 35% 30%,#e0f2fe,#38bdf8 40%,#0369a1 78%);
}
.jarvis-agents{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  flex:1;
}
.jarvis-agents span{
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding:5px 8px;
  border-radius:999px;
  border:1px solid rgba(56,189,248,.28);
  color:#7dd3fc;
  background:rgba(8,30,52,.7);
}
.jarvis-agents span.is-on{
  color:#041018;
  background:#38bdf8;
  box-shadow:0 0 12px rgba(56,189,248,.55);
}
#aiModal.jarvis-hud .dz-ai-toolbar{margin:0 0 8px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.jarvis-auto-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none}
.jarvis-auto-toggle input{position:absolute;opacity:0;width:0;height:0}
.jarvis-auto-track{width:44px;height:24px;border-radius:999px;background:#123044;border:1px solid rgba(56,189,248,.35);position:relative;flex:none;transition:background .2s}
.jarvis-auto-track:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#7dd3fc;transition:transform .2s}
.jarvis-auto-toggle input:checked + .jarvis-auto-track{background:#0ea5e9;border-color:#7dd3fc;box-shadow:0 0 12px rgba(14,165,233,.55)}
.jarvis-auto-toggle input:checked + .jarvis-auto-track:after{transform:translateX(20px);background:#041018}
.jarvis-auto-copy{display:flex;flex-direction:column;line-height:1.2}
.jarvis-auto-copy b{font-size:10px;letter-spacing:.08em;color:#e0f7ff}
.jarvis-auto-copy small{font-size:9px;color:#6b93ab}
.jarvis-auto-flag{
  display:none;margin-left:6px;padding:2px 6px;border-radius:6px;font-size:8px;font-weight:800;letter-spacing:.08em;
  background:#0ea5e9;color:#041018
}
.jarvis-auto-flag.is-on,.header-tool.ai-tool .jarvis-auto-flag:not([hidden]){display:inline-block}
.header-tool.ai-tool{position:relative;overflow:visible}
#aiModal.jarvis-hud .dz-ai-clear-btn{
  background:transparent;
  border-color:rgba(56,189,248,.35);
  color:#7dd3fc;
}
#aiModal.jarvis-hud .dz-ai-suggestions button{
  background:rgba(8,28,48,.75);
  border:1px solid rgba(56,189,248,.28);
  color:#d7f6ff;
}
#aiModal.jarvis-hud .dz-ai-chat{
  background:rgba(4,16,32,.72);
  border-color:rgba(56,189,248,.22);
}
#aiModal.jarvis-hud .dz-ai-bubble--assistant{
  background:rgba(8,36,62,.9);
  color:#e8fbff;
  border:1px solid rgba(56,189,248,.22);
}
#aiModal.jarvis-hud .dz-ai-bubble--assistant b,
#aiModal.jarvis-hud .dz-ai-agent-badge{color:#7dd3fc}
#aiModal.jarvis-hud .dz-ai-bubble--staff{
  background:linear-gradient(135deg,#0ea5e9,#0369a1);
  color:#fff;
}
#aiModal.jarvis-hud .dz-ai-icon-btn{
  background:rgba(8,24,42,.9);
  border-color:rgba(56,189,248,.35);
  color:#7dd3fc;
}
#aiModal.jarvis-hud .dz-ai-icon-btn.is-on,
#aiModal.jarvis-hud .dz-ai-icon-btn[aria-pressed="true"]#dzAiMicBtn{
  background:#0ea5e9;
  color:#041018;
  border-color:#38bdf8;
}
#aiModal.jarvis-hud .dz-ai-input input{
  background:rgba(4,16,32,.9)!important;
  border-color:rgba(56,189,248,.35)!important;
  color:#e8fbff!important;
}
#aiModal.jarvis-hud #dzAiAskBtn{
  background:#0ea5e9;
  color:#041018;
  font-weight:800;
}
#aiModal.jarvis-hud .dz-ai-voice-hint{color:#6b93ab}
#aiModal.jarvis-hud .dz-ai-photo-preview{
  background:rgba(8,28,48,.8);
  border-color:rgba(56,189,248,.28);
  color:#d7f6ff;
}
@keyframes jarvis-spin{to{transform:rotate(360deg)}}
@keyframes jarvis-pulse{
  0%,100%{transform:scale(1);opacity:.95}
  50%{transform:scale(1.08);opacity:1}
}
@media(max-width:600px){
  .jarvis-hud-hero{flex-direction:column;align-items:flex-start}
}

/* Sales replies as a readable book */
#aiModal.jarvis-hud .dz-ai-bubble--book{
  padding:12px 12px 14px;
  background:transparent;
  border:0;
}
.dz-ai-book{width:100%}
.dz-ai-book-spread{
  display:flex;
  align-items:stretch;
  gap:6px;
  perspective:900px;
}
.dz-ai-book-paper{
  flex:1;
  min-height:220px;
  padding:22px 26px 28px;
  background:
    linear-gradient(90deg,rgba(80,50,20,.08),transparent 12px),
    linear-gradient(#f7f0e4,#f3e6d0);
  color:#2c2118;
  border-radius:2px 10px 10px 2px;
  border:1px solid #e2d2b6;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.35),
    6px 8px 0 rgba(0,0,0,.18);
  transform-origin:left center;
  cursor:pointer;
  font-family:Georgia,"Palatino Linotype",Palatino,"Times New Roman",serif;
}
.dz-ai-book-paper.is-flip-fwd{animation:dz-book-fwd .38s ease}
.dz-ai-book-paper.is-flip-back{animation:dz-book-back .38s ease}
.dz-ai-book-folio{
  display:block;
  font-family:inherit;
  font-style:italic;
  font-size:11px;
  letter-spacing:.04em;
  color:#8a7358;
  margin-bottom:10px;
}
.dz-ai-book-title{
  margin:0 0 10px;
  font-size:18px;
  font-weight:700;
  letter-spacing:.02em;
  color:#1f160f;
  line-height:1.25;
}
.dz-ai-book-prose{
  font-size:15px;
  line-height:1.7;
  white-space:pre-wrap;
  color:#32261c;
}
.dz-ai-book-turn{
  flex:none;
  width:36px;
  align-self:center;
  height:64px;
  border-radius:10px;
  border:1px solid rgba(56,189,248,.35);
  background:rgba(8,28,48,.85);
  color:#7dd3fc;
  font-size:22px;
  cursor:pointer;
}
.dz-ai-book-turn:disabled{opacity:.28;cursor:default}
.dz-ai-book-turn:not(:disabled):hover{background:#0ea5e9;color:#041018}
.dz-ai-book-dots{
  display:flex;
  justify-content:center;
  gap:6px;
  margin:10px 0 4px;
}
.dz-ai-book-dots button{
  width:7px;
  height:7px;
  padding:0;
  border-radius:50%;
  border:0;
  background:#5b7e94;
  cursor:pointer;
}
.dz-ai-book-dots button.is-on{background:#e8c37a;box-shadow:0 0 8px rgba(232,195,122,.7)}
.dz-ai-book-hint{
  display:block;
  text-align:center;
  font-size:10px;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#6b93ab;
}
@keyframes dz-book-fwd{
  0%{transform:rotateY(0)}
  40%{transform:rotateY(-78deg);opacity:.55}
  100%{transform:rotateY(0);opacity:1}
}
@keyframes dz-book-back{
  0%{transform:rotateY(0)}
  40%{transform:rotateY(78deg);opacity:.55}
  100%{transform:rotateY(0);opacity:1}
}
@media(max-width:600px){
  .dz-ai-book-paper{min-height:180px;padding:16px 16px 20px}
  .dz-ai-book-turn{width:28px;height:52px}
}