/* The AI tools dialog (Get more) on its own: the overlay, the box and its buttons. Apps that open the dialog but do not
   use the AI tools page load this file; aitools.css imports it, so the rules live in one place. Colours come from the
   --card, --fg, --line, --muted, --accent, --accent-fg, --bad, --ok and --warn tokens; the fallbacks are plain values. */
.ai-ov { position: fixed; inset: 0; background: rgba(0,0,0,.45); display: flex; align-items: center; justify-content: center; z-index: 1000; padding: 16px; }
.ai-dlg { background: var(--card, #f8f6f1); color: var(--fg, #0a0a0a); border-radius: 12px; width: min(560px, 100%); max-height: 84vh; display: flex; flex-direction: column; border: 1px solid var(--line, #8e8b82); font: 15px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif; }
.ai-dlg header, .ai-dlg footer { display: flex; justify-content: space-between; gap: 8px; align-items: center; padding: 12px 16px; }
.ai-dlg h2 { margin: 0; font-size: 17px; }
.ai-body { padding: 0 16px 8px; overflow: auto; }
.ai-body p { margin: 8px 0; }
.ai-meta { color: var(--muted, #5a5750); font-size: 13px; margin: 2px 0; }
.ai-err { color: var(--bad, #b3261e); min-height: 1em; }
.ai-field { display: grid; gap: 4px; margin: 10px 0; } .ai-field label { color: var(--muted, #5a5750); font-size: 13px; }
.ai-progress { width: 100%; height: 8px; accent-color: var(--accent, #006f64); }
.ai-pill { font-size: 12px; padding: 2px 8px; border-radius: 999px; border: 1px solid currentColor; white-space: nowrap; }
/* the status hue mixed with the text colour: darker on light surfaces, lighter on dark ones, readable on both */
.ai-ready { color: color-mix(in srgb, var(--ok, #1b7f3b) 65%, var(--fg, currentColor)); } .ai-needs-download { color: color-mix(in srgb, var(--warn, #9a6700) 65%, var(--fg, currentColor)); } .ai-unsupported { color: color-mix(in srgb, var(--bad, #b3261e) 65%, var(--fg, currentColor)); }
.ai-dlg .ai-btn, .ai-dlg button { font: inherit; display: inline-block; padding: 7px 12px; border-radius: 8px; border: 1px solid var(--line, #8e8b82); background: var(--card, #f8f6f1); color: var(--fg, #0a0a0a); cursor: pointer; }
.ai-dlg button:disabled { opacity: .5; cursor: default; }
.ai-dlg button.ai-pri, .ai-dlg a.ai-pri { background: var(--accent, #006f64); color: var(--accent-fg, #ffffff); border-color: var(--accent, #006f64); }