.ait-card { margin: 8px 0 12px; padding: 10px; background: #f0f7ff; border: 1px solid #d8e7ff; border-radius: 10px; font-size: 12px; line-height: 1.6; }
.ait-card p { margin: 0 0 4px; overflow-wrap: anywhere; }
.ait-card button, .ait-dialog button { font: inherit; cursor: pointer; border: 1px solid #c7d2fe; border-radius: 8px; padding: 8px 12px; color: #3730a3; background: white; }
.ait-card button { width: 100%; margin-top: 6px; font-weight: 700; }
.ait-overlay[hidden] { display: none !important; }
.ait-overlay { position: fixed; inset: 0; z-index: 220; display: flex; align-items: center; justify-content: center; padding: 12px; background: rgba(15,23,42,.6); }
.ait-dialog { box-sizing: border-box; width: 100%; max-width: 560px; max-height: calc(100dvh - 24px); overflow: auto; padding: 20px; border-radius: 18px; background: #fff; color: #1e293b; box-shadow: 0 20px 60px #0004; font: 14px/1.6 sans-serif; }
.ait-dialog * { box-sizing: border-box; }
.ait-dialog header, .ait-history-heading, .ait-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ait-dialog h2 { font-size: 18px; font-weight: 800; margin: 0; }
.ait-dialog h3 { font-size: 14px; font-weight: 700; margin: 12px 0 6px; }
.ait-note { color: #475569; font-size: 12px; background: #eff6ff; padding: 10px; border-radius: 8px; margin: 12px 0; }
.ait-current, .ait-history-item { padding: 10px; border: 1px solid #e2e8f0; background: #f8fafc; border-radius: 8px; margin: 8px 0; overflow-wrap: anywhere; white-space: pre-wrap; }
.ait-dialog label { display: block; margin-top: 10px; font-size: 13px; font-weight: 700; }
.ait-dialog input, .ait-dialog textarea { display: block; width: 100%; margin-top: 4px; padding: 10px; border: 1px solid #cbd5e1; border-radius: 8px; background: #fff; color: #0f172a; font: 14px/1.5 sans-serif; }
.ait-dialog input:focus, .ait-dialog textarea:focus { outline: 2px solid #6366f1; outline-offset: 1px; }
.ait-dialog textarea { min-height: 80px; resize: vertical; }
.ait-message { margin: 12px 0; color: #4338ca; white-space: pre-wrap; overflow-wrap: anywhere; }
.ait-message[data-error="true"] { color: #b91c1c; }
.ait-actions { justify-content: flex-end; margin: 14px 0; }
.ait-dialog .ait-primary { background: #4f46e5; color: #fff; border-color: #4f46e5; font-weight: 700; }
.ait-dialog button:disabled, .ait-dialog input:disabled, .ait-dialog textarea:disabled { opacity: .55; cursor: not-allowed; }
.ait-history-item { font-size: 12px; }
@media (max-width: 420px) { .ait-dialog { padding: 14px; } .ait-dialog h2 { font-size: 16px; } }