/* RimaginAItion — AI Application Break-Even Planner (2026-10-21).
   Loaded AFTER agent-planner.css, whose ap-* classes it reuses; only the new
   parts (tasks, deployment choice, task table) live here, as aa-*.
   Palette from page.css (STYLE_GUIDE.md). Light + dark + print. */

/* Tasks (use cases) */
.aa-ucs{display:flex;flex-direction:column;gap:10px;}
.aa-uc{border:1px solid var(--border);border-left:4px solid var(--blue-light);border-radius:10px;padding:10px 12px;background:#fbfcfe;}
.aa-uc__top{display:flex;align-items:center;gap:8px;}
.aa-uc__n{flex:none;width:22px;height:22px;border-radius:50%;background:var(--blue);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;}
.aa-uc__name{flex:1;min-width:0;font:inherit;font-size:14.5px;font-weight:700;padding:6px 8px;border:1px solid #cfd5df;border-radius:7px;background:#fff;color:var(--text);}
.aa-uc__name:focus,.aa-uc input:focus,.aa-uc select:focus{outline:2px solid var(--blue);outline-offset:0;}
.aa-uc__del{flex:none;width:30px;height:30px;border-radius:50%;border:1px solid #cfd5df;background:#fff;color:var(--muted);font-size:18px;line-height:1;cursor:pointer;}
.aa-uc__del:hover{border-color:#8A4B57;color:#8A4B57;}
.aa-uc__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 10px;margin-top:8px;}
.aa-uc__f--n{grid-column:1/-1;}
.aa-uc__f--n .ap-in{max-width:none;}
.aa-uc__f{display:flex;flex-direction:column;gap:3px;min-width:0;}
.aa-uc__f > span:first-child{font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.2px;}
.aa-uc__f .ap-in input{min-width:0;}
.aa-uc__f .ap-u{min-width:0;}
.aa-uc__f--n .ap-in input{flex:0 0 72px;width:72px;}
.aa-uc__f--n select{flex:0 1 220px;min-width:0;font:inherit;font-size:12.5px;padding:6px 4px;border:1px solid #cfd5df;border-radius:7px;background:#fff;color:var(--text);}
.aa-uc__res{margin:8px 0 0;font-size:13px;font-weight:700;}
.aa-uc__res.pos{color:#2E6B4F;}
.aa-uc__res.neg{color:#8A4B57;}
@media(max-width:360px){.aa-uc__grid{grid-template-columns:1fr 1fr;}}
.aa-uc__f .ap-in input{padding:6px 6px;}
.aa-add{margin-top:10px;font:inherit;font-size:13.5px;font-weight:700;padding:7px 14px;border-radius:999px;border:1px dashed var(--blue);background:#fff;color:var(--blue-dark);cursor:pointer;}
.aa-add:hover{background:#eef1f7;}

/* Deployment choice */
.aa-deps{display:grid;grid-template-columns:1fr;gap:8px;margin:4px 0 10px;}
.aa-dep{position:relative;display:block;padding:10px 12px 10px 38px;border:1px solid #cfd5df;border-radius:10px;cursor:pointer;background:#fff;}
.aa-dep input{position:absolute;left:12px;top:12px;accent-color:var(--orange-fill);}
.aa-dep.is-on{border-color:var(--orange-fill);background:#fdf6ef;box-shadow:inset 3px 0 0 var(--orange-fill);}
.aa-dep__l{display:block;font-size:14px;font-weight:700;color:var(--blue-dark);}
.aa-dep__w{display:block;margin-top:2px;font-size:12.5px;line-height:1.45;color:var(--muted);}
.aa-dep:focus-within{outline:2px solid var(--blue);outline-offset:1px;}

/* Results: task table, deployment table */
.aa-uct td.aa-uct__n,.ap-cmp td.aa-uct__n{white-space:normal;min-width:150px;max-width:240px;text-align:left;}
.ap-cmp td.warn{color:var(--orange-ink);font-weight:700;}
.ap-cmp small{font-weight:600;color:var(--muted);}
.aa-s--extra{background:#2E6B4F;}
.ap-legend i.aa-s--extra{background:#2E6B4F;}

/* dark mode */
html.rim-dark .aa-uc{background:#141B30;border-color:#2A3560;border-left-color:#5C6E9C;}
html.rim-dark .aa-uc__name,html.rim-dark .aa-uc__f--n select,html.rim-dark .aa-uc__del,html.rim-dark .aa-add{background:#1C2540;color:#E6EAF2;border-color:#3a4669;}
html.rim-dark .aa-uc__res.pos{color:#8fd1ae;}
html.rim-dark .aa-uc__res.neg{color:#E3A7B3;}
html.rim-dark .aa-dep{background:#141B30;border-color:#3a4669;}
html.rim-dark .aa-dep.is-on{background:#2b2420;border-color:var(--orange);}
html.rim-dark .aa-dep__l{color:#E6EAF2;}
html.rim-dark .ap-cmp td.warn{color:#F0B37E;}

/* print */
@media print{
  .aa-uc__del,.aa-add,.aa-dep:not(.is-on){display:none !important;}
  .aa-uc,.aa-dep{break-inside:avoid;}
  .aa-uc input,.aa-uc select{border:none;background:none;padding:0;}
  .aa-dep.is-on{box-shadow:none;}
}