.sv-overlay{position:fixed;inset:0;background:rgba(16,24,40,.08);display:flex;align-items:center;justify-content:center;z-index:99998;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s}
.sv-overlay.open{opacity:1;visibility:visible}
.sv-card{width:460px;max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);background:#fff;border-radius:14px;box-shadow:0 24px 60px rgba(16,24,40,.28),0 8px 20px rgba(16,24,40,.08);font:500 13px/1.4 'Inter',sans-serif;display:flex;flex-direction:column;overflow:hidden;transform:translateY(8px) scale(.97);transition:transform .22s cubic-bezier(.22,.7,.2,1);position:relative}
.sv-overlay.open .sv-card{transform:none}
.sv-x{position:absolute;top:13px;right:13px;width:28px;height:28px;display:grid;place-items:center;border:0;background:transparent;border-radius:7px;color:#98A2B3;cursor:pointer;z-index:1}
.sv-x:hover{background:#F4F4F5;color:#101828}.sv-x svg{width:16px;height:16px}
.sv-head{padding:22px 24px 4px}
.sv-title{font:600 17px/1.3 'Inter',sans-serif;color:#101828}
.sv-sub{font:400 13px/1.45 'Inter',sans-serif;color:#667085;margin-top:4px}
.sv-body{padding:14px 24px 6px;overflow-y:auto}
.sv-field{margin-bottom:15px}
.sv-row{display:flex;gap:14px;margin-bottom:15px}
.sv-row .sv-field{margin-bottom:0;flex:1;min-width:0}
.sv-label{display:block;font:600 11px/1 'Inter',sans-serif;color:#667085;margin-bottom:8px;text-transform:uppercase;letter-spacing:.04em}
.sv-input{width:100%;height:38px;padding:0 12px;border:1px solid #D0D5DD;border-radius:8px;font:500 14px/1 'Inter',sans-serif;color:#101828;outline:none;background:#fff;transition:border-color .12s ease,box-shadow .12s ease;box-sizing:border-box}
.sv-input:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px rgba(0,76,230,.12)}
.sv-input.err{border-color:#F04438;box-shadow:0 0 0 3px rgba(240,68,56,.10)}
.sv-seg{display:inline-flex;gap:0;background:#F4F4F5;border-radius:8px;padding:3px;height:38px;align-items:center;box-sizing:border-box}
.sv-seg-btn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:6px;border:0;background:transparent;color:#667085;font:600 12.5px/1 'Inter',sans-serif;cursor:pointer;transition:background .14s ease,color .14s ease,box-shadow .14s ease}
.sv-seg-btn svg{width:13px;height:13px}
.sv-seg-btn:hover{color:#101828}
.sv-seg-btn.selected{background:#fff;color:#101828;box-shadow:0 1px 2px rgba(16,24,40,.10),0 0 0 1px rgba(16,24,40,.04)}
/* A switch and its label, not a panel. Boxed, with a 600-weight title over a
   line of explanation, it carried more weight than the two-line name field
   above it — and it is the smallest decision in the dialog. The explanation
   went with the box: it read "when loading Call Logs" on every table that
   mounts this menu, which is now four of them. */
.sv-toggle-row{display:inline-flex;align-items:center;gap:10px}

/* The footer holds a destructive action now, so it is left-aligned and pushed
   away from the two that confirm — a Delete sitting next to Save is a Delete
   somebody eventually presses by aim rather than intent. */
.sv-foot-gap{flex:1 1 auto}
.sv-btn.danger{background:transparent;border:1px solid #FDA29B;color:#B42318}
.sv-btn.danger:hover{background:#FEF3F2;border-color:#F97066}
body.theme-dark .sv-btn.danger{background:transparent;border-color:#7A271A;color:#FDA29B}
body.theme-dark .sv-btn.danger:hover{background:rgba(180,35,24,.18)}
.sv-tog-t{font:400 13px/1.2 'Inter',sans-serif;color:#344054;cursor:pointer}
.sv-toggle{width:32px;height:19px;background:#D0D5DD;border-radius:999px;position:relative;border:0;cursor:pointer;transition:background .15s ease;padding:0;flex:0 0 auto}
.sv-toggle::after{content:'';width:15px;height:15px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:left .15s cubic-bezier(.22,.7,.2,1);box-shadow:0 1px 2px rgba(0,0,0,.15)}
.sv-toggle.on{background:var(--brand-blue)}.sv-toggle.on::after{left:15px}
.sv-prev{background:#FAFAFA;border:1px solid #F2F4F7;border-radius:9px;padding:10px 12px;font:500 12px/1.6 'Inter',sans-serif;color:#475467;display:flex;flex-wrap:wrap;gap:6px;max-height:88px;overflow:auto}
.sv-prev-empty{color:#98A2B3;font-weight:400}
.sv-pp{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid #EFEFF1;border-radius:6px;padding:3px 8px;font:500 11.5px/1 'Inter',sans-serif;color:#344054}
.sv-pp svg{width:11px;height:11px}
.sv-pp-op{color:#98A2B3;font-weight:500}
.sv-foot{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 24px 18px;border-top:1px solid #F2F4F7;background:#FBFBFC}
.sv-btn{height:38px;padding:0 16px;border-radius:8px;font:600 13.5px/1 'Inter',sans-serif;cursor:pointer;border:1px solid transparent;background:transparent;color:#475467;transition:background .12s ease,color .12s ease}
.sv-btn.ghost{border-color:#D0D5DD;color:#344054;background:#fff}
.sv-btn.ghost:hover{background:#F4F4F5;border-color:#98A2B3}
.sv-btn.primary{background:var(--brand-blue);color:#fff}
.sv-btn.primary:hover{background:var(--brand-blue-strong)}
.sv-btn.primary:disabled{background:#C9D5EC;color:#fff;cursor:not-allowed}
.sv-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(24px);background:#101828;color:#fff;padding:12px 16px;border-radius:10px;font:500 13px/1.2 'Inter',sans-serif;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .28s cubic-bezier(.22,.7,.2,1),visibility .28s;z-index:99999;display:flex;align-items:center;gap:10px;box-shadow:0 12px 28px rgba(16,24,40,.22)}
.sv-toast.open{opacity:1;visibility:visible;transform:translateX(-50%)}
.sv-toast-ic{width:18px;height:18px;color:#34D399;flex:0 0 auto;display:inline-grid;place-items:center}
.sv-toast-ic svg{width:18px;height:18px}
.sv-toast-m b{font-weight:600;color:#fff}
body.theme-dark .sv-overlay{background:rgba(0,0,0,.6)}
body.theme-dark .sv-card{background:#1F2023;box-shadow:0 24px 60px rgba(0,0,0,.55)}
body.theme-dark .sv-title{color:#F4F4F5}
body.theme-dark .sv-sub,body.theme-dark .sv-label{color:#9CA3AF}
body.theme-dark .sv-x:hover{background:#2A2D33;color:#F4F4F5}
body.theme-dark .sv-input{background:#2A2D33;border-color:#3A3F47;color:#F4F4F5}
body.theme-dark .sv-input:focus{border-color:var(--brand-blue-strong);box-shadow:0 0 0 3px rgba(25,106,255,.22)}
body.theme-dark .sv-seg{background:#2A2D33}
body.theme-dark .sv-seg-btn{color:#9CA3AF}
body.theme-dark .sv-seg-btn:hover{color:#F4F4F5}
body.theme-dark .sv-seg-btn.selected{background:#3A3F47;color:#F4F4F5;box-shadow:0 1px 2px rgba(0,0,0,.4)}
body.theme-dark body.theme-dark .sv-tog-t{color:#E5E7EB}
body.theme-dark .sv-toggle{background:#3A3F47}
body.theme-dark .sv-prev{background:#2A2D33;border-color:#3A3F47;color:#9CA3AF}
body.theme-dark .sv-pp{background:#1F2023;border-color:#3A3F47;color:#E5E7EB}
body.theme-dark .sv-foot{border-top-color:#2A2D33;background:#1B1D20}
body.theme-dark .sv-btn.ghost{background:#2A2D33;border-color:#3A3F47;color:#E5E7EB}
body.theme-dark .sv-btn.ghost:hover{background:#34373E;border-color:#52525B}
body.theme-dark .sv-toast{background:#2A2D33;color:#F4F4F5}
body.brand-green .sv-input:focus{border-color:#0E8C5C;box-shadow:0 0 0 3px rgba(14,140,92,.14)}
body.brand-green .sv-toggle.on{background:#0E8C5C}
body.brand-green .sv-btn.primary{background:#0E8C5C}
body.brand-green .sv-btn.primary:hover{background:#0A7A4F}

/* Sidebar logo block: optically aligns the mark with the page header title and
   the search field with the page tab row. */
.sb-logo,body.sb-collapsed .sb-logo,body.sb-collapsed .sidebar.sb-hover-expanded .sb-logo{height:63px !important;flex:0 0 63px !important;padding-top:10px !important}
.sb-pane{top:63px !important}
.sb-logo-main{display:inline-flex;align-items:center;cursor:pointer;border-radius:8px;transition:opacity .14s ease}
/* Logo collapse interaction: the mark holds its position; the wordmark slides
   left and fades out on collapse, slides back in on expand. The rail's own
   overflow:hidden does the clipping. */
.sidebar .sb-logo .wm{transition:opacity .18s ease,transform .26s cubic-bezier(.4,0,.2,1) !important;transform:translateX(0);opacity:1;width:auto !important;max-width:none !important;height:auto !important;max-height:none !important;overflow:visible !important;white-space:nowrap}
body.sb-collapsed .sb-logo{justify-content:flex-start !important;padding-left:16px !important;padding-right:0 !important}
body.sb-collapsed .sidebar .sb-logo .wm{transform:translateX(-14px);opacity:0}
body.sb-collapsed .sidebar.sb-hover-expanded .sb-logo{justify-content:flex-start !important;padding-left:16px !important}
body.sb-collapsed .sidebar.sb-hover-expanded .sb-logo .wm{transform:translateX(0);opacity:1}
.sb-lock{display:inline-flex;align-items:center}
.sb-lock-jc{display:none}
body.brand-logo-justcall .sb-lock-neo{display:none}
body.brand-logo-justcall .sb-lock-jc{display:inline-flex}
.sb-logo-main:hover{opacity:.72}
.sb-logo-main:focus-visible{outline:2px solid var(--brand-blue,#004CE6);outline-offset:3px}
.shimmer-overlay.sk-match-table{padding:44px 0 0 !important}
.shimmer-overlay.sk-match-table .ct-table-wrap{overflow:hidden}
.shimmer-overlay.sk-match-table .ct-filter-row{padding-left:24px !important;padding-right:24px !important;box-sizing:border-box}
.shimmer-overlay.sk-match-table .ct-filter-row .sk-shimmer{display:inline-block}