#autoIntroOverlay{position:fixed;inset:0;z-index:11000;display:flex;justify-content:flex-end;color:var(--text,#e5e7eb)}.ai-shade{position:absolute;inset:0;background:rgba(0,0,0,.57)}.ai-panel{position:relative;width:min(620px,100vw);height:100%;overflow:auto;background:var(--surface,#151b22);color:var(--text,#e5e7eb);border-left:1px solid var(--border,#38414d);box-shadow:-6px 0 25px rgba(0,0,0,.15);display:flex;flex-direction:column}.ai-head,.ai-footer{padding:18px 22px;border-bottom:1px solid var(--border,#38414d);display:flex;align-items:center;justify-content:space-between;gap:16px}.ai-footer{border-top:1px solid var(--border,#38414d);border-bottom:0;margin-top:auto}.ai-head h2{margin:0;font-size:21px;color:inherit}.ai-head p,.ai-status p,.ai-hint,.ai-log p{color:var(--text-muted,#97a3b3);font-size:12px;margin:4px 0}.ai-close{font-size:28px;background:transparent;color:inherit;border:0;cursor:pointer}.ai-content{padding:20px 22px;display:grid;gap:18px}.ai-companies,.ai-channels{display:grid;grid-template-columns:1fr 1fr;gap:9px}.ai-companies button,.ai-channels button{border:1px solid var(--border,#38414d);border-radius:7px;background:var(--surface-raised,#1b232c);color:inherit;padding:13px;cursor:pointer;text-align:left}.ai-companies button.active,.ai-channels button.active{border-color:#0d9488;background:rgba(13,148,136,.1)}.ai-channels button{display:flex;align-items:center;justify-content:space-between;font-weight:650}.ai-channels small{font-size:11px;opacity:.7}.ai-status{display:flex;align-items:center;justify-content:space-between;gap:8px}.ai-pill{border:1px solid var(--border,#38414d);border-radius:30px;padding:5px 9px;color:var(--text-muted,#97a3b3);font-size:11px}.ai-hint{border-left:3px solid #d19a43;padding:8px 12px;background:var(--surface-raised,#1b232c);line-height:1.6}.ai-content label{display:grid;gap:8px;font-weight:600;font-size:12px}.ai-content input,.ai-content textarea{box-sizing:border-box;width:100%;border:1px solid var(--border,#38414d);border-radius:7px;background:var(--surface-raised,#1b232c);color:inherit;padding:12px;font-size:13px;line-height:1.55;font-family:inherit}.ai-content input:focus,.ai-content textarea:focus{outline:2px solid #0d9488;outline-offset:1px}.ai-token{float:right;color:#0d9488}.ai-insert{justify-self:start;padding:7px 12px;border:1px solid var(--border,#38414d);border-radius:6px;background:var(--surface-raised,#1b232c);color:inherit;cursor:pointer}.ai-preview,.ai-log{border:1px solid var(--border,#38414d);border-radius:8px;padding:14px;background:var(--surface-raised,#1b232c)}.ai-preview b,.ai-log b{font-size:12px}.ai-preview p{white-space:pre-wrap;font-size:13px;line-height:1.5}.ai-error{font-size:12px;color:#e96767}.ai-footer>span{font-size:12px;color:var(--text-muted,#97a3b3)}#boardAutoIntro{margin-right:4px}@media(max-width:660px){.ai-head,.ai-footer{padding:14px}.ai-content{padding:14px}}
/* Auto-Intro: inherit the CRM's semantic theme + accent tokens.
   Applies to Dark, Dim, Light, Warm and System-resolved themes. */
#autoIntroOverlay {
  --text:var(--text-primary);
  --text-muted:var(--text-secondary);
  --surface:var(--bg-overlay);
  --surface-raised:var(--bg-raised);
  color:var(--text-primary);
  color-scheme:inherit;
}
#autoIntroOverlay .ai-panel {
  background:var(--bg-overlay);
  color:var(--text-primary);
  border-color:var(--border);
  box-shadow:var(--shadow-md);
}
#autoIntroOverlay .ai-head,
#autoIntroOverlay .ai-footer {
  background:var(--bg-overlay);
  border-color:var(--border);
}
#autoIntroOverlay .ai-head h2,
#autoIntroOverlay .ai-status b,
#autoIntroOverlay .ai-preview b,
#autoIntroOverlay .ai-log b,
#autoIntroOverlay .ai-content label {
  color:var(--text-primary);
}
#autoIntroOverlay .ai-head p,
#autoIntroOverlay .ai-status p,
#autoIntroOverlay .ai-log p,
#autoIntroOverlay .ai-footer>span {
  color:var(--text-secondary);
}
#autoIntroOverlay .ai-companies button,
#autoIntroOverlay .ai-channels button,
#autoIntroOverlay .ai-insert,
#autoIntroOverlay .ai-preview,
#autoIntroOverlay .ai-log {
  color:var(--text-primary);
  background:var(--bg-raised);
  border-color:var(--border);
}
#autoIntroOverlay .ai-companies button.active,
#autoIntroOverlay .ai-channels button.active {
  background:var(--accent-soft);
  border-color:var(--accent);
  color:var(--text-primary);
}
#autoIntroOverlay .ai-channels small,
#autoIntroOverlay .ai-pill {
  color:var(--text-secondary);
  opacity:1;
}
#autoIntroOverlay .ai-pill {
  background:var(--bg-raised);
  border-color:var(--border-strong);
}
#autoIntroOverlay .ai-hint {
  color:var(--text-secondary);
  background:var(--warning-soft);
  border-left-color:var(--warning);
}
#autoIntroOverlay .ai-content input,
#autoIntroOverlay .ai-content textarea {
  background:var(--bg-inset);
  color:var(--text-primary);
  border-color:var(--border-strong);
  -webkit-text-fill-color:var(--text-primary);
}
#autoIntroOverlay .ai-content input:focus,
#autoIntroOverlay .ai-content textarea:focus {
  border-color:var(--accent);
  outline:2px solid var(--accent);
  outline-offset:0;
}
#autoIntroOverlay .ai-token {
  color:var(--accent-text);
}
#autoIntroOverlay .ai-preview p {
  color:var(--text-primary);
}
#autoIntroOverlay .ai-error {
  color:var(--danger-text);
}
#autoIntroOverlay .ai-footer .access-primary {
  background:var(--accent);
  color:var(--text-on-accent);
  border:1px solid var(--accent);
  border-radius:var(--radius-sm);
  padding:9px 16px;
  cursor:pointer;
}
#autoIntroOverlay .ai-close {
  color:var(--text-secondary);
}
#autoIntroOverlay .ai-close:hover,
#autoIntroOverlay .ai-companies button:hover,
#autoIntroOverlay .ai-channels button:hover,
#autoIntroOverlay .ai-insert:hover {
  color:var(--text-primary);
  border-color:var(--accent);
}
#autoIntroOverlay .ai-shade {
  background:rgba(0,0,0,.48);
}
html[data-theme="light"] #autoIntroOverlay .ai-shade,
html[data-theme="warm"] #autoIntroOverlay .ai-shade {
  background:rgba(17,24,39,.24);
}

