/* ═══ AI TASK ASSIST (Ren 2026-11-01) — aiassist.js. Phone only, like the
   2-step Post a task it sits in. Colours from the --ag-* tokens
   (agreements.css), so dark mode follows. ═══ */
.aia-box { display: none; }
@media (max-width: 900px) {
  #taskModalOverlay.ptk-on .aia-box { display: block; margin: 2px 0 10px; flex-shrink: 0; }
  .aia-box svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }
  .aia-btn {
    display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; height: 44px;
    border: 1.5px dashed #bfe3c8; border-radius: 12px; background: transparent; color: var(--ag-green-ink);
    font-family: inherit; font-size: 14px; font-weight: 700; cursor: pointer;
  }
  .aia-wait, .aia-done {
    display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 12px;
    background: var(--ag-green-bg); color: var(--ag-green-ink); font-size: 13px; line-height: 1.4;
  }
  .aia-wait svg { animation: aiaPulse 1.1s ease-in-out infinite; }
  .aia-done b { font-weight: 800; }
  .aia-card { padding: 12px 14px; border-radius: 14px; background: var(--ag-green-bg); color: var(--ag-green-ink); display: flex; flex-direction: column; gap: 8px; }
  .aia-range { display: flex; align-items: center; gap: 8px; font-size: 14px; line-height: 1.4; }
  .aia-range b { font-weight: 800; }
  .aia-note { margin: 0; font-size: 13px; line-height: 1.45; color: var(--ag-ink, #1f2a24); }
  .aia-acts { display: flex; gap: 8px; }
  .aia-acts button {
    height: 40px; padding: 0 14px; border-radius: 10px; font-family: inherit; font-size: 13px; font-weight: 800; cursor: pointer;
  }
  .aia-use { flex: 1; border: 0; background: var(--ag-green, #2ea84a); color: #fff; }
  .aia-use:disabled { opacity: .7; cursor: default; }
  .aia-again { border: 1.5px solid #bfe3c8; background: var(--ag-card, #fff); color: var(--ag-green-ink); }
  .aia-fine { margin: 0; font-size: 11px; color: var(--ag-label, #6b7c6f); }
}
@keyframes aiaPulse { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }