/* SP Voice Agent - client portal (Stage 1+2), RTL/Hebrew, full-screen canvas.
   Synthesis: clean-saas base + warm-crm reader sizing on Assistant + elevated-cards
   h3 accent + dense-grid zebra/bordered-badges/sticky header. Drop-in.
   Font "Assistant" is loaded via PortalShortcode (wp_enqueue_style handle
   'sp-voice-portal-font'); portal.css depends on it so it loads first. */

:root{
    --sp-surface:#ffffff;--sp-surface-soft:#f5f8fd;--sp-surface-softer:#eef2f8;
    --sp-bg-top:#eef3fb;--sp-bg-bottom:#f7f9fc;
    --sp-text:#0f172a;--sp-muted:#5a677c;--sp-muted-strong:#44516a;
    --sp-border:#e3e9f2;--sp-border-strong:#d3dcea;--sp-line:#eaeef5;
    --sp-primary:#2f6df6;--sp-primary-hover:#1f57d6;--sp-primary-soft:#e6f0ff;--sp-primary-border-soft:#c3d8ff;
    --sp-success:#15924a;--sp-success-hover:#0f7a3d;--sp-success-soft:#d7f3e1;
    --sp-danger:#dc2626;--sp-danger-hover:#b91c1c;--sp-danger-soft:#fde4e4;--sp-danger-border:#f4baba;--sp-danger-text:#921616;
    --sp-warning-text:#7a4d08;
    --sp-radius-lg:16px;--sp-radius-md:12px;--sp-radius-sm:9px;--sp-radius-pill:999px;
    --sp-shadow-card:0 1px 2px rgba(15,23,42,.05),0 8px 24px rgba(15,23,42,.06);
    --sp-shadow-pop:0 10px 30px rgba(15,23,42,.16);
    --sp-shadow-sticky:0 6px 12px -8px rgba(15,23,42,.30);
    --sp-ring:0 0 0 2px #ffffff,0 0 0 5px rgba(47,109,246,.55);
    --sp-ease:.16s cubic-bezier(.4,0,.2,1);
    --sp-font:"Assistant","Arial Hebrew","Segoe UI",Arial,sans-serif;
}

body.sp-va-canvas{
    margin:0;
    background:linear-gradient(180deg,var(--sp-bg-top) 0%,var(--sp-bg-bottom) 260px,var(--sp-bg-bottom) 100%);
    background-attachment:fixed;min-height:100vh;color:var(--sp-text);
    font-family:var(--sp-font);font-size:16px;line-height:1.6;
    -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;
}
body.sp-va-canvas :focus-visible{outline:none;box-shadow:var(--sp-ring);border-radius:var(--sp-radius-sm);}

.sp-va-portal{width:96vw;max-width:1760px;margin:0 auto;padding:34px clamp(16px,2.4vw,44px) 72px;}
.sp-va-portal-head{
    display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
    margin:0 0 26px;padding-bottom:18px;border-bottom:1px solid var(--sp-border);
}
.sp-va-portal-title{
    font-size:28px;font-weight:800;letter-spacing:-.01em;margin:0;
    display:flex;align-items:center;gap:12px;color:var(--sp-text);
}
.sp-va-logout{
    display:inline-flex;align-items:center;gap:7px;flex:none;padding:9px 15px;
    border:1px solid var(--sp-border-strong);border-radius:var(--sp-radius-sm);background:var(--sp-surface);
    color:var(--sp-muted-strong);font-size:14px;font-weight:600;font-family:var(--sp-font);text-decoration:none;
    cursor:pointer;transition:background var(--sp-ease),border-color var(--sp-ease),color var(--sp-ease);
}
.sp-va-logout:hover{background:var(--sp-danger-soft);border-color:var(--sp-danger-border);color:var(--sp-danger-text);}
.sp-va-logout:focus-visible{outline:none;box-shadow:var(--sp-ring);}
.sp-va-logout svg{flex:none;}