/* Auto-Intro live Email controls, all Frontline themes */
#autoIntroOverlay [hidden]{display:none!important}
#autoIntroOverlay .ai-toggle-group{display:flex;align-items:center;gap:10px;flex-shrink:0}
#autoIntroOverlay .ai-toggle{width:46px;height:26px;padding:3px;border:1px solid var(--border-strong);border-radius:24px;background:var(--bg-raised);cursor:pointer;display:inline-flex;align-items:center;transition:background-color .12s}
#autoIntroOverlay .ai-toggle[aria-checked="true"]{background:var(--success);border-color:var(--success)}
#autoIntroOverlay .ai-toggle-knob{width:18px;height:18px;background:var(--bg-overlay);border-radius:100%;box-shadow:0 1px 2px rgba(0,0,0,.16);transition:transform .12s}
#autoIntroOverlay .ai-toggle[aria-checked="true"] .ai-toggle-knob{transform:translateX(19px);background:#fff}
#autoIntroOverlay .ai-toggle:disabled{opacity:.48;cursor:not-allowed}
#autoIntroOverlay .ai-on{color:var(--success-text);background:var(--success-soft);border-color:var(--success)}
#autoIntroOverlay .ai-channels small.ai-chip-on{color:var(--success-text);font-weight:700}
#autoIntroOverlay .ai-hint{margin:0}
#autoIntroOverlay .ai-edit-tools{display:flex;align-items:center;justify-content:space-between;gap:12px}
#autoIntroOverlay .ai-edit-tools small{color:var(--text-tertiary);font-size:11px}
#autoIntroOverlay .ai-log-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:9px;border-bottom:1px solid var(--border-subtle)}
#autoIntroOverlay .ai-log-head span{font-size:11px;color:var(--text-tertiary)}
#autoIntroOverlay .ai-log-rows{display:grid;gap:0}
#autoIntroOverlay .ai-log-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border-subtle)}
#autoIntroOverlay .ai-log-row:last-child{border-bottom:0}
#autoIntroOverlay .ai-log-row>div{min-width:0;display:grid;gap:4px}
#autoIntroOverlay .ai-log-row b{font-weight:600;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}
#autoIntroOverlay .ai-log-row small{font-size:11px;color:var(--text-secondary);overflow-wrap:anywhere}
#autoIntroOverlay .ai-log-state{flex-shrink:0;min-width:56px;padding:3px 6px;border-radius:4px;background:var(--neutral-soft);color:var(--neutral-text);text-transform:capitalize;text-align:center;font-size:10px;font-weight:700}
#autoIntroOverlay .ai-log-state.sent{background:var(--success-soft);color:var(--success-text)}
#autoIntroOverlay .ai-log-state.failed,#autoIntroOverlay .ai-log-state.unknown{background:var(--danger-soft);color:var(--danger-text)}
#autoIntroOverlay .ai-log-state.skipped{background:var(--warning-soft);color:var(--warning-text)}
#autoIntroOverlay .ai-empty{color:var(--text-secondary);font-size:12px;margin:12px 0 0}
#autoIntroOverlay .ai-safety-note{font-size:11px;color:var(--text-tertiary);margin:0}
#autoIntroOverlay .ai-confirm{border:1px solid var(--warning);border-radius:var(--radius-sm);background:var(--warning-soft);padding:13px;display:grid;gap:9px}
#autoIntroOverlay .ai-confirm>b{color:var(--text-primary);font-size:13px}
#autoIntroOverlay .ai-confirm p{color:var(--text-secondary);font-size:12px;margin:0;line-height:1.5}
#autoIntroOverlay .ai-confirm>div{display:flex;justify-content:flex-end;gap:8px}
#autoIntroOverlay .ai-confirm .access-primary,#autoIntroOverlay .ai-confirm .ai-insert{min-height:32px}
#autoIntroOverlay .ai-footer .access-primary:disabled{opacity:.5;cursor:wait}
#autoIntroOverlay .ai-hint,#autoIntroOverlay .ai-preview,#autoIntroOverlay .ai-log{box-shadow:none}