/* ================================
   Unified DARK theme (always)
   ================================ */

/* ---- Inline wrapper + trigger ---- */
.ati-ai-wrap{display:flex !important;gap:4px !important;align-items:center !important;margin:2px 0 !important}
.ati-ai-wrap textarea,.ati-ai-wrap input[type="text"],.ati-ai-wrap [contenteditable="true"][data-ati-editable="1"]{flex:1 1 auto !important;min-width:200px !important}

/* Trigger button (small) */
.ati-ai-btn{background:#176B87 !important;border:none !important;border-radius:4px !important;padding:3px 8px !important;font-size:12px !important;color:#fff !important;font-weight:500 !important;cursor:pointer !important;line-height:1.2 !important}
.ati-ai-btn:hover{background:#125C6A !important}

/* Flash after replace */
.ati-ai-flash{outline:2px solid #176B87 !important;transition:outline-color .25s ease !important}

/* ---- Modal shell ---- */
.ati-ai-modal{position:fixed !important;inset:0 !important;display:none !important;z-index:999999 !important}
.ati-ai-modal.is-open{display:block !important}
.ati-ai-backdrop{position:absolute !important;inset:0 !important;background:rgba(0,0,0,.5) !important}

/* Panel: force dark everywhere */
.ati-ai-panel{
  position:absolute !important;left:50% !important;top:50% !important;transform:translate(-50%,-50%) !important;
  width:min(600px,92vw) !important;
  background:#1f1f1f !important;color:#fff !important;
  border-radius:10px !important;border:1px solid #2c2c2c !important;
  box-shadow:0 16px 40px rgba(0,0,0,.55) !important;
  display:flex !important;flex-direction:column !important;
  max-height:44vh !important;min-height:140px !important;overflow:hidden !important
}

/* Header */
.ati-ai-header{display:flex !important;align-items:center !important;justify-content:space-between !important;padding:6px 10px !important;border-bottom:1px solid #2c2c2c !important}
.ati-ai-close{background:transparent !important;border:none !important;color:#e8e8e8 !important;font-size:16px !important;cursor:pointer !important;line-height:1 !important}
.ati-ai-tabs{display:flex !important;align-items:center !important;gap:6px !important}
.ati-ai-tab,.ati-ai-adjust-btn{
  background:#2c2c2c !important;border:1px solid #3a3a3a !important;color:#f0f0f0 !important;
  cursor:pointer !important;padding:4px 8px !important;border-radius:8px !important;
  font-weight:700 !important;font-size:13px !important
}
.ati-ai-tab--active{background:#353535 !important}

/* Adjust dropdown (dark) */
.ati-ai-adjust{position:relative !important}
.ati-ai-adjust-menu{
  position:absolute !important;top:110% !important;left:0 !important;z-index:5 !important;
  background:#1f1f1f !important;color:#fff !important;border:1px solid #2c2c2c !important;
  padding:8px !important;border-radius:8px !important;min-width:220px !important;
  box-shadow:0 10px 30px rgba(0,0,0,.45) !important;font-size:12px !important
}
.ati-ai-adjust-menu label{display:block !important;font-size:12px !important;font-weight:600 !important;opacity:.8 !important;margin-bottom:4px !important}
.ati-ai-style{
  width:100% !important;padding:6px 10px !important;border-radius:6px !important;
  border:1px solid #3a3a3a !important;background:#252525 !important;color:#fff !important;
  font-size:13px !important;appearance:none !important;background-image:url("data:image/svg+xml;utf8,<svg fill='%23cfcfcf' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M7 10l5 5 5-5'/></svg>") !important;background-repeat:no-repeat !important;background-position:right 8px center !important;background-size:14px !important
}
.ati-ai-style option{background:#252525 !important;color:#fff !important}

/* Body / Preview */
.ati-ai-body{padding:6px 8px !important;overflow:auto !important;background:#1f1f1f !important}
.ati-ai-preview-title{
  font-size:12px !important;font-weight:600 !important;color:#cfcfcf !important;
  margin:0 0 4px 0 !important;background:#1f1f1f !important
}
.ati-ai-preview{
  background:#151515 !important;border:1px solid #2c2c2c !important;border-radius:10px !important;
  padding:8px 10px !important;min-height:28px !important
}
/* Force readable text & kill theme bleed */
.ati-ai-preview-content{color:#ffffff !important;background:transparent !important;font-size:16px !important;line-height:1.5 !important;margin:0 !important;padding:0 !important}
.ati-ai-preview-content *{color:#ffffff !important;background:transparent !important;margin:0 !important;padding:0 !important;line-height:1.5 !important}

/* Footer */
.ati-ai-footer{display:flex !important;align-items:center !important;gap:8px !important;padding:6px 8px !important;border-top:1px solid #2c2c2c !important;background:#1f1f1f !important}
.ati-ai-spacer{flex:1 !important}

/* Buttons */
.ati-ai-primary,.ati-ai-secondary{
  border:1px solid #3a3a3a !important;border-radius:10px !important;
  padding:8px 16px !important;font-weight:800 !important;font-size:16px !important;line-height:1.1 !important;
  cursor:pointer !important
}
.ati-ai-primary{background:#6558f5 !important;color:#fff !important;border-color:#5a4ff1 !important}
.ati-ai-primary:hover{background:#5146f0 !important}
.ati-ai-secondary{background:#2c2c2c !important;color:#fff !important}
.ati-ai-secondary:hover{background:#3a3a3a !important}

/* Loading dots */
.ati-ai-panel.is-loading .ati-ai-preview-content::after{content:' …' !important;animation:ati-dot 1s infinite steps(1,end) !important}
@keyframes ati-dot{0%{content:' …'}33%{content:' ..'}66%{content:' . '}100%{content:' …'}}

/* Focus outlines */
.ati-ai-btn:focus,.ati-ai-primary:focus,.ati-ai-secondary:focus,.ati-ai-tab:focus,.ati-ai-adjust-btn:focus,.ati-ai-close:focus,.ati-ai-style:focus{outline:2px solid #6558f5 !important;outline-offset:2px !important}