/* Tabs: working list ↔ call log. */
.sp-va-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px;border-bottom:1px solid var(--sp-border);}
.sp-va-tabs-gap{flex:0 0 18px;}
.sp-va-tab{
    appearance:none;border:none;background:none;cursor:pointer;font-family:var(--sp-font);
    font-size:15px;font-weight:700;color:var(--sp-muted);padding:11px 18px;margin-bottom:-1px;
    border-bottom:2.5px solid transparent;border-radius:8px 8px 0 0;
    transition:color var(--sp-ease),border-color var(--sp-ease),background var(--sp-ease);
}
.sp-va-tab:hover{color:var(--sp-text);background:var(--sp-surface-soft);}
.sp-va-tab.is-active{color:var(--sp-primary);border-bottom-color:var(--sp-primary);}
.sp-va-tab:focus-visible{outline:none;box-shadow:var(--sp-ring);}
.sp-va-tab-panel[hidden]{display:none;}
.sp-va-log-sub{color:var(--sp-muted);font-size:12.5px;margin-top:2px;}
.sp-va-sch-next{margin:14px 0 0;font-weight:600;color:var(--sp-muted-strong);}
.sp-va-sch-next:empty{display:none;}
.sp-va-title-ico{
    display:inline-flex;align-items:center;justify-content:center;flex:none;
    width:46px;height:46px;border-radius:13px;background:var(--sp-primary-soft);color:var(--sp-primary);
    box-shadow:inset 0 0 0 1px var(--sp-primary-border-soft);
}
.sp-va-title-ico svg{width:25px;height:25px;display:block;}

.sp-va-card{
    background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:var(--sp-radius-lg);
    padding:24px 26px;margin-bottom:22px;box-shadow:var(--sp-shadow-card);
}
.sp-va-card h3{margin:0 0 12px;font-size:19px;font-weight:700;color:var(--sp-text);display:flex;align-items:center;gap:10px;}
.sp-va-card h3::before{content:"";width:4px;height:19px;background:var(--sp-primary);border-radius:2px;flex:none;}
.sp-va-hint{color:var(--sp-muted);font-size:14px;line-height:1.8;}

