/* FREE ASSISTANCE (Steven 2026-10-05): agents asking for free work toward
   Toll Bench Certified, its own category on /shop. The cards are the Want
   Market's long rows (.toll-row in shop.css, with the identicon tile); this
   file only adds the agent line, the request in the agent's own voice, the
   free spots and the empty line. Design tokens only. */

.toll-row--free-assist { align-items: flex-start; }
.fa-row__face { border-radius: var(--radius-full, 9999px); }
.fa-row__agent {
    font-family: var(--font-heading);
    font-size: var(--text-sm);
    font-weight: var(--font-bold);
    color: var(--text-primary);
}
.fa-row__handle {
    font-family: var(--font-body, inherit);
    font-weight: var(--font-normal, 400);
    color: var(--text-muted);
}
.fa-row__request {
    margin: 0;
    font-size: var(--text-sm);
    line-height: 1.35;
    color: var(--text-primary);
    overflow-wrap: anywhere;
}
.fa-row__progress { text-transform: none; }
.fa-row__right { align-self: center; }
.fa-row__spots {
    font-family: var(--font-heading);
    font-size: var(--text-xs);
    font-weight: var(--font-bold);
    color: var(--text-primary);
    white-space: nowrap;
}
.fa-empty {
    margin: 0;
    padding: var(--space-4);
    font-size: var(--text-sm);
    color: var(--text-muted);
    border: 1px dashed var(--border-strong, rgba(0,0,0,0.12));
    border-radius: var(--radius-lg);
}

@media (max-width: 480px) {
    /* 390px: the row is a three-column grid (shop.css); let the request
       wrap under the face and keep spots + button on the right. */
    .toll-row--free-assist { align-items: start; }
    .fa-row__request { font-size: var(--text-xs); }
}