
.facevi-agent-notify-layer{position:fixed;z-index:260;inset:0;display:flex;align-items:flex-start;justify-content:center;padding:86px 20px 20px;background:rgba(24,18,40,.12);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .22s ease}
.facevi-agent-notify-layer.show{opacity:1;pointer-events:auto}
.facevi-agent-notify-card{position:relative;width:min(520px,calc(100vw - 28px));padding:18px;border:1px solid rgba(124,92,255,.28);border-radius:24px;background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:0 26px 80px rgba(52,30,105,.25),0 0 36px rgba(124,92,255,.18);backdrop-filter:blur(24px);transform:translateY(-14px) scale(.97);transition:transform .28s cubic-bezier(.2,.9,.2,1)}
.facevi-agent-notify-layer.show .facevi-agent-notify-card{transform:none}
.facevi-agent-notify-close{position:absolute;right:12px;top:10px;width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:1.2rem}
.facevi-agent-notify-top{display:flex;align-items:center;gap:8px;color:#ff405f;font-size:.72rem;font-weight:900;letter-spacing:.09em;margin-bottom:12px}
.facevi-agent-live-dot{width:9px;height:9px;border-radius:50%;background:#ff405f;box-shadow:0 0 0 6px rgba(255,64,95,.12);animation:faceviAgentPulse 1.25s ease-in-out infinite}
.facevi-agent-notify-persona{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;align-items:center;padding-right:36px}
.facevi-agent-notify-avatar{width:54px;height:54px;border-radius:17px;overflow:hidden;display:grid;place-items:center;background:var(--primary-soft);font-size:1.25rem}
.facevi-agent-notify-avatar video{width:100%;height:100%;object-fit:cover}
.facevi-agent-notify-persona small{display:block;color:var(--muted);font-weight:750}
.facevi-agent-notify-persona h3{margin:2px 0 0;font-size:1.12rem}
.facevi-agent-notify-card p{margin:13px 0;color:var(--text);line-height:1.5}
.facevi-agent-notify-actions{display:flex;gap:8px;flex-wrap:wrap}
.facevi-agent-listen-btn,.facevi-agent-later-btn{border-radius:14px;padding:10px 13px;font-weight:850}
.facevi-agent-listen-btn{border:0;background:var(--primary);color:#fff;box-shadow:0 10px 26px rgba(124,92,255,.24)}
.facevi-agent-later-btn{border:1px solid var(--line);background:var(--surface);color:var(--text)}
@keyframes faceviAgentPulse{50%{transform:scale(.72);opacity:.55}}

.dashboard-agent-section{margin:20px 0}
.dashboard-agent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dashboard-agent-card{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:20px;background:var(--surface-2)}
.dashboard-agent-avatar{width:72px;height:72px;border-radius:18px;overflow:hidden;background:#161220}
.dashboard-agent-avatar video{width:100%;height:100%;object-fit:cover}
.dashboard-agent-copy{min-width:0}
.dashboard-agent-copy strong{display:block;font-size:1rem}
.dashboard-agent-copy small{display:block;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dashboard-agent-live{display:inline-flex!important;align-items:center;gap:6px;color:#20a866!important;font-weight:850}
.dashboard-agent-live.paused{color:var(--muted)!important}
.dashboard-agent-switch{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:999px;padding:8px 11px;font-weight:850;min-width:70px}
.dashboard-agent-switch.on{background:rgba(40,189,114,.12);border-color:rgba(40,189,114,.26);color:#15945a}
.dashboard-agent-head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.dashboard-agent-notify-note{font-size:.76rem;color:var(--muted)}

.agent-alert-back{position:fixed;z-index:255;left:18px;top:16px;display:flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid rgba(124,92,255,.22);border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--text);text-decoration:none;font-weight:850;backdrop-filter:blur(18px);box-shadow:0 14px 40px rgba(0,0,0,.14)}
.agent-announcement-layer{position:fixed;z-index:250;inset:0;display:flex;align-items:center;justify-content:center;padding:78px 20px 92px;background:rgba(23,17,40,.24);backdrop-filter:blur(6px)}
.agent-announcement-layer[hidden]{display:none!important}
.agent-announcement-card{width:min(560px,calc(100vw - 28px));padding:22px;border:1px solid rgba(124,92,255,.30);border-radius:28px;background:color-mix(in srgb,var(--surface) 84%,transparent);box-shadow:0 30px 100px rgba(34,19,73,.35),0 0 50px rgba(124,92,255,.20);backdrop-filter:blur(26px)}
.agent-announcement-card .live{display:inline-flex;align-items:center;gap:7px;color:#ff405f;font-size:.72rem;font-weight:900;letter-spacing:.08em}
.agent-announcement-card h2{margin:8px 0 4px;font-size:clamp(1.45rem,3vw,2rem)}
.agent-announcement-card .agent-persona{color:var(--primary);font-weight:850}
.agent-announcement-card p{line-height:1.55}
.agent-announcement-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}
.agent-announcement-actions button,.agent-announcement-actions a{padding:11px 14px;border-radius:14px;font-weight:850;text-decoration:none}
.agent-announcement-listen{border:0;background:var(--primary);color:#fff;box-shadow:0 0 30px rgba(124,92,255,.25)}
.agent-announcement-later{border:1px solid var(--line);background:var(--surface);color:var(--text)}
.agent-announcement-source{display:inline-block;margin-top:8px;color:var(--primary);font-weight:800;text-decoration:none}
@media(max-width:760px){
  .facevi-agent-notify-layer{padding:calc(70px + env(safe-area-inset-top)) 12px calc(86px + env(safe-area-inset-bottom))}
  .facevi-agent-notify-card{width:100%;border-radius:22px}
  .dashboard-agent-grid{grid-template-columns:1fr}
  .dashboard-agent-card{grid-template-columns:62px minmax(0,1fr) auto}
  .dashboard-agent-avatar{width:62px;height:62px}
  .agent-alert-back{top:calc(10px + env(safe-area-inset-top));left:10px;padding:9px 11px}
  .agent-announcement-layer{padding:calc(70px + env(safe-area-inset-top)) 12px calc(88px + env(safe-area-inset-bottom))}
  .agent-announcement-card{width:100%;border-radius:22px}
}

/* v9.2.3 Live Agent elapsed timer */
.dashboard-agent-live{flex-wrap:wrap;overflow:visible!important;white-space:normal!important}
.agent-live-timer{display:inline-flex;align-items:center;gap:5px;margin-left:5px;padding:4px 9px;border-radius:999px;border:1px solid rgba(255,63,91,.28);background:rgba(255,63,91,.09);color:#e52f4d;font-size:.71rem;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:.01em;box-shadow:0 7px 20px rgba(255,63,91,.08);vertical-align:middle;transition:.2s}
.agent-live-timer .clock{width:15px;height:15px;border-radius:50%;display:grid;place-items:center;background:rgba(255,63,91,.13);font-size:.58rem;animation:agentTimerPulse 1.35s ease-in-out infinite}
.agent-live-timer [data-agent-interval]{opacity:.67;font-weight:800}
.agent-live-timer.overdue{background:rgba(255,48,76,.17);border-color:rgba(255,48,76,.45);box-shadow:0 0 0 5px rgba(255,48,76,.06),0 8px 22px rgba(255,48,76,.12)}
.agent-live-timer.paused{color:var(--muted);border-color:var(--line);background:var(--surface);box-shadow:none}
.agent-live-timer.paused .clock{animation:none;background:var(--surface-2)}
.agent-live-timer.reset{animation:agentTimerReset .78s cubic-bezier(.2,.9,.2,1)}
@keyframes agentTimerPulse{0%,100%{transform:scale(.88);opacity:.72}50%{transform:scale(1.08);opacity:1}}
@keyframes agentTimerReset{0%{transform:scale(.88)}35%{transform:scale(1.16);box-shadow:0 0 0 8px rgba(255,63,91,.10)}100%{transform:scale(1)}}
@media(max-width:760px){.agent-live-timer{margin-left:3px;padding:4px 7px;font-size:.68rem}}

/* v9.2.12 unheard alert persistence */
.facevi-agent-reminder-copy{display:block;margin:-3px 0 12px;color:var(--muted);font-size:.72rem;line-height:1.35}
.agent-live-timer.waiting-listen,.mobile-agent-timer.waiting-listen{
 background:rgba(255,64,95,.16)!important;
 border-color:rgba(255,64,95,.36)!important;
 box-shadow:0 0 0 4px rgba(255,64,95,.06);
}
.agent-live-timer.waiting-listen .clock,.mobile-agent-timer.waiting-listen .clock{animation:faceviUnheardPulse .75s ease-in-out infinite}
@keyframes faceviUnheardPulse{50%{transform:scale(1.28);opacity:.5}}
