/* Approved Pal Call references: shared identity, actual mode colors, internal scroll. */
/* Filled icons keep dark fills independently from accessible state text. */
:root .pc-mode-header{--notice-fill:#1769e8}
:root .pc-mode-header[data-mode=normal]{--notice-fill:#066349}
:root .pc-mode-header[data-mode=attack]{--notice-fill:#a72943}
:root .pc-mode-header[data-mode=recovery]{--notice-fill:#6631a4}
:root .pc-mode-header .pc-mode-header-icon{background:var(--notice-fill);color:#fff}
.customer-app-body{--live-header:68px}
.customer-app-body .customer-topbar{position:fixed!important;inset:0 0 auto!important;height:68px!important;box-sizing:border-box;z-index:1200;background:var(--panel,#fbfdffff);border-bottom:1px solid var(--border,#dbe7f6)}
.customer-app-body .customer-shell{padding-top:84px}
.customer-app-body .customer-topbar #sidebarToggle{display:inline-flex}
.customer-app-body .customer-topbar #palcallAttackNotice{position:static!important;inset:auto!important;transform:none!important;width:min(450px,34vw);max-width:450px;margin:auto;padding:7px 10px;min-height:0;box-shadow:none;display:flex;align-items:center;gap:10px;order:0;font-size:11px}
.customer-app-body .customer-topbar #palcallAttackNotice[hidden]{display:none}
.customer-topbar #palcallAttackNotice .attack-notice-copy{display:flex;align-items:center;gap:8px}.customer-topbar #palcallAttackNotice .attack-notice-copy small{display:none}.customer-topbar #palcallAttackNotice .attack-notice-actions{margin:0;flex-wrap:nowrap}.customer-topbar #palcallAttackNotice [data-attack-audio-note]{display:none}
.customer-topbar.pc-mode-header-ready #palcallAttackNotice{display:none!important}
.pc-mode-header{--notice-color:var(--accent,#1769ff);--notice-bg:var(--soft,#edf5ff);display:flex;gap:10px;align-items:center;margin:auto;padding:7px 10px;width:min(480px,38vw);box-sizing:border-box;border:1px solid var(--border,#b5d1ff);border-radius:12px;background:var(--notice-bg);color:var(--notice-color)}.pc-mode-header[hidden]{display:none}.pc-mode-header[data-mode=normal]{--notice-color:var(--ok,#06865c);--notice-bg:var(--success-bg,#ecfbf4);border-color:var(--ok,#a6e4cb)}.pc-mode-header[data-mode=attack]{--notice-color:var(--danger,#c32544);--notice-bg:var(--danger-bg,#fff0f3);border-color:var(--danger,#f5a9ba)}.pc-mode-header[data-mode=recovery]{--notice-color:var(--violet,#7842bc);--notice-bg:var(--violet-bg,#f4edff);border-color:var(--violet,#d2b6f3)}.pc-mode-header-icon{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:9px;color:#fff;background:var(--notice-color);font-weight:800}.pc-mode-header-copy{min-width:0;flex:1}.pc-mode-header strong,.pc-mode-header small{display:block;line-height:1.5}.pc-mode-header strong{font-size:12px}.pc-mode-header small{font-size:9px}.pc-mode-header-actions{display:flex;gap:5px;align-items:center}.pc-mode-header-actions a,.pc-mode-header-actions button{width:auto;min-height:29px;padding:5px 7px;border:1px solid currentColor;border-radius:7px;font-size:10px;white-space:nowrap;color:inherit;background:var(--panel,#fff);text-decoration:none}
@media(max-width:1000px){.pc-mode-header{width:min(340px,38vw);gap:5px}.pc-mode-header small,.pc-mode-header-actions button{display:none}.pc-mode-header-icon{width:25px;height:25px}.pc-mode-header strong{font-size:10px}}@media(max-width:600px){.pc-mode-header{width:auto;flex:1;min-width:0;padding:5px}.pc-mode-header-icon,.pc-mode-header-actions{display:none}.pc-mode-header strong{font-size:9px}}
body.live-experience{height:100dvh;overflow:hidden!important}
body.live-experience.support-impersonation{--live-header:106px}
body.live-experience .customer-shell{position:fixed;inset:var(--live-header) 0 0;max-width:none!important;width:100%;padding:10px 16px 12px!important;box-sizing:border-box;overflow:hidden}
body.live-experience .app-workspace{display:block!important;height:100%;min-width:0}
body.live-experience .customer-page-main{height:100%;overflow:hidden;padding:0!important;min-width:0}
body.live-experience #liveMonitor{height:100%;min-height:0;display:flex;flex-direction:column;gap:10px}
body.live-experience #liveMonitor .live-command-hero{flex:none;margin:0;padding:12px 16px;gap:8px;border-radius:14px;background:linear-gradient(115deg,var(--mode-start,#12459d),var(--mode-end,#1769e5))!important;color:#fff}
body.live-experience[data-protection-mode=normal]{--mode-start:#075746;--mode-end:#0a9d78}
body.live-experience[data-protection-mode=intelligence]{--mode-start:#103c87;--mode-end:#086aff}
body.live-experience[data-protection-mode=attack]{--mode-start:#801e35;--mode-end:#e33846}
body.live-experience[data-protection-mode=recovery]{--mode-start:#432483;--mode-end:#8954dd}
body.live-experience .live-command-copy h1{font-size:20px;margin:0}
body.live-experience .live-command-kicker{font-size:9px}
body.live-experience .live-hero-dashboard{display:grid;grid-template-columns:1.2fr 4fr 1.2fr;gap:8px}
body.live-experience .live-hero-metrics{gap:5px}.live-experience .live-hero-metrics article{padding:8px;min-height:0}
body.live-experience .live-hero-metrics strong{font-size:25px}
body.live-experience .live-hero-decisions{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}
body.live-experience .live-hero-decision{min-height:0;padding:9px 5px;border:1px solid #ffffff22;background:#ffffff0e;border-radius:9px;box-shadow:none}
body.live-experience .live-hero-decision strong{font-size:23px}.live-experience .live-hero-decision span{font-size:9px}
body.live-experience .live-hero-traffic,body.live-experience .live-number-distribution{display:none}
body.live-experience .live-hero-service{display:grid;gap:2px;grid-template-columns:1fr;padding:5px 8px;border-radius:9px;background:#ffffff0d}
body.live-experience .live-hero-service article{padding:2px}.live-experience .live-hero-service b{font-size:10px}
body.live-experience #liveTableWorkspace{flex:1;display:flex!important;min-height:0;align-items:stretch!important}
body.live-experience #liveTableWorkspace[hidden]{display:none!important}
body.live-experience #liveTableWorkspace .live-feed-panel{flex:1;min-height:0;height:100%;box-sizing:border-box;align-self:stretch;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:4px;overflow:hidden;padding:12px;border-radius:14px;border:1px solid var(--border,#dbe7f7);background:var(--panel,#fff)}
body.live-experience .live-feed-panel>.live-feed-heading{grid-area:1/1/2/-1}
body.live-experience .live-feed-panel>.live-filter-drawer{grid-area:2/1/3/-1}
body.live-experience .live-feed-panel>.live-date-controls{grid-area:3/1/4/2;min-width:0}
body.live-experience .live-feed-panel>.table-export-toolbar{grid-area:3/2/4/3;align-self:center;margin:0}
body.live-experience .live-feed-panel>.live-call-table{grid-area:4/1/5/-1}
body.live-experience .live-feed-panel>.live-page-controls{grid-area:5/1/6/-1}
body.live-experience .live-feed-heading{flex:none;margin:0 0 7px}.live-experience .live-feed-heading h2{font-size:17px;margin:0}
body.live-experience .live-feed-heading p,body.live-experience .live-section-label{display:none}
body.live-experience .live-filter-drawer{flex:none;margin:0 0 7px}
body.live-experience .call-filter-toolbar{display:flex;flex-wrap:wrap;gap:8px;max-height:135px;overflow:auto}
body.live-experience .call-filter-toolbar label{flex:1;min-width:130px}
body.live-experience .live-call-table{flex:1;min-height:0;max-height:none!important;overflow:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable;border:1px solid var(--border,#dce7f5);border-radius:10px;touch-action:pan-x pan-y}
body.live-experience .live-call-table table{width:100%!important;min-width:2110px!important;max-width:none!important;table-layout:fixed!important;border-collapse:separate;border-spacing:0}
body.live-experience .live-call-table th,body.live-experience .live-call-table td{width:110px!important;padding:11px 8px;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word;vertical-align:middle;text-align:start;font-size:11px;line-height:1.5}
body.live-experience .live-call-table th{position:sticky!important;top:0!important;z-index:3;background:var(--soft,#edf5ff);color:var(--text,#244376);border-bottom:1px solid var(--border,#d8e6f8)}
body.live-experience .live-call-table th:nth-child(2),body.live-experience .live-call-table td:nth-child(2){width:168px!important}
body.live-experience .live-call-table th:nth-child(3),body.live-experience .live-call-table td:nth-child(3){width:150px!important}
body.live-experience .live-call-table th:nth-child(17),body.live-experience .live-call-table td:nth-child(17){width:220px!important}
body.live-experience .live-call-table tbody tr:nth-child(even){background:var(--soft,#f9fbff)}
body.live-experience .live-call-table .badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;min-width:65px;border-radius:9px;white-space:normal;line-height:1.5}
.live-time-stack b,.live-time-stack small{display:block;font-variant-numeric:tabular-nums;white-space:nowrap!important}
.live-date-controls,.live-page-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:none;padding-block:7px}
.live-date-controls label{margin-inline-start:auto;display:flex;align-items:center;gap:8px;font-size:11px}
.live-date-controls select{width:75px}.live-date-controls #liveHistoryScope{font-size:11px;color:var(--muted,#657da1)}
.live-page-controls{justify-content:center}.live-page-controls span{min-width:150px;text-align:center;font-size:11px}
.live-number-action,.live-number-details{display:inline-flex;padding:5px 8px;font-size:10px;border-radius:7px;text-decoration:none;white-space:nowrap}
.live-number-action{width:auto;border:1px solid var(--danger,#fecdd3);background:var(--danger-bg,#fff1f2);color:var(--danger,#be123c)}.live-number-action.unblock{background:var(--success-bg,#eaf8f1);border-color:var(--ok,#a7e3c8);color:var(--ok,#047857)}.live-number-details{color:var(--accent,#155ee8)}
body.live-experience #appSidebar{position:fixed!important;inset-block:var(--live-header) 0!important;inset-inline:auto 0!important;width:min(280px,90vw);height:auto!important;max-height:none!important;z-index:1190;visibility:hidden!important;transform:translateX(110%);transition:transform .2s}
[dir=ltr] body.live-experience #appSidebar{inset-inline:0 auto!important;transform:translateX(-110%)}
body.live-experience.sidebar-open #appSidebar{visibility:visible!important;transform:translateX(0)}
body.live-experience.sidebar-open #sidebarScrim{display:block!important;position:fixed;inset:var(--live-header) 0 0;background:#12335a44;z-index:1180}
.pcs-mode-cards{gap:12px}.pcs-mode-option{border:1px solid var(--pcs-border);border-radius:14px;padding:18px;background:linear-gradient(120deg,var(--panel,#fff),var(--pcs-bg))}
.pcs-mode-option button{width:100%;margin-top:8px;border-radius:9px}
.pcs-mode-option .pcs-settings-open{background:var(--soft,#f1f6ff);color:var(--accent,#155ce2);border:1px solid var(--border,#d2e2ff)}
.pcs-mode-option .pcs-force-button{font-size:11px;background:var(--panel,#fff);border:1px solid var(--pcs-border);color:var(--pcs-text)}
.pcs-forced-notice{padding:12px 16px;border:1px solid var(--warn,#f3d799);background:var(--warning-bg,#fffbeb);border-radius:12px;color:var(--warn,#854d0e);margin:12px 0}
.pcs-profile-dialog{width:min(1150px,94vw);max-height:90dvh;padding:0;border:1px solid var(--border,#cbdff8);border-radius:18px;color:var(--text,#183c71);overflow:auto;background:var(--soft,#f8fbff)}
.pcs-profile-dialog::backdrop{background:#16345a88;backdrop-filter:blur(3px)}
.pcs-profile-head{position:sticky;top:0;z-index:5;background:linear-gradient(110deg,var(--soft,#e7f2ff),var(--panel,#fff));padding:18px;display:flex;justify-content:space-between;align-items:center}
.pcs-profile-head h2{margin:0;font-size:22px}.pcs-profile-head button{width:38px}
.pcs-profile-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:var(--panel,#fff);border-bottom:1px solid var(--border,#e0eafb)}
.pcs-profile-tabs button{width:auto;font-size:12px}.pcs-profile-tabs [aria-selected=true]{background:#086aff;color:white}
.pcs-profile-panel{padding:16px}.pcs-profile-panel[hidden]{display:none}
.pcs-state-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0}.pcs-state-tools input{flex:1;min-width:170px}.pcs-state-tools button{width:auto}
.pcs-states-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;max-height:340px;overflow:auto;padding:6px}
.pcs-state-cell{position:relative;display:flex;align-items:center;gap:10px;padding:13px;border:1px solid var(--border,#d9e6f9);border-radius:10px;background:var(--panel,#fff);font-size:12px}
.pcs-state-cell:has(input:checked){border-color:var(--border,#599aff);background:var(--soft,#edf5ff)}.pcs-state-cell input{width:18px;height:18px;accent-color:#086aff}.pcs-state-cell b{color:var(--text,#163973)}
.pcs-rule-table{width:100%;border-collapse:collapse;font-size:12px}.pcs-rule-table th,.pcs-rule-table td{padding:9px;border-bottom:1px solid var(--border,#dce6f5)}.pcs-rule-table select{min-width:100px}.pcs-rule-table input[type=checkbox]{width:18px;height:18px}
.pcs-profile-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:14px}.pcs-profile-actions button{width:auto}
.pcs-transition{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;background:#102a5080;backdrop-filter:blur(5px)}
.pcs-transition[hidden]{display:none}.pcs-transition-card{width:min(420px,85vw);padding:30px;text-align:center;border-radius:20px;background:var(--panel,#fff);border:1px solid var(--border,#bedbff);box-shadow:0 20px 80px #153b7250}
.pcs-transition-orbit{height:64px;width:64px;border:4px solid var(--border,#d9eaff);border-top-color:var(--border,#086aff);border-radius:50%;margin:0 auto 20px;animation:pcs-orbit 1s linear infinite}
@keyframes pcs-orbit{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.pcs-transition-orbit{animation:none}body.live-experience #appSidebar{transition:none}}
@media(max-width:1000px){body.live-experience .live-hero-dashboard{grid-template-columns:1fr}.live-experience .live-hero-metrics{display:none!important}.live-experience .live-hero-service{display:none!important}.pcs-states-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-topbar #palcallAttackNotice .attack-notice-actions{display:none!important}}
@media(max-width:600px){body.live-experience .customer-shell{padding:6px!important}.live-experience .live-command-hero{padding:8px!important}.live-experience .live-hero-decisions{grid-template-columns:repeat(4,minmax(0,1fr))!important}.live-experience .live-hero-decision{padding:3px!important}.live-experience .live-hero-decision strong{font-size:17px!important}.live-experience .live-command-copy h1{font-size:16px!important}.live-experience .live-command-kicker{display:none!important}.live-experience .live-feed-heading{display:none!important}.pcs-states-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-topbar #palcallAttackNotice{max-width:155px!important;padding:4px!important}.customer-topbar #palcallAttackNotice .attack-notice-icon{display:none}.customer-topbar #palcallAttackNotice strong{font-size:9px}.live-date-controls{gap:5px}.live-date-controls label{display:none}.live-date-controls #liveHistoryScope{width:100%}}
/* Final approved monitoring reference. Color follows confirmed protection mode. */
body.live-experience .live-call-table thead{display:table-header-group!important}body.live-experience .live-call-table tbody{display:table-row-group!important}body.live-experience .live-call-table tr{display:table-row!important}body.live-experience .live-call-table th,body.live-experience .live-call-table td{display:table-cell!important}body.live-experience .live-call-table td:before{display:none!important}
body.live-experience #liveMonitor .live-reference-hero{display:block;height:auto!important;min-height:0;position:relative;isolation:isolate;color:var(--text,#0f295f)!important;background:var(--mode-pale,linear-gradient(125deg,#e4efff 0%,#f8fbff 44%,#ece8ff 100%))!important;border:1px solid var(--border,#dce7fb);padding:12px 16px!important;overflow:hidden}
body.live-experience .live-reference-hero:before{content:"";position:absolute;inset:45% -15% -60%;border-radius:50%;background:linear-gradient(110deg,#75baff20,#b4a5ff1a);transform:rotate(-7deg);z-index:-1;pointer-events:none}
body.live-experience[data-protection-mode=normal]{--mode-pale:linear-gradient(125deg,#def4ec,#f9fffd 44%,#e5f7ed)}
body.live-experience[data-protection-mode=attack]{--mode-pale:linear-gradient(125deg,#ffe4e8,#fffbfc 44%,#ffe5df)}
body.live-experience[data-protection-mode=recovery]{--mode-pale:linear-gradient(125deg,#efe4ff,#fdfaff 44%,#e7eaff)}
.live-reference-title{display:flex;align-items:center;gap:12px}.live-reference-title h1{font-size:25px;margin:0;color:var(--text,#082069)}.live-reference-title p{font-size:11px;color:var(--accent,#6379a6);margin:5px 0 0}.live-title-icon{display:grid;place-items:center;flex:none;width:50px;height:50px;border-radius:13px;background:linear-gradient(145deg,#367dff,#4930e5);box-shadow:0 5px 15px #6266d63d;color:#fff;font-size:27px}.live-reference-title .live-protection-mode{font-size:11px;padding:4px 8px;border:1px solid var(--border,#c9d9f5);border-radius:8px;white-space:nowrap}.live-reference-title #liveFocusMode{margin-inline-start:auto;width:auto}
.live-reference-summary{display:grid;grid-template-columns:155px minmax(0,1fr) 310px;gap:12px;align-items:stretch;margin-top:12px}.live-shield-illustration{display:grid;place-items:center}.live-shield-illustration svg{width:150px;height:150px;filter:drop-shadow(0 10px 12px #468eff30)}
.live-reference-counters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.live-reference-counter{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px solid var(--border,#dfe9fb);border-radius:13px;background:linear-gradient(120deg,var(--panel,#fff),var(--soft,#f8fbff));padding:10px 3px;min-width:0}.live-reference-counter strong{font-size:29px;line-height:1.1;color:var(--text,#061c60);font-variant-numeric:tabular-nums}.live-reference-counter>span:not(.live-counter-icon){font-size:11px;color:var(--text,#16396b);text-align:center}.live-reference-counter small{font-size:10px;color:var(--muted,#7180a3);min-height:15px}.live-counter-icon{display:grid;place-items:center;height:34px;width:34px;border-radius:50%;font-size:20px;background:var(--soft,#e4efff);color:var(--accent,#1784fe);box-shadow:0 0 0 7px #e4efff4d}.live-reference-counter.allow{background:linear-gradient(120deg,var(--panel,#fff),var(--success-bg,#effcf6))}.live-reference-counter.allow .live-counter-icon{background:#00bc8d;color:#fff;box-shadow:0 0 0 7px #00bc8d14}.live-reference-counter.block{background:linear-gradient(120deg,var(--panel,#fff),var(--danger-bg,#fff0f4))}.live-reference-counter.block .live-counter-icon{background:#f4375c;color:#fff;box-shadow:0 0 0 7px #f4375c14}.live-reference-counter.review{background:linear-gradient(120deg,var(--panel,#fff),var(--warning-bg,#fff8ed))}.live-reference-counter.review .live-counter-icon{background:#ffad3b;color:white;box-shadow:0 0 0 7px #ffad3b14}.live-reference-counter.failed .live-counter-icon,.live-reference-counter.unknown .live-counter-icon{background:#8296b5;color:#fff}
.live-reference-service{border:1px solid var(--border,#446eb8);border-radius:13px;background:linear-gradient(130deg,var(--mode-start,#193282),#16256b);color:#fff;padding:12px;display:flex;flex-direction:column;justify-content:space-between;min-width:0;box-shadow:0 5px 15px #233c761c}.live-service-head{display:flex;align-items:center;gap:10px;padding:7px 4px 13px;border-bottom:1px solid #a5c4ff33}.live-service-head strong{display:block;font-size:17px;color:#34ecaa}.live-service-head span:not(.live-service-signal){font-size:10px;color:#d4e5ff}.live-service-signal{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#20db8720;color:#23e398;font-size:30px}.live-service-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.live-service-bottom>div+div{border-inline-start:1px solid #b7d2ff33;padding-inline-start:12px}.live-service-bottom small{display:block;font-size:10px;color:#c8dcff}.live-service-bottom b{display:block;font-size:11px;margin-top:6px;font-variant-numeric:tabular-nums}.live-refresh-button{display:inline-block;width:auto;border:0;background:none;color:#d9e7ff;padding:0;font-size:11px}.live-reference-extra{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding-top:8px;color:var(--accent,#576e9c);font-size:10px}.live-reference-extra b{font-variant-numeric:tabular-nums;color:var(--text,#0b367a);padding-inline-start:5px}
.live-reference-status{flex:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 14px;border:1px solid var(--border,#d9e9f6);border-radius:12px;background:var(--panel,#fff);color:var(--muted,#345275);font-size:11px}.live-status-live{display:flex;align-items:center;gap:9px;color:var(--ok,#058351)}.live-status-live i{display:inline-block;width:10px;height:10px;background:#00bd83;border-radius:50%;box-shadow:0 0 0 5px #00bd8310}
body.live-experience .live-filter-drawer>summary{display:none}body.live-experience .call-filter-toolbar{max-height:112px;gap:7px}body.live-experience .call-filter-toolbar input,body.live-experience .call-filter-toolbar select{height:36px;padding:5px 9px;font-size:11px}body.live-experience .live-feed-heading{margin:0 0 4px}body.live-experience .live-call-table table{min-width:2350px!important}body.live-experience .live-call-table th:nth-child(2),body.live-experience .live-call-table td:nth-child(2){width:100px!important}body.live-experience .live-call-table th:nth-child(3),body.live-experience .live-call-table td:nth-child(3){width:170px!important}body.live-experience .live-call-table th:nth-child(4),body.live-experience .live-call-table td:nth-child(4){width:145px!important}body.live-experience .live-call-table th:nth-child(17),body.live-experience .live-call-table td:nth-child(17){width:90px!important}body.live-experience .live-call-table th:nth-child(19),body.live-experience .live-call-table td:nth-child(19){width:225px!important}body.live-experience .live-call-table th:nth-child(20),body.live-experience .live-call-table td:nth-child(20){width:165px!important}
@media(max-width:1250px){.live-reference-summary{grid-template-columns:minmax(0,1fr) 270px}.live-shield-illustration{display:none}.live-reference-title h1{font-size:21px}.live-reference-counter strong{font-size:24px}.live-reference-counter>span:not(.live-counter-icon){font-size:10px}.live-service-head strong{font-size:14px}}
@media(max-width:850px){.live-reference-summary{grid-template-columns:1fr}.live-reference-service{display:none}.live-reference-title p{display:none}.live-reference-extra{padding-top:4px;font-size:9px}.live-reference-counter{padding:7px 3px}.live-reference-title h1{font-size:18px}.live-title-icon{width:36px;height:36px}.live-reference-status{padding:7px;font-size:10px}.live-reference-title .live-protection-mode{white-space:normal}}
@media(max-width:500px){.live-reference-title{gap:6px}.live-reference-title h1{font-size:16px}.live-reference-title #liveConnectionState{display:none}.live-reference-counters{gap:3px}.live-reference-counter>span:not(.live-counter-icon){font-size:8px}.live-counter-icon{width:23px;height:23px;font-size:15px;box-shadow:none!important}.live-reference-counter strong{font-size:21px}.live-reference-extra{gap:7px}.live-reference-status>span+span{display:none}body.live-experience .call-filter-toolbar{max-height:75px}.live-reference-title #liveFocusMode{padding:3px}}
/* Reserve usable rows on laptop-height screens without making the page scroll. */
@media(max-height:780px){
 body.live-experience #liveMonitor{gap:7px}
 body.live-experience #liveMonitor .live-reference-hero{padding:8px 12px!important}
 body.live-experience .live-title-icon{width:30px;height:30px;font-size:21px}
 body.live-experience .live-reference-title h1{font-size:21px}
 body.live-experience .live-reference-title p{display:none}
 body.live-experience .live-reference-summary{margin-top:7px;gap:8px;grid-template-rows:72px}
 body.live-experience .live-reference-summary>*{min-height:0}
 body.live-experience .live-shield-illustration svg{height:68px;width:68px}
 body.live-experience .live-reference-counters{grid-template-rows:minmax(0,1fr)}
 body.live-experience .live-reference-counter{min-height:0;padding:3px;gap:1px}
 body.live-experience .live-counter-icon{height:16px;width:16px;flex:none;font-size:12px;line-height:1;box-shadow:none}
 body.live-experience .live-reference-counter strong{font-size:21px;line-height:1.1}
 body.live-experience .live-reference-counter>span:not(.live-counter-icon){font-size:10px;line-height:1.1}
 body.live-experience .live-reference-counter small{min-height:0;font-size:9px;line-height:1.1}
 body.live-experience .live-reference-extra{display:none}
 body.live-experience .live-reference-service{padding:4px 10px;justify-content:flex-start}
 body.live-experience .live-service-head{padding:0 0 3px}
 body.live-experience .live-service-signal{width:24px;height:24px;font-size:20px}
 body.live-experience .live-service-head strong{font-size:13px;line-height:1.2}
 body.live-experience .live-service-head #liveProviderStatus{font-size:8px;line-height:1.1}
 body.live-experience .live-service-bottom{margin-top:3px;min-height:0}
 body.live-experience .live-service-bottom small{font-size:9px;line-height:1.1}
 body.live-experience .live-service-bottom b{font-size:9px;line-height:1.1;margin-top:2px}
 body.live-experience .live-service-bottom .live-refresh-button{font-size:9px;line-height:1.1}
 body.live-experience #liveMonitor .live-reference-service .live-refresh-button{width:auto;height:auto;min-height:0;padding:0}
 body.live-experience .live-reference-status{padding:6px 10px}
 body.live-experience #liveTableWorkspace .live-feed-panel{padding:8px}
 body.live-experience #liveTableWorkspace .live-feed-heading{display:none}
 body.live-experience .live-count-badge{height:24px;min-height:0;min-width:30px;padding:2px 5px;font-size:12px}
 body.live-experience .live-feed-heading h2{font-size:15px}
 body.live-experience .call-filter-toolbar{padding:6px;max-height:56px;flex-wrap:nowrap;align-items:flex-end}
 body.live-experience .live-filter-drawer{margin:0}
 body.live-experience .call-filter-toolbar label{min-width:0}
 body.live-experience .call-filter-toolbar .call-filter-search{min-width:140px}
 body.live-experience .call-filter-count{display:none}
 body.live-experience .call-filter-toolbar input,body.live-experience .call-filter-toolbar select,body.live-experience .call-filter-toolbar button{height:30px;min-height:30px}
 body.live-experience .live-date-controls,body.live-experience .live-page-controls{padding-block:3px;gap:5px}
 body.live-experience .live-date-controls button,body.live-experience .live-page-controls button{padding:5px 9px;min-height:28px}
 body.live-experience .live-date-controls select{height:28px;padding:3px}
 body.live-experience .table-export-toolbar{flex:none;margin-bottom:4px}
 body.live-experience .live-call-table th{padding-block:6px;white-space:nowrap!important}
}
@media(max-height:780px) and (max-width:850px){body.live-experience .call-filter-toolbar{flex-wrap:wrap;max-height:72px}body.live-experience .call-filter-toolbar label{min-width:100px}}
@media(max-width:600px){body.live-experience #liveTableWorkspace .live-feed-panel{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto minmax(0,1fr) auto}body.live-experience .live-feed-panel>.live-date-controls{grid-area:3/1/4/2}body.live-experience .live-feed-panel>.table-export-toolbar{grid-area:4/1/5/2}body.live-experience .live-feed-panel>.live-call-table{grid-area:5/1/6/2}body.live-experience .live-feed-panel>.live-page-controls{grid-area:6/1/7/2}}
/* The pale reference header must not inherit the former dark hero's white badge. */
body.live-experience{--mode-ink:var(--text,#1647ac);--mode-badge:#edf3ff}
body.live-experience[data-protection-mode=normal]{--mode-ink:var(--text,#065f46);--mode-badge:#e7f8ef}
body.live-experience[data-protection-mode=attack]{--mode-ink:var(--text,#a61b37);--mode-badge:#fff0f3}
body.live-experience[data-protection-mode=recovery]{--mode-ink:var(--text,#65349c);--mode-badge:#f3edff}
body.live-experience .live-reference-title .live-protection-mode{color:var(--mode-ink);background:var(--mode-badge);border-color:currentColor;font-weight:800;opacity:1}
.live-number-check-dialog{width:min(1200px,calc(100vw - 24px));height:min(860px,94dvh);max-height:94dvh;max-width:calc(100vw - 24px);padding:0;border:1px solid var(--border,#bcd5f9);border-radius:16px;color:var(--text,#17396d);background:var(--soft,#f6f9ff);overflow:hidden;box-shadow:0 24px 90px #16396b55}
.live-number-check-dialog[open]{display:flex;flex-direction:column}
.live-number-check-dialog::backdrop{background:#102c5a80;backdrop-filter:blur(3px)}
.live-number-check-head{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;gap:16px;border-bottom:1px solid var(--border,#d6e4f7);background:var(--soft,#edf4ff);flex:none}
.live-number-check-head h2{margin:0 0 3px;font-size:18px}.live-number-check-head strong{display:block;font-size:13px;font-variant-numeric:tabular-nums}
.live-number-check-head button{width:34px;height:34px;border:1px solid var(--border,#c2d7f4);border-radius:9px;background:var(--panel,#fff);color:var(--text,#1647ac);font-size:24px;cursor:pointer}
.live-number-check-dialog>p{padding:4px 18px;margin:0;font-size:12px;color:var(--muted,#345680)}.live-number-check-dialog iframe{border:0;width:100%;flex:1;min-height:0;background:var(--soft,#f6f9ff)}
/* Fit the complete twenty-column ledger to computer screens; wrap, never crop facts. */
@media(min-width:1000px){
 body.live-experience #liveTableWorkspace .live-call-table{overflow-x:auto!important;touch-action:pan-y}
 body.live-experience #liveTableWorkspace .live-call-table table{min-width:0!important;max-width:100%!important;width:100%!important}
 body.live-experience #liveTableWorkspace .live-call-table th,body.live-experience #liveTableWorkspace .live-call-table td{width:auto!important;min-width:0!important;padding:7px 3px;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;font-size:clamp(10px,.68vw,12px);line-height:1.45}
 body.live-experience #liveTableWorkspace .live-call-table :is(th,td):nth-child(1){width:6.5%!important}
 body.live-experience #liveTableWorkspace .live-call-table :is(th,td):nth-child(2){width:3.5%!important}
 body.live-experience #liveTableWorkspace .live-call-table :is(th,td):nth-child(3){width:10%!important}
 body.live-experience #liveTableWorkspace .live-call-table :is(th,td):nth-child(4){width:5%!important}
 body.live-experience #liveTableWorkspace .live-call-table :is(th,td):nth-child(5){width:4%!important}
 body.live-experience #liveTableWorkspace .live-call-table :is(th,td):nth-child(6){width:4%!important}
 body.live-experience #liveTableWorkspace .live-call-table :is(th,td):nth-child(7){width:5%!important}
 body.live-experience #liveTableWorkspace .live-call-table :is(th,td):nth-child(8){width:3%!important}
 body.live-experience #liveTableWorkspace .live-call-table :is(th,td):nth-child(9){width:3.5%!important}
 body.live-experience #liveTableWorkspace .live-call-table :is(th,td):nth-child(10){width:6%!important}
 body.live-experience #liveTableWorkspace .live-call-table :is(th,td):nth-child(11){width:4%!important}
 body.live-experience #liveTableWorkspace .live-call-table :is(th,td):nth-child(12){width:4%!important}
 body.live-experience #liveTableWorkspace .live-call-table :is(th,td):nth-child(13){width:5.5%!important}
 body.live-experience #liveTableWorkspace .live-call-table :is(th,td):nth-child(14){width:5.5%!important}
 body.live-experience #liveTableWorkspace .live-call-table :is(th,td):nth-child(15){width:4.5%!important}
 body.live-experience #liveTableWorkspace .live-call-table :is(th,td):nth-child(16){width:4%!important}
 body.live-experience #liveTableWorkspace .live-call-table :is(th,td):nth-child(17){width:4%!important}
 body.live-experience #liveTableWorkspace .live-call-table :is(th,td):nth-child(18){width:4%!important}
 body.live-experience #liveTableWorkspace .live-call-table :is(th,td):nth-child(19){width:8.5%!important}
 body.live-experience #liveTableWorkspace .live-call-table :is(th,td):nth-child(20){width:5.5%!important}
 body.live-experience #liveTableWorkspace .live-call-table .badge{min-width:0;max-width:100%;padding:4px 2px;font-size:inherit;overflow-wrap:anywhere}
 body.live-experience #liveTableWorkspace .live-caller-number{gap:3px;min-width:0}
 body.live-experience #liveTableWorkspace .live-caller-number strong{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
 body.live-experience #liveTableWorkspace .live-time-stack :is(b,small){white-space:normal!important;overflow-wrap:anywhere}
 body.live-experience #liveTableWorkspace :is(.live-number-action,.live-number-details){min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;padding:5px 3px;font-size:10px}
 body.live-experience #liveTableWorkspace .live-call-stages :is(small,time){white-space:normal;overflow-wrap:anywhere}
}
/* Very narrow windows keep every fact, grouped and labelled within the same call. */
@media(max-width:999px){
 body.live-experience #liveTableWorkspace .live-call-table table{display:block;min-width:0!important;max-width:100%!important;width:100%!important}
 body.live-experience #liveTableWorkspace .live-call-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 body.live-experience #liveTableWorkspace .live-call-table tbody{display:block!important}
 body.live-experience #liveTableWorkspace .live-call-table tr{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));padding:8px;gap:6px;border-bottom:1px solid var(--border,#cbdcf6)}
 body.live-experience #liveTableWorkspace .live-call-table td{display:block!important;width:auto!important;min-width:0!important;padding:6px;border:1px solid var(--border,#e5edf9);border-radius:6px;white-space:normal!important;overflow-wrap:anywhere!important;font-size:11px}
 body.live-experience #liveTableWorkspace .live-call-table td:before{content:attr(data-label);display:block!important;margin-bottom:4px;color:var(--accent,#58729b);font-size:10px;font-weight:700}
 body.live-experience #liveTableWorkspace .live-call-table .badge{min-width:0;max-width:100%}
 body.live-experience #liveTableWorkspace .live-call-table .live-caller-number strong{min-width:0;max-width:100%;overflow-wrap:anywhere}
 body.live-experience #liveTableWorkspace .live-call-table tr:has(.empty){display:block!important}
 body.live-experience #liveTableWorkspace .live-call-table .empty:before{display:none!important}
}
@media(max-width:600px){body.live-experience #liveTableWorkspace .live-call-table tr{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Latest approved live layout: the page scrolls naturally; all ten rows remain complete. */
body.live-experience{height:auto!important;min-height:100dvh;overflow-y:auto!important;overflow-x:hidden!important}
body.live-experience .customer-topbar{position:static!important;height:auto!important;min-height:68px;inset:auto!important}
body.live-experience :is(#palcallAttackNotice,#palcallModeHeader){display:none!important}
body.live-experience .customer-shell{position:static!important;inset:auto!important;height:auto!important;min-height:0!important;padding:14px 16px 24px!important;overflow:visible!important}
body.live-experience :is(.app-workspace,.customer-page-main,#liveMonitor,#liveTableWorkspace){height:auto!important;min-height:0!important;overflow:visible!important}
body.live-experience #liveTableWorkspace{display:block!important}
body.live-experience #liveTableWorkspace .live-feed-panel{display:block!important;height:auto!important;max-height:none!important;overflow:visible!important}
body.live-experience #liveTableWorkspace .live-call-table{height:auto!important;max-height:none!important;overflow:visible!important;contain:none!important}
body.live-experience #liveTableWorkspace .live-call-table th{position:static!important}
body.live-experience .live-summary-grid{height:auto!important;min-height:94px;align-items:stretch}
body.live-experience .live-reference-hero{height:auto!important;min-height:0!important;overflow:hidden!important;padding:16px!important}
body.live-experience .live-reference-header{height:auto!important;min-height:0!important}
body.live-experience .call-filter-toolbar{flex-wrap:wrap!important;max-height:none!important;overflow:visible!important}
body.live-experience .live-reference-summary{height:auto!important;min-height:94px}
body.live-experience #liveTableWorkspace .live-number-details{display:inline-flex;align-items:center;justify-content:center;min-height:30px;border:1px solid var(--border,#bfd6fa);border-radius:8px;background:var(--soft,#eef5ff);color:var(--text,#1647ac);cursor:pointer;text-decoration:none}
/* Consistent, readable modal controls instead of native browser buttons. */
.pcs-profile-dialog button,.pcs-confirm-dialog button,.pcs-automatic-strip button{font:inherit;font-weight:700;min-height:40px;padding:10px 16px;border:1px solid var(--border,#bfd4f6);border-radius:10px;background:var(--panel,#fff);color:var(--accent,#1555ba);cursor:pointer;transition:background .15s,box-shadow .15s}
.pcs-profile-dialog button:hover,.pcs-confirm-dialog button:hover{background:var(--soft,#edf5ff);box-shadow:0 3px 10px #165ab514;color:var(--text,#142b4a)}
.pcs-profile-dialog button:focus-visible,.pcs-confirm-dialog button:focus-visible,.pcs-automatic-strip button:focus-visible{outline:3px solid var(--border,#75a8ff);outline-offset:3px}
.pcs-profile-dialog button.primary,.pcs-profile-dialog button.pcs-primary,.pcs-confirm-dialog button.primary,.pcs-automatic-strip>button{background:#0962fa;color:#fff;border-color:var(--border,#0962fa)}
.pcs-profile-dialog .pcs-profile-head{padding:20px 24px;background:linear-gradient(115deg,var(--soft,#edf5ff),var(--panel,#fff));gap:20px}.pcs-profile-head h2{font-size:24px;margin:5px 0 0}.pcs-profile-head small{font-size:11px;letter-spacing:.07em;color:var(--accent,#5878a5)}
.pcs-profile-dialog [data-profile-close]{width:42px;min-width:42px;height:42px;border-radius:50%;padding:0;font-size:28px;line-height:1;background:var(--panel,#fff)}
.pcs-profile-dialog .pcs-profile-tabs{padding:12px 20px;gap:8px;flex-wrap:wrap;border-block:1px solid var(--border,#dce8fb)}
.pcs-profile-dialog .pcs-profile-tabs button{font-size:13px;padding:10px 18px;min-height:42px;background:var(--soft,#f5f8ff)}
.pcs-profile-dialog .pcs-profile-tabs [aria-selected=true]{background:#0962fa;color:#fff;border-color:var(--border,#0962fa);box-shadow:0 4px 12px #0962fa25}
.pcs-profile-panel{line-height:1.85}.pcs-profile-panel h3{margin:0 0 10px;font-size:19px}.pcs-profile-panel p{font-size:13px;color:var(--accent,#587398)}.pcs-profile-panel input,.pcs-profile-panel select{font:inherit;border:1px solid var(--border,#c8daf6);border-radius:9px;background:var(--panel,#fff);padding:9px 11px;min-width:0;box-sizing:border-box}.pcs-profile-panel input[type=checkbox]{width:18px;height:18px;accent-color:#0962fa}
.pcs-threshold-card{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1fr);align-items:center;gap:24px;padding:18px;margin:12px 0;border:1px solid var(--border,#d9e6f8);border-radius:13px;background:var(--panel,#fff)}
.pcs-threshold-card>label{font-weight:700;display:flex;flex-direction:column;gap:10px}.pcs-threshold-card label>span{font-weight:400;color:var(--muted,#7186a3)}.pcs-threshold-card input{width:90px!important;text-align:center;font-weight:800;font-size:20px}.pcs-threshold-card p{margin:0}
.pcs-automatic-strip{display:flex;align-items:center;gap:16px;background:linear-gradient(110deg,var(--soft,#edf5ff),var(--panel,#fff));border:1px solid var(--border,#bcd5fa);border-radius:15px;padding:18px;margin:16px 0}.pcs-automatic-strip h3{margin:0 0 5px;font-size:19px}.pcs-automatic-strip p{margin:0;font-size:12px;color:var(--muted,#637d9e);line-height:1.7}.pcs-auto-icon{display:grid;place-items:center;width:48px;height:48px;font-size:32px;background:var(--soft,#e1edff);color:var(--accent,#0962fa);border-radius:13px;flex-shrink:0}.pcs-automatic-strip>button{margin-inline-start:auto;white-space:nowrap}
.pcs-automatic-strip .pcs-forced-notice{display:block;background:var(--warning-bg,#fff6df);border:1px solid var(--warn,#f2d18b);border-radius:8px;color:var(--warn,#915000);padding:7px 10px;margin-top:8px;font-size:12px}.pcs-automatic-strip .pcs-forced-notice[hidden]{display:none}
.pcs-mode-option{position:relative;padding-top:38px!important}.pcs-mode-option .pcs-active-badge{position:absolute;top:10px;inset-inline-start:12px;background:var(--pcs-bg,#edf4ff);color:var(--pcs-color,#1769ff);border-radius:20px;padding:4px 9px;font-size:11px;font-weight:800;min-height:0}.pcs-active-badge:empty{display:none}
.pcs-mode-option .pcs-force-button{display:flex!important;align-items:center;justify-content:space-between;gap:10px;background:var(--soft,#f8faff);color:var(--muted,#385a88);font-size:12px;min-height:44px;padding:10px!important}
.pcs-switch-track{display:block;width:38px;height:22px;border-radius:20px;background:#c6cfdd;position:relative;flex-shrink:0}.pcs-switch-track:after{content:'';position:absolute;inset-block-start:3px;inset-inline-start:3px;background:#fff;width:16px;height:16px;border-radius:50%;box-shadow:0 1px 4px #0002;transition:inset-inline-start .2s}.pcs-force-button[aria-checked=true] .pcs-switch-track{background:#0962fa}.pcs-force-button[aria-checked=true] .pcs-switch-track:after{inset-inline-start:19px}
#pcsMessage[data-protection-mode]{padding:13px 18px;border:1px solid var(--pcs-color,#1769ff);background:var(--pcs-bg,#edf5ff);color:var(--pcs-color,#1647ac);font-weight:700;border-radius:12px}
.pcs-confirm-dialog{width:min(470px,calc(100vw - 32px));box-sizing:border-box;border:1px solid var(--border,#c8daf6);border-radius:20px;padding:28px;background:var(--panel,#fff);color:var(--text,#17396d);box-shadow:0 25px 90px #0f275755}.pcs-confirm-dialog::backdrop{background:#16305680;backdrop-filter:blur(4px)}.pcs-confirm-dialog h2{font-size:22px;margin:12px 0}.pcs-confirm-dialog p{line-height:1.8;font-size:14px}.pcs-confirm-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:var(--warning-bg,#fff0d8);color:var(--warn,#b26b03);font-size:28px}.pcs-confirm-warning{padding:12px;background:var(--warning-bg,#fff8e8);border:1px solid var(--warn,#f6ddb1);border-radius:10px;color:var(--warn,#835416)}.pcs-confirm-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}
@media(max-width:700px){.pcs-threshold-card{grid-template-columns:1fr;gap:10px}.pcs-automatic-strip{flex-wrap:wrap}.pcs-automatic-strip>button{width:100%}.pcs-profile-dialog .pcs-profile-head{padding:16px}.pcs-profile-dialog .pcs-profile-tabs{padding:10px}.pcs-profile-dialog .pcs-profile-tabs button{flex:1;font-size:12px;padding:9px}.pcs-profile-panel{padding:14px}}
