/* ATF Vendor / Staff Portal — Vendor-Specific Stylesheet
   Requires: atf-portal-base.css loaded first
   Source: d:\GC\scripts\alltimefavorites.com\cloudflare\public-assets\atf-vendor.css
   Served:  https://atfapps.alltimefavorites.com/public/atf-vendor.css
   Update:  gcloud storage cp "d:\GC\scripts\alltimefavorites.com\cloudflare\public-assets\atf-vendor.css" gs://atfpublic/atf-vendor.css --content-type "text/css"
*/

/* ── Staff / Admin Banner ─────────────────────────────────── */
.staff-banner {
    background: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 6px;
    padding: 8px 14px;
    font-size: 13px;
    color: #856404;
    margin: 0 auto 14px;
    max-width: 860px;
    text-align: left;
}

/* ── Vendor Lead / Response Panels ───────────────────────── */
.lead-card {
    background: var(--atf-card-bg);
    border: 1px solid var(--atf-border);
    border-radius: 8px;
    padding: 16px 20px;
    margin: 0 auto 14px;
    max-width: 860px;
    text-align: left;
}
.lead-card h3 {
    font-size: 15px;
    font-weight: bold;
    color: var(--atf-text);
    margin: 0 0 8px;
}

/* ── Vendor Data Tables ───────────────────────────────────── */
.table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }

table.vendor-table {
    border-collapse: collapse;
    width: 100%;
    max-width: 860px;
    margin: 0 auto 16px auto;
    font-size: clamp(12px, 3vw, 14px);
}
table.vendor-table th {
    background: var(--atf-accent);
    color: var(--atf-accent-text);
    padding: 9px 10px;
    text-align: left;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
}
table.vendor-table th:hover { background: var(--atf-accent-dark); }
table.vendor-table td {
    padding: 8px 10px;
    border-bottom: 1px solid var(--atf-border);
    vertical-align: top;
}
table.vendor-table tr:nth-child(even) td { background: #f5f8ff; }

/* ── Future: Per-vendor theme overrides ───────────────────
   Vendors will be able to set --atf-accent + --atf-font
   in their account settings. Those values will be injected
   by PHP inline per page, just like --atf-bg for clients.
   No additional CSS classes needed; var() cascades automatically.
──────────────────────────────────────────────────────────── */