.sp-va-upload{
    display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:16px;padding:14px 16px;
    background:var(--sp-surface-soft);border:1px dashed var(--sp-border-strong);border-radius:var(--sp-radius-md);
}
.sp-va-upload input[type="file"]{font-size:14px;font-family:var(--sp-font);color:var(--sp-muted-strong);}
.sp-va-upload input[type="file"]::file-selector-button{
    font-family:inherit;font-size:14px;font-weight:700;color:var(--sp-primary);background:var(--sp-primary-soft);
    border:1px solid var(--sp-primary-border-soft);border-radius:var(--sp-radius-sm);padding:8px 14px;
    margin-inline-end:12px;cursor:pointer;transition:background var(--sp-ease);
}
.sp-va-upload input[type="file"]::file-selector-button:hover{background:#d6e6ff;}

.sp-va-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:18px;flex-wrap:wrap;}
.sp-va-spacer{flex:1;}
.sp-va-count{
    color:var(--sp-muted-strong);font-size:14px;font-weight:700;background:var(--sp-surface-softer);
    border:1px solid var(--sp-border);padding:6px 15px;border-radius:var(--sp-radius-pill);
}
.sp-va-toolbar input[type="search"],.sp-va-toolbar select{
    padding:11px 14px;border:1px solid var(--sp-border-strong);border-radius:var(--sp-radius-sm);
    font-size:15px;font-family:var(--sp-font);color:var(--sp-text);background:var(--sp-surface);
    transition:border-color var(--sp-ease),box-shadow var(--sp-ease);
}
.sp-va-toolbar input[type="search"]{min-width:300px;}
.sp-va-toolbar input[type="search"]::placeholder{color:#8a97ac;}
.sp-va-toolbar input[type="search"]:hover,.sp-va-toolbar select:hover{border-color:#b7c4d8;}
.sp-va-toolbar input[type="search"]:focus,.sp-va-toolbar select:focus{outline:none;border-color:var(--sp-primary);box-shadow:0 0 0 3px rgba(47,109,246,.25);}

.sp-va-btn{
    padding:11px 19px;border:1px solid var(--sp-border-strong);border-radius:var(--sp-radius-sm);
    background:var(--sp-surface);color:var(--sp-text);cursor:pointer;font-size:15px;font-weight:600;
    font-family:var(--sp-font);line-height:1.2;text-decoration:none;display:inline-flex;align-items:center;
    justify-content:center;gap:6px;box-shadow:0 1px 1px rgba(15,23,42,.04);
    transition:background var(--sp-ease),border-color var(--sp-ease),box-shadow var(--sp-ease),transform var(--sp-ease);
}
.sp-va-btn:hover{background:var(--sp-surface-soft);border-color:#b7c4d8;}
.sp-va-btn:active{transform:translateY(1px);box-shadow:none;}
.sp-va-btn:focus-visible{outline:none;box-shadow:var(--sp-ring);}
.sp-va-btn-primary{background:var(--sp-primary);border-color:var(--sp-primary);color:#fff;box-shadow:0 1px 2px rgba(47,109,246,.35),0 4px 12px rgba(47,109,246,.22);}
.sp-va-btn-primary:hover{background:var(--sp-primary-hover);border-color:var(--sp-primary-hover);}
.sp-va-btn-success{background:var(--sp-success);border-color:var(--sp-success);color:#fff;box-shadow:0 1px 2px rgba(21,146,74,.32),0 4px 12px rgba(21,146,74,.2);}
.sp-va-btn-success:hover{background:var(--sp-success-hover);border-color:var(--sp-success-hover);}
.sp-va-btn-danger{background:var(--sp-danger-soft);border-color:var(--sp-danger-border);color:var(--sp-danger-text);box-shadow:none;}
.sp-va-btn-danger:hover{background:var(--sp-danger-border);border-color:#eda4a4;}
.sp-va-btn-mini{padding:7px 10px;font-size:14px;border-radius:8px;line-height:1;}
.sp-va-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none;}

.sp-va-table-wrap{
    overflow-x:auto;border-radius:var(--sp-radius-md);border:1px solid var(--sp-border);
    background:var(--sp-surface);box-shadow:var(--sp-shadow-card);-webkit-overflow-scrolling:touch;
}
.sp-va-leads-table{width:100%;border-collapse:separate;border-spacing:0;font-size:15px;}
.sp-va-leads-table th,.sp-va-leads-table td{padding:13px 12px;text-align:right;vertical-align:top;line-height:1.6;}
.sp-va-leads-table td{border-bottom:1px solid var(--sp-line);}
.sp-va-leads-table th{
    background:var(--sp-surface-softer);color:var(--sp-muted-strong);font-weight:700;font-size:13.5px;
    letter-spacing:.005em;white-space:nowrap;position:sticky;top:0;z-index:2;
    border-bottom:1px solid var(--sp-border-strong);box-shadow:var(--sp-shadow-sticky);
}
.sp-va-leads-table tbody tr{transition:background var(--sp-ease);}
.sp-va-leads-table tbody tr:nth-child(even){background:var(--sp-surface-soft);}
.sp-va-leads-table tbody tr:hover{background:var(--sp-primary-soft);}
.sp-va-leads-table tbody tr:last-child td{border-bottom:none;}
/* Actions cell: keep the call + delete buttons on ONE row (no wrap), centred. */
.sp-va-actions{display:inline-flex;gap:6px;flex-wrap:nowrap;align-items:center;}
.sp-va-leads-table td:last-child,.sp-va-leads-table th:last-child{white-space:nowrap;}
.sp-va-leads-table td:last-child{vertical-align:middle;}
/* Last-call timestamp on one line; compact + centred numeric columns (attempts, duration). */
.sp-va-leads-table td:nth-child(10){white-space:nowrap;}
.sp-va-leads-table th:nth-child(11),.sp-va-leads-table td:nth-child(11),
.sp-va-leads-table th:nth-child(12),.sp-va-leads-table td:nth-child(12){text-align:center;white-space:nowrap;}
.sp-va-leads-table td:nth-child(11),.sp-va-leads-table td:nth-child(12){color:var(--sp-muted-strong);font-variant-numeric:tabular-nums;}

.sp-va-badge{
    display:inline-block;padding:4px 12px;border-radius:var(--sp-radius-pill);font-size:13px;font-weight:700;
    margin-bottom:6px;white-space:nowrap;line-height:1.5;border:1px solid transparent;
}
.sp-va-result-success{background:var(--sp-success-soft);color:#0a6b3a;border-color:#a9e2c0;}
.sp-va-result-info{background:#dbe8fd;color:#1b3f8c;border-color:#b0cdf6;}
.sp-va-result-warning{background:#fbedb6;color:var(--sp-warning-text);border-color:#efdd86;}
.sp-va-result-danger{background:var(--sp-danger-soft);color:var(--sp-danger-text);border-color:var(--sp-danger-border);}
.sp-va-result-neutral{background:var(--sp-surface-softer);color:var(--sp-muted-strong);border-color:var(--sp-border);}

.sp-va-status-select{
    display:block;margin-top:6px;font-size:13px;font-family:var(--sp-font);max-width:185px;padding:6px 9px;
    color:var(--sp-text);border:1px solid var(--sp-border-strong);border-radius:7px;background:var(--sp-surface);
    cursor:pointer;transition:border-color var(--sp-ease),box-shadow var(--sp-ease);
}
.sp-va-status-select:hover{border-color:#b7c4d8;}
.sp-va-status-select:focus,.sp-va-status-select:focus-visible{outline:none;border-color:var(--sp-primary);box-shadow:0 0 0 3px rgba(47,109,246,.28);}

.sp-va-link{
    background:none;border:none;color:var(--sp-primary);cursor:pointer;text-decoration:underline;
    text-underline-offset:2px;padding:2px 2px;font-size:14px;font-weight:600;font-family:var(--sp-font);border-radius:4px;
}
.sp-va-link:hover{color:var(--sp-primary-hover);}
.sp-va-link:focus-visible{outline:none;box-shadow:var(--sp-ring);}
.sp-va-transcript{
    margin-top:10px;background:var(--sp-surface-soft);border:1px solid var(--sp-border);border-radius:var(--sp-radius-sm);
    padding:12px 14px;max-width:380px;white-space:pre-wrap;line-height:1.7;font-size:14px;
}
.sp-va-turn-bot{color:#1b3f8c;margin-bottom:8px;}
.sp-va-turn-client{color:#0a6b3a;}
.sp-va-summary{color:var(--sp-text);font-size:13.5px;line-height:1.55;max-width:300px;}
.sp-va-summary + .sp-va-link{margin-top:6px;display:inline-block;}

.sp-va-empty{text-align:center;color:var(--sp-muted);padding:40px 24px;font-size:15px;}
.sp-va-portal-gate{
    text-align:center;padding:64px 24px;max-width:500px;margin:48px auto;background:var(--sp-surface);
    border:1px solid var(--sp-border);border-radius:var(--sp-radius-lg);box-shadow:var(--sp-shadow-card);
    color:var(--sp-text);font-family:var(--sp-font);
}
.sp-va-portal-gate p{font-size:16px;line-height:1.7;}

.sp-va-pager{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:18px;}
.sp-va-pager:empty{display:none;}
.sp-va-pager button,.sp-va-pager a,.sp-va-pager .sp-va-btn{
    padding:9px 15px;border:1px solid var(--sp-border-strong);border-radius:var(--sp-radius-sm);
    background:var(--sp-surface);color:var(--sp-text);font-size:14px;font-weight:600;font-family:var(--sp-font);
    text-decoration:none;cursor:pointer;transition:background var(--sp-ease),border-color var(--sp-ease);
}
.sp-va-pager button:hover,.sp-va-pager a:hover,.sp-va-pager .sp-va-btn:hover{background:var(--sp-surface-soft);border-color:#b7c4d8;}
.sp-va-pager button:disabled,.sp-va-pager .sp-va-btn:disabled{opacity:.45;cursor:not-allowed;}
.sp-va-pager button[aria-current="true"],.sp-va-pager button[aria-current="page"],.sp-va-pager a[aria-current="page"],.sp-va-pager .is-active,.sp-va-pager .sp-va-btn.is-active{background:var(--sp-primary);border-color:var(--sp-primary);color:#fff;}
.sp-va-pager button:focus-visible,.sp-va-pager a:focus-visible,.sp-va-pager .sp-va-btn:focus-visible{outline:none;box-shadow:var(--sp-ring);}

.sp-va-toast{
    position:fixed;bottom:26px;inset-inline-start:26px;padding:14px 22px;border-radius:var(--sp-radius-md);
    color:#fff;z-index:9999;box-shadow:var(--sp-shadow-pop);font-size:15px;font-weight:700;font-family:var(--sp-font);
}
.sp-va-toast.ok{background:var(--sp-success);}
.sp-va-toast.err{background:var(--sp-danger);}

/* Vendor credit footer (BPS) — single row at the bottom of the portal. */
.sp-va-credit{
    display:flex;align-items:center;justify-content:center;gap:8px 12px;flex-wrap:wrap;
    margin:40px auto 6px;padding:20px 16px 4px;max-width:820px;
    border-top:1px solid var(--sp-border);text-align:center;
    color:var(--sp-muted);font-size:13px;line-height:1.6;
}
.sp-va-credit-logo-link{display:inline-flex;flex:none;transition:transform var(--sp-ease);}
.sp-va-credit-logo-link:hover{transform:translateY(-1px);}
.sp-va-credit-logo{display:block;height:34px;width:auto;}
.sp-va-credit-rights{font-weight:600;color:var(--sp-muted-strong);}
.sp-va-credit-name{color:var(--sp-muted-strong);font-weight:700;text-decoration:none;}
.sp-va-credit-name:hover{color:var(--sp-primary);}
.sp-va-credit-tel{color:var(--sp-muted);text-decoration:none;font-variant-numeric:tabular-nums;}
.sp-va-credit-tel:hover{color:var(--sp-primary);}
.sp-va-credit-sep{color:var(--sp-border-strong);}

/* Compact row of collapsible settings panels (upload · schedule · prompt).
   Collapsed = three equal thirds in one row; open = spans full width on its
   own line below (so the leads table stays the focus). Native exclusive
   accordion via the shared name="sp-va-panel". */
.sp-va-settings-row{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start;margin-bottom:22px;}
.sp-va-settings{
    flex:1 1 220px;min-width:0;
    background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:var(--sp-radius-lg);
    box-shadow:var(--sp-shadow-card);
}
.sp-va-settings[open]{flex:1 1 100%;order:1;}
.sp-va-settings>summary{
    list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;
    padding:15px 20px;font-size:16px;font-weight:700;color:var(--sp-text);user-select:none;
    border-radius:var(--sp-radius-lg);transition:background var(--sp-ease);
}
.sp-va-settings>summary::-webkit-details-marker{display:none;}
.sp-va-settings>summary:hover{background:var(--sp-surface-soft);}
.sp-va-settings>summary:focus-visible{outline:none;box-shadow:var(--sp-ring);}
.sp-va-settings[open]>summary{border-radius:var(--sp-radius-lg) var(--sp-radius-lg) 0 0;border-bottom:1px solid var(--sp-line);}
.sp-va-settings-title{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sp-va-settings-chevron{flex:none;color:var(--sp-muted);font-size:15px;transition:transform var(--sp-ease);}
.sp-va-settings[open]>summary .sp-va-settings-chevron{transform:rotate(180deg);}
.sp-va-settings-body{padding:8px 24px 22px;}
.sp-va-settings-body code{background:var(--sp-surface-softer);border:1px solid var(--sp-border);border-radius:6px;padding:1px 6px;font-size:13px;font-family:ui-monospace,Menlo,Consolas,monospace;direction:ltr;display:inline-block;}
.sp-va-prompt-text{width:100%;box-sizing:border-box;margin:8px 0 12px;padding:14px 16px;font-family:var(--sp-font);font-size:15px;line-height:1.85;color:var(--sp-text);background:var(--sp-surface-soft);border:1px solid var(--sp-border-strong);border-radius:var(--sp-radius-md);resize:vertical;min-height:340px;}
.sp-va-prompt-text:focus{outline:none;border-color:var(--sp-primary);box-shadow:0 0 0 3px rgba(47,109,246,.25);background:var(--sp-surface);}
.sp-va-test-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 16px;margin:10px 0 14px;}
.sp-va-test-grid label{display:flex;flex-direction:column;gap:5px;font-size:13.5px;font-weight:600;color:var(--sp-muted-strong);}
.sp-va-test-grid input{padding:10px 12px;border:1px solid var(--sp-border-strong);border-radius:var(--sp-radius-sm);font-size:15px;font-family:var(--sp-font);color:var(--sp-text);background:var(--sp-surface);}
.sp-va-test-grid input:focus{outline:none;border-color:var(--sp-primary);box-shadow:0 0 0 3px rgba(47,109,246,.25);}

.sp-va-sch-toggle{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:16px;margin:10px 0;cursor:pointer;color:var(--sp-text);}
.sp-va-sch-toggle input[type="checkbox"]{width:18px;height:18px;accent-color:var(--sp-primary);cursor:pointer;}
.sp-va-sch-toggle input:focus-visible{outline:none;box-shadow:var(--sp-ring);border-radius:5px;}
.sp-va-sch-grid{display:flex;gap:22px;flex-wrap:wrap;margin:16px 0;}
.sp-va-sch-grid label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:var(--sp-muted-strong);}
.sp-va-sch-grid select{
    padding:10px 12px;border:1px solid var(--sp-border-strong);border-radius:var(--sp-radius-sm);font-size:15px;
    font-family:var(--sp-font);color:var(--sp-text);background:var(--sp-surface);cursor:pointer;
    transition:border-color var(--sp-ease),box-shadow var(--sp-ease);
}
.sp-va-sch-grid select:hover{border-color:#b7c4d8;}
.sp-va-sch-grid select:focus,.sp-va-sch-grid select:focus-visible{outline:none;border-color:var(--sp-primary);box-shadow:0 0 0 3px rgba(47,109,246,.28);}
.sp-va-sch-grid input[type="number"]{padding:10px 12px;border:1px solid var(--sp-border-strong);border-radius:var(--sp-radius-sm);font-size:15px;font-family:var(--sp-font);color:var(--sp-text);background:var(--sp-surface);width:90px;}
.sp-va-sch-grid input[type="number"]:focus{outline:none;border-color:var(--sp-primary);box-shadow:0 0 0 3px rgba(47,109,246,.25);}
.sp-va-time{display:inline-flex;align-items:center;gap:4px;}
.sp-va-sch-retry{margin:16px 0;}
.sp-va-sch-retry-opts{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px;}
/* Retry-interval field — match the schedule-grid label/control look. */
.sp-va-sch-retrydelay{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:var(--sp-muted-strong);margin-top:16px;width:max-content;max-width:100%;}
.sp-va-sch-retrydelay .sp-va-time{gap:8px;}
.sp-va-sch-retrydelay input[type="number"],.sp-va-sch-retrydelay select{
    padding:10px 12px;border:1px solid var(--sp-border-strong);border-radius:var(--sp-radius-sm);font-size:15px;
    font-family:var(--sp-font);color:var(--sp-text);background:var(--sp-surface);
    transition:border-color var(--sp-ease),box-shadow var(--sp-ease);
}
.sp-va-sch-retrydelay select{cursor:pointer;}
.sp-va-sch-retrydelay input[type="number"]{width:84px;}
.sp-va-sch-retrydelay input[type="number"]:hover,.sp-va-sch-retrydelay select:hover{border-color:#b7c4d8;}
.sp-va-sch-retrydelay input[type="number"]:focus,.sp-va-sch-retrydelay select:focus{outline:none;border-color:var(--sp-primary);box-shadow:0 0 0 3px rgba(47,109,246,.25);}
.sp-va-sch-days{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0;}
.sp-va-day{
    display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border:1px solid var(--sp-border-strong);
    border-radius:var(--sp-radius-sm);cursor:pointer;font-size:15px;font-weight:600;color:var(--sp-muted-strong);
    background:var(--sp-surface);user-select:none;transition:background var(--sp-ease),border-color var(--sp-ease),color var(--sp-ease);
}
.sp-va-day:hover{background:var(--sp-surface-soft);border-color:#b7c4d8;}
.sp-va-day:has(input:checked){background:var(--sp-primary-soft);border-color:var(--sp-primary-border-soft);color:var(--sp-primary-hover);}
.sp-va-day:focus-within{border-color:var(--sp-primary);box-shadow:0 0 0 3px rgba(47,109,246,.28);}
.sp-va-day input[type="checkbox"],.sp-va-day-cb{accent-color:var(--sp-primary);cursor:pointer;width:16px;height:16px;}
.sp-va-day-cb:focus-visible{outline:none;box-shadow:var(--sp-ring);border-radius:5px;}

/* Focus fallback for browsers without :focus-visible. */
.sp-va-btn:focus,.sp-va-link:focus,.sp-va-pager button:focus,.sp-va-pager a:focus,.sp-va-pager .sp-va-btn:focus,.sp-va-upload input[type="file"]:focus,.sp-va-sch-toggle input:focus,.sp-va-day-cb:focus{outline:none;box-shadow:var(--sp-ring);}

@media (max-width:1024px){
    .sp-va-portal{width:100%;padding:28px 18px 56px;}
    .sp-va-sch-grid{gap:16px;}
}
@media (max-width:640px){
    .sp-va-portal{padding:18px 12px 44px;}
    .sp-va-portal-title{font-size:23px;}
    .sp-va-card{padding:18px 16px;}
    .sp-va-toolbar input[type="search"]{min-width:100%;}
    .sp-va-toolbar{gap:10px;}
    .sp-va-spacer{display:none;}
    .sp-va-toast{inset-inline-start:12px;inset-inline-end:12px;bottom:12px;text-align:center;}
}
@media (prefers-reduced-motion:reduce){*{transition:none !important;}}

/* Agent settings panel (per-tenant: number, voice, max length) */
.sp-va-agent-grid select{padding:10px 12px;border:1px solid var(--sp-border-strong);border-radius:var(--sp-radius-sm);font-size:15px;font-family:var(--sp-font);color:var(--sp-text);background:var(--sp-surface);min-width:0;}
.sp-va-agent-grid select:focus{outline:none;border-color:var(--sp-primary);box-shadow:0 0 0 3px rgba(47,109,246,.25);}
.sp-va-inline{display:flex;gap:8px;align-items:stretch;}
.sp-va-inline select{flex:1 1 auto;}
.sp-va-inline .sp-va-btn-mini{white-space:nowrap;}

/* Tab panels that hold a form (upload / schedule / prompt / settings / test) */
.sp-va-card-form{width:100%;max-width:none;box-sizing:border-box;}
.sp-va-card-form>.sp-va-hint:first-of-type{margin-top:0;}
@media (max-width:720px){
  .sp-va-tabs{gap:4px;}
  .sp-va-tabs-gap{display:none;}
  .sp-va-tab{font-size:14px;padding:10px 12px;}
}

/* Ambience block inside the agent settings tab */
.sp-va-subhead{margin:22px 0 6px;font-size:16px;font-weight:700;color:var(--sp-text);}
.sp-va-check{flex-direction:row !important;align-items:center;gap:8px;font-weight:600;}
.sp-va-check input[type="checkbox"]{width:18px;height:18px;accent-color:var(--sp-primary);}
.sp-va-range{display:flex;align-items:center;gap:10px;}
.sp-va-range input[type="range"]{flex:1 1 auto;accent-color:var(--sp-primary);}
.sp-va-range output{min-width:2.5em;text-align:center;font-variant-numeric:tabular-nums;font-weight:700;color:var(--sp-primary);}
.sp-va-hint-inline{font-weight:400;font-size:12.5px;line-height:1.4;}

/* ---- packages / signup / balance (2026-09-20) ---- */
.sp-va-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:12px 0 6px;}
.sp-va-plan{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:18px 12px 14px;border:2px solid var(--sp-border-strong);border-radius:var(--sp-radius-md);background:var(--sp-surface);cursor:pointer;text-align:center;transition:border-color var(--sp-ease),box-shadow var(--sp-ease),transform var(--sp-ease);}
.sp-va-plan:hover{border-color:var(--sp-primary-border-soft);transform:translateY(-1px);}
.sp-va-plan.is-selected{border-color:var(--sp-primary);box-shadow:0 0 0 3px rgba(47,109,246,.18);background:var(--sp-primary-soft);}
.sp-va-plan input{position:absolute;opacity:0;pointer-events:none;}
.sp-va-plan-badge{position:absolute;top:-11px;inset-inline-start:50%;transform:translateX(50%);background:var(--sp-primary);color:#fff;font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:var(--sp-radius-pill);white-space:nowrap;}
.sp-va-plan-min{font-size:30px;font-weight:800;line-height:1;color:var(--sp-text);font-variant-numeric:tabular-nums;}
.sp-va-plan-min-l{font-size:12.5px;color:var(--sp-muted);margin-bottom:8px;}
.sp-va-plan-price{font-size:20px;font-weight:800;color:var(--sp-primary);font-variant-numeric:tabular-nums;}
.sp-va-plan-per{font-size:12px;color:var(--sp-muted);}
.sp-va-btn-big{font-size:16px;padding:12px 22px;}
.sp-va-signup-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;align-items:start;}
@media (max-width:900px){.sp-va-signup-grid{grid-template-columns:1fr;}}
.sp-va-field-err{display:block;color:#b42318;font-size:12.5px;font-weight:600;min-height:1em;}
.sp-va-hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden;}
.sp-va-terms{margin:14px 0 6px;}
.sp-va-summary{margin:12px 0;padding:10px 14px;border-radius:var(--sp-radius-sm);background:var(--sp-primary-soft);border:1px solid var(--sp-primary-border-soft);}
.sp-va-notice{padding:10px 14px;border-radius:var(--sp-radius-sm);margin:0 0 14px;font-weight:600;}
.sp-va-notice-warn{background:#fff7e6;border:1px solid #f5d38a;color:#7a4b00;}
.sp-va-narrow{max-width:640px;margin:40px auto;}
.sp-va-kv{width:100%;border-collapse:collapse;margin:10px 0 16px;}
.sp-va-kv th{text-align:start;padding:8px 10px;color:var(--sp-muted-strong);width:35%;}
.sp-va-kv td{padding:8px 10px;font-weight:600;}
.sp-va-kv tr{border-bottom:1px solid var(--sp-line);}
.sp-va-balance-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--sp-radius-pill);background:var(--sp-primary-soft);border:1px solid var(--sp-primary-border-soft);color:var(--sp-primary);font-weight:700;cursor:pointer;margin-inline-end:10px;font-variant-numeric:tabular-nums;}
.sp-va-balance-badge.is-low{background:#fff1f0;border-color:#f5b3ad;color:#b42318;}
.sp-va-balance-box{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border-radius:var(--sp-radius-md);background:var(--sp-surface-soft);margin:6px 0 14px;}
.sp-va-balance-num{font-size:40px;font-weight:800;color:var(--sp-primary);font-variant-numeric:tabular-nums;margin-inline-end:10px;}
.sp-va-balance-l{font-size:15px;color:var(--sp-muted-strong);font-weight:600;}
.sp-va-pos{color:#1a7f37;font-weight:700;} .sp-va-neg{color:#b42318;font-weight:700;}
.sp-login-signup{margin-top:10px;font-size:14px;} .sp-login-signup a{color:var(--sp-primary,#2f6df6);font-weight:700;text-decoration:none;}