:root { --ai-ink:#122018; --ai-panel:#eef6f1; --ai-accent:#1a6b52; --ai-warn:#9a6b00; --ai-err:#a11; }
#ai-root .card { background: var(--ai-panel); border:1px solid #d3e4db; border-radius:.7rem; padding:1rem; margin-bottom:.75rem; }
#ai-root .status[data-state="ready"] { color: var(--ai-accent); font-weight:700; }
#ai-root .status[data-state="stale"] { color: var(--ai-warn); font-weight:700; }
#ai-root .status[data-state="error"], #ai-root .status[data-state="held"] { color: var(--ai-err); font-weight:700; }
#ai-root .status[data-state="loading"] { color:#555; font-weight:700; }
#ai-root label { display:block; margin:.4rem 0; }
@media (max-width:420px){ #ai-root .card { padding:.75rem; } }