/* Client agreements, agent side (client-agreements.js, 2026-10-23). */
.ca-iabs-block { display: grid; gap: 10px; }
.ca-iabs-entity { display: flex; align-items: center; gap: 8px; font-size: 0.88rem; }
.ca-iabs-entity input[type="checkbox"] { width: 18px; min-width: 18px; height: 18px; padding: 0; margin: 0; flex: 0 0 auto; }
.ca-iabs-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 6px 10px; margin: 0; padding: 8px 10px 10px; border: 1px solid var(--sv-line); border-radius: 8px; min-width: 0; }
.ca-iabs-row legend { padding: 0 4px; font-weight: 700; font-size: 0.86rem; }
.ca-iabs-row legend small { font-weight: 400; color: var(--sv-text-muted); }
.ca-iabs-row label { display: grid; gap: 2px; font-size: 0.78rem; color: var(--sv-text-muted); min-width: 0; }
/* The block sits on a fixed light panel (.agent-mls-listings-block, #fbfaf5)
   in BOTH themes, but the --sv-* colours above follow the dark theme, so the
   section headings rendered near-white on cream (Matt, 2026-10-26: "fix it so
   I can read it"). Dark ink, fixed, to match the panel. */
.ca-iabs-block .ca-iabs-row { border-color: #cfd8d3; }
.ca-iabs-block .ca-iabs-row legend { color: #17211d; }
.ca-iabs-block .ca-iabs-row legend small { display: inline; margin: 0 0 0 6px; color: #455350; }
.ca-iabs-block .ca-iabs-row label { color: #17211d; }
.ca-iabs-row input { padding: 7px 9px; }
.ca-ok { color: #2e8b57; font-weight: 600; }
.ca-list { list-style: none; margin: 8px 0 0; padding: 0; display: grid; }
.ca-list li { display: flex; justify-content: space-between; align-items: center; gap: 8px 14px; flex-wrap: wrap; padding: 9px 0; border-bottom: 1px solid var(--sv-line); }
.ca-list li > span:first-child { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; flex: 1 1 260px; min-width: 0; }
.ca-actions { display: flex; gap: 6px; flex-wrap: wrap; }
.ca-flag { display: inline-block; padding: 1px 8px; border-radius: 999px; font-size: 0.76rem; font-weight: 700; }
.ca-flag--ok { background: #2e8b57; color: #ffffff; }
.ca-flag--waiting { background: var(--sv-accent, #d9b45a); color: #10202e; }
.ca-flag--missing { background: #c0392b; color: #ffffff; }