/* The invoice agent: Settings → Invoice agent (js/59) and the approval queue on Vendors (js/60).
   Ported from the hive monolith's invoice-agent styles (2026-09-23). */
#page-settings .ia-kv{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px 14px;margin-top:8px}
#page-settings .ia-kv div{font-size:12.5px;color:var(--text2);padding:7px 10px;border:1px solid var(--border);border-radius:9px;background:var(--bg2)}
#page-settings .ia-kv b{display:block;font-size:10.5px;letter-spacing:.3px;text-transform:uppercase;color:var(--text3);margin-bottom:2px}
#page-settings .ia-ok{color:#5fc48f}#page-settings .ia-off{color:#e0a23b}#page-settings .ia-bad{color:#e06b5b}
#page-settings .ia-mb{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid var(--border);font-size:13px;flex-wrap:wrap}
#page-settings .ia-mb:first-child{border-top:0}
#page-settings .ia-log{font-size:12px;color:var(--text2);line-height:1.5;max-height:240px;overflow:auto;border:1px solid var(--border);border-radius:9px;padding:8px 10px;background:var(--bg2);margin-top:8px}
#page-settings .ia-log div{padding:3px 0;border-top:1px solid var(--border)}#page-settings .ia-log div:first-child{border-top:0}
#page-settings .ia-log time{color:var(--text3);font-variant-numeric:tabular-nums;margin-right:8px}
#page-settings .ia-run{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
#page-settings .ia-corpus{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin-top:8px}
#page-settings .ia-corpus div{font-size:12.5px;padding:7px 10px;border:1px solid var(--border);border-radius:9px;background:var(--bg2)}
#page-settings .ia-corpus b{display:block;font-size:10.5px;letter-spacing:.3px;text-transform:uppercase;color:var(--text3)}
#page-settings .ia-corpus .n{font-size:18px;font-weight:800;color:var(--text)}
#page-settings .ia-missing{font-size:12px;color:var(--text2);margin-top:8px;max-height:180px;overflow:auto;line-height:1.5}
#page-settings .ia-result{white-space:pre-wrap;font-size:12px;color:var(--text2);background:var(--bg2);border:1px solid var(--border);border-radius:9px;padding:8px 10px;margin-top:8px;max-height:260px;overflow:auto}
#ia-inbox{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:12px 14px;margin:0 0 16px}
#ia-inbox .ia-h{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;color:var(--text3);margin-bottom:4px}
#ia-inbox .ia-cnt{background:rgba(47,154,166,.16);color:var(--blue-m);border-radius:999px;padding:1px 8px;font-size:11px}
#ia-inbox .ia-sub{font-size:12px;color:var(--text3);line-height:1.45;margin-bottom:6px}
#ia-inbox .ia-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--border);font-size:13px;flex-wrap:wrap}
#ia-inbox .ia-vn{font-weight:700;color:var(--text);min-width:150px}
#ia-inbox .ia-num{color:var(--text2);font-size:12.5px;font-variant-numeric:tabular-nums}
#ia-inbox .ia-amt{font-weight:800;color:var(--text);font-variant-numeric:tabular-nums;min-width:90px;text-align:right}
#ia-inbox .ia-badge{font-size:10px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;padding:2px 7px;border-radius:999px;white-space:nowrap}
#ia-inbox .ia-job{background:rgba(63,167,116,.18);color:#5fc48f}#ia-inbox .ia-nojob{background:rgba(224,107,91,.18);color:#e06b5b}
#ia-inbox .ia-code{background:rgba(47,154,166,.14);color:var(--blue-m)}#ia-inbox .ia-state{background:rgba(224,162,59,.16);color:#e0a23b}
#ia-inbox .ia-state.unconfirmed{background:rgba(63,167,116,.14);color:#5fc48f}#ia-inbox .ia-dl{background:rgba(224,107,91,.14);color:#e8907f}
#ia-inbox .ia-note{flex-basis:100%;font-size:11.5px;color:var(--text3);line-height:1.45}
#ia-inbox .ia-age{color:var(--text3);font-size:12px;margin-left:auto}
#ia-inbox .ia-acts{display:flex;gap:6px}
#ia-inbox .ia-form{flex-basis:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;padding:8px 10px;border:1px solid rgba(63,167,116,.4);border-radius:9px;background:rgba(63,167,116,.05);margin-top:4px}
#ia-inbox .ia-form label{font-size:11px;font-weight:700;color:var(--text3);display:block}
#ia-inbox .ia-form select,#ia-inbox .ia-form input{width:100%;height:34px}
#ia-inbox .ia-err{display:none;background:rgba(224,107,91,.1);border:1px solid rgba(224,107,91,.5);border-radius:8px;color:#e8907f;font-size:12px;padding:8px 10px;margin-top:6px;white-space:pre-wrap}
#ia-inbox .ia-empty{font-size:12px;color:var(--text3);padding:6px 0}
#ia-inbox .ia-row.ia-focus{outline:2px solid var(--blue-m);outline-offset:2px;border-radius:8px}
#ia-inbox .ia-warn{background:rgba(224,162,59,.1);border:1px solid rgba(224,162,59,.5);border-radius:8px;color:#e0a23b;font-size:12px;padding:8px 10px;margin-top:6px;white-space:pre-wrap}
/* The queue's buttons meet the app's phone touch floor (css/33): 40px. */
@media (max-width:720px){
  #ia-inbox .ia-acts .btn,#ia-inbox .ia-form .btn{min-height:40px;padding-left:12px;padding-right:12px}
  #ia-inbox .ia-form select,#ia-inbox .ia-form input{height:40px}
}
/* A disabled control LOOKS disabled (the #305 audit: an Approve… on a row with no source evidence,
   a row busy mid-approve, Run the gym while the switch is off). The theme styles no .btn:disabled. */
#ia-inbox .btn:disabled,#ia-card-run .btn:disabled{opacity:.42;cursor:not-allowed;filter:saturate(.4)}
#ia-card-run .ia-gym-off{font-size:12px;color:var(--text3);line-height:1.45;margin-top:6px}