/* AI proposals card on Today and the AI card in Setup. Colours come from the theme variables. */
.ai-card { border-left: 4px solid var(--accent); }
.ai-title { margin-top: 4px; }
.ai-reason { margin-top: 6px; font-size: 15px; }
.ai-evidence { margin: 8px 0 0; padding-left: 18px; font-size: 14px; color: var(--muted); }
.ai-btns { display: flex; gap: 8px; margin-top: 12px; }
.ai-btns .btn { flex: 1; min-height: 44px; }
.ai-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 44px; }
.ai-h { margin: 16px 0 4px; font-size: 15px; }
.ai-call { padding: 8px 0; border-top: 1px solid var(--line); }
.ai-call-top { display: flex; justify-content: space-between; align-items: center; font-size: 14px; }
.ai-log { display: grid; gap: 8px; max-height: 40vh; overflow-y: auto; overscroll-behavior: contain; margin-bottom: 12px; }
.ai-bub { padding: 10px 12px; border-radius: 14px; font-size: 15px; max-width: 90%; overflow-wrap: anywhere; }
.ai-bub.me { background: var(--accent); color: var(--accent-ink); justify-self: end; }
.ai-bub.coach { background: var(--card2); color: var(--text); justify-self: start; }
.ai-wide { width: 100%; min-height: 44px; }
.ai-item { margin: 0 0 10px; }
.ai-item-top { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.ai-est { font-size: 12px; padding: 2px 8px; border-radius: 99px; background: var(--card2); color: var(--muted); white-space: nowrap; }
.ai-q { margin-top: 6px; font-size: 15px; }
.ai-opts { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.ai-inline { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 8px; }
.ai-inline input { flex: 1; min-width: 0; min-height: 44px; padding: 0 12px; border-radius: 10px; border: 1px solid var(--line); background: var(--card); color: var(--text); font: inherit; }
.ai-item .btn.small, .ai-opts .btn.small { min-height: 44px; }
.ai-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.ai-prev { margin: 10px 0; }
.ai-file { position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; pointer-events: none; }
.ai-cam { display: flex; align-items: center; justify-content: center; min-height: 44px; cursor: pointer; }
.ai-sug-tile { margin-bottom: 8px; }
.ai-sug { margin-bottom: 10px; }
.ai-sug-tile .nu-thumb { width: 100%; height: 96px; }
.ai-amount { margin-top: 8px; }
.ai-amount .ai-inline { margin-top: 4px; }
.ai-amount .btn { margin-top: 8px; min-height: 44px; }