/* Recordings: compact Console typography, storage and controls. */
.vpr-page{display:grid;gap:18px;font-size:14px;line-height:1.5;min-width:0;color:var(--vp-ink)}
.vpr-page *{box-sizing:border-box}.vpr-page button,.vpr-page input,.vpr-page select{font:inherit}.vpr-page button{cursor:pointer}.vpr-page button:disabled{cursor:default;opacity:.45}.vpr-page svg{width:16px;height:16px;flex-shrink:0}.vpr-page button:focus-visible,.vpr-page input:focus-visible{outline:2px solid var(--vp-accent);outline-offset:3px}
.vpr-summary{display:grid;grid-template-columns:minmax(340px,.8fr) minmax(0,1.4fr);gap:18px;align-items:start}
.vpr-storage,.vpr-settings,.vpr-library{border:1px solid var(--vp-line);background:var(--vp-bg);border-radius:10px;min-width:0}
.vpr-storage{padding:20px 22px}.vpr-storage-metrics{display:grid;grid-template-columns:1fr 1fr;gap:18px}.vpr-storage-metrics>div+div{border-left:1px solid var(--vp-line);padding-left:22px}.vpr-storage-metrics span{font-size:14px}.vpr-storage-metrics strong{display:block;font-size:31px;letter-spacing:-.8px;font-weight:650;margin-top:4px}.vpr-storage-metrics small{font-size:14px;letter-spacing:0;font-weight:500}.vpr-storage progress{width:100%;height:5px;appearance:none;border:none;border-radius:5px;display:block;margin:19px 0 15px;background:var(--vp-line)}.vpr-storage progress::-webkit-progress-bar{background:var(--vp-line);border-radius:5px}.vpr-storage progress::-webkit-progress-value{background:var(--vp-accent);border-radius:5px}.vpr-storage progress::-moz-progress-bar{background:var(--vp-accent)}.vpr-storage-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.vpr-storage-footer>span{font-size:12px;color:var(--vp-muted)}.vpr-storage-footer .vp-btn{min-height:32px;padding:5px 9px;font-size:13px}
.vpr-settings-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:17px 18px;border:0;background:none;color:inherit;font-weight:600!important;text-align:left}.vpr-settings-toggle>span{display:flex;align-items:center;gap:10px}.vpr-settings-toggle>svg{transition:transform 160ms}.vpr-settings.is-open .vpr-settings-toggle>svg{transform:rotate(180deg)}.vpr-settings-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows 160ms ease}.vpr-settings.is-open .vpr-settings-body{grid-template-rows:1fr}.vpr-settings-content{overflow:hidden;min-height:0}.vpr-number-list{padding:0 18px 8px}.vpr-number{display:grid;grid-template-columns:minmax(105px,1fr) minmax(80px,.8fr) minmax(125px,1fr) 34px;gap:12px;align-items:center;padding:13px 0;border-top:1px solid var(--vp-line);font-size:13px}.vpr-number strong{font-weight:550}.vpr-provider{font-size:12px;color:var(--vp-muted)}
.vpr-library>header{padding:18px 20px 12px;display:flex;align-items:center;gap:12px}.vpr-library h2{font-size:17px;letter-spacing:-.3px;margin:0}.vpr-library>header>span{font-size:12px;color:var(--vp-muted)}
.vpr-toolbar{display:flex;align-items:center;gap:8px;padding:0 18px 16px;flex-wrap:wrap}.vpr-search{display:flex;align-items:center;gap:8px;border:1px solid var(--vp-line);border-radius:6px;height:36px;padding:0 10px;flex:1 1 150px;min-width:135px}.vpr-search input{width:100%;min-width:0;border:0!important;background:none!important;outline:none!important;padding:0!important;color:var(--vp-ink);font-size:13px!important;height:auto!important;box-shadow:none!important}.vpr-filter-button,.vpr-reset{height:36px;display:inline-flex;align-items:center;gap:7px;background:var(--vp-bg);border:1px solid var(--vp-line);border-radius:6px;color:var(--vp-ink);padding:0 9px;font-size:12px!important;white-space:nowrap}.vpr-filter-button>span{max-width:125px;overflow:hidden;text-overflow:ellipsis}.vpr-reset{padding:0;width:34px;justify-content:center}.vpr-filter-button svg{width:14px;height:14px}.vpr-directions{display:flex;border:1px solid var(--vp-line);border-radius:6px;padding:3px;gap:3px;height:36px}.vpr-directions button{display:flex;align-items:center;gap:4px;padding:0 6px;border:0;border-radius:4px;color:var(--vp-muted);background:none;font-size:12px}.vpr-directions button[aria-pressed="true"]{background:var(--vp-soft);color:var(--vp-ink);box-shadow:inset 0 0 0 1px var(--vp-line)}.vpr-directions svg{width:13px;height:13px}.vpr-check{display:flex;gap:6px;align-items:center;white-space:nowrap;font-size:12px;cursor:pointer}.vpr-check input{width:14px;height:14px;accent-color:var(--vp-accent);margin:0}
.vpr-popover{position:fixed;inset:auto;margin:0;border:1px solid var(--vp-line);border-radius:10px;background:var(--vp-bg);color:var(--vp-ink);box-shadow:0 12px 38px #0002;padding:8px;max-height:calc(100vh - 24px);overflow:auto;font-size:14px}.vpr-picker-menu{width:270px}.vpr-picker-search{display:flex;gap:8px;align-items:center;padding:8px;border-bottom:1px solid var(--vp-line);margin-bottom:5px}.vpr-picker-search input{width:100%;min-width:0;border:0!important;outline:none;background:none;color:inherit;padding:0!important;font-size:13px}.vpr-picker-options{max-height:240px;overflow:auto}.vpr-picker-options button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 10px;border:0;border-radius:5px;background:none;color:inherit;text-align:left;font-size:13px}.vpr-picker-options button:hover,.vpr-picker-options button[aria-pressed="true"]{background:var(--vp-soft)}.vpr-picker-options small{display:block;font-size:12px;margin-top:2px}.vpr-picker-options button>svg{visibility:hidden}.vpr-picker-options button[aria-pressed="true"]>svg{visibility:visible}.vpr-picker-options [hidden]{display:none}.vpr-picker-options p{padding:12px}
.vpr-date-menu{width:330px;padding:16px}.vpr-date-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.vpr-date-fields label{font-size:12px;font-weight:600;display:grid;gap:6px}.vpr-date-fields input{width:100%;min-width:0;padding:7px 6px!important;font-size:12px!important;border:1px solid var(--vp-line);border-radius:5px;background:var(--vp-bg);color:var(--vp-ink);height:34px}.vpr-calendar-head{display:flex;align-items:center;justify-content:space-between;margin:12px 0}.vpr-calendar-head strong{font-size:13px}.vpr-calendar-head button{background:none;border:0;color:inherit;display:grid;place-items:center;width:28px;height:28px}.vpr-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}.vpr-calendar-grid>span{font-size:11px;color:var(--vp-muted);padding:5px}.vpr-calendar-grid button{height:31px;border:0;border-radius:5px;background:none;color:inherit;font-size:12px}.vpr-calendar-grid button:hover,.vpr-calendar-grid .is-range{background:var(--vp-soft)}.vpr-calendar-grid .is-other{opacity:.4}.vpr-calendar-grid .is-selected{background:var(--vp-accent);color:white}.vpr-date-menu footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.vpr-date-menu footer>button:first-child{border:0;background:none;color:inherit;font-size:12px}.vpr-date-menu .vp-btn{min-height:32px;font-size:12px;padding:6px 10px}.vpr-date-error{font-size:12px;color:#cc4040;margin:8px 0 0}
.vpr-table-scroll{overflow-x:auto}.vpr-library table{border-collapse:collapse;width:100%;min-width:1040px;text-align:left;font-size:13px}.vpr-library th{font-size:12px;font-weight:550;padding:12px 15px;border-block:1px solid var(--vp-line);background:var(--vp-soft);white-space:nowrap}.vpr-library td{padding:15px;border-bottom:1px solid var(--vp-line);vertical-align:middle;white-space:nowrap;color:var(--vp-ink)}.vpr-library tbody tr:last-child td{border-bottom:0}.vpr-library tbody tr:hover{background:var(--vp-soft)}.vpr-person{display:flex;align-items:center;gap:10px;padding:0;background:none;border:0;color:inherit}.vpr-person strong{font-weight:550;font-size:13px}.vpr-flag{width:25px;height:18px;border-radius:3px;overflow:hidden;display:grid;place-items:center;box-shadow:0 0 0 1px #8794a326}.vpr-flag svg{width:25px;height:18px}.vpr-direction{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:6px;background:#19a27512;color:#198661}.vpr-direction.is-missed{background:#e04c5110;color:#d74c52}.vpr-business{display:grid;gap:3px}.vpr-business strong{font-weight:550}.vpr-business>span{font-size:12px}.vpr-datetime{display:grid;gap:4px;font-size:12px}.vpr-datetime>span{display:flex;align-items:center;gap:7px}.vpr-datetime svg{width:12px;height:12px;opacity:.8}.vpr-duration{font-variant-numeric:tabular-nums}.vpr-status{font-size:12px;color:var(--vp-muted)}.vpr-inline-player{display:flex;align-items:center;gap:8px;width:110px}.vpr-inline-player button{width:29px;height:29px;display:grid;place-items:center;border:1px solid var(--vp-line);border-radius:50%;background:var(--vp-bg);color:var(--vp-ink)}.vpr-inline-player button svg{width:12px;height:12px}.vpr-inline-player input{min-width:0;width:70px;height:4px;accent-color:var(--vp-accent)}.vpr-intelligence{width:48px;text-align:center}.vpr-result,.vpr-analyze{display:inline-grid;place-items:center;border:0;border-radius:6px;background:none;width:28px;height:28px;color:#178b67}.vpr-analyze{color:var(--vp-muted);opacity:0;transition:opacity 120ms}.vpr-library tr:hover .vpr-analyze,.vpr-library tr:focus-within .vpr-analyze,.vpr-analyze:focus-visible{opacity:.7}.vpr-analyze:hover{opacity:1!important;background:var(--vp-line)}.vpr-processing svg{animation:vpr-spin 1s linear infinite}@keyframes vpr-spin{to{transform:rotate(360deg)}}
.vpr-pagination{padding:12px 18px;border-top:1px solid var(--vp-line);display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px}.vpr-pagination-controls,.vpr-pagination-controls label,.vpr-page-buttons{display:flex;align-items:center;gap:10px}.vpr-pagination select{padding:4px;border:1px solid var(--vp-line);border-radius:5px;background:var(--vp-bg);color:inherit}.vpr-page-buttons button{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--vp-line);background:none;border-radius:4px;color:inherit}.vpr-page-buttons svg{width:13px;height:13px}.vpr-empty{display:grid;justify-items:center;gap:10px;padding:40px;white-space:normal}.vpr-empty .vp-btn{font-size:13px;min-height:34px}
html[data-dashboard-theme="dark"] .vpr-date-fields input{color-scheme:dark}html[data-dashboard-theme="dark"] .vpr-direction,html[data-dashboard-theme="dark"] .vpr-result{color:#72d1ae}
@media(max-width:1100px){.vpr-summary{grid-template-columns:1fr}.vpr-storage-metrics strong{font-size:29px}.vpr-toolbar{gap:10px}.vpr-search{flex-basis:200px}}
@media(max-width:640px){.vpr-number{grid-template-columns:1fr 1fr 34px;gap:8px}.vpr-provider{display:none}.vpr-pagination{flex-wrap:wrap}.vpr-pagination-controls{flex-wrap:wrap}.vpr-search{flex-basis:100%}.vpr-storage{padding:16px}.vpr-storage-footer{align-items:start}.vpr-date-menu{width:min(330px,calc(100vw - 24px))}.vpr-settings-toggle{font-size:13px!important}}
@media(hover:none){.vpr-analyze{opacity:.7}}
@media(prefers-reduced-motion:reduce){.vpr-settings-body,.vpr-settings-toggle>svg{transition:none}.vpr-processing svg{animation:none}}
.vpr-detail {
  display:grid;
  gap:18px;
  padding-top:8px;
}
.vpr-detail-meta {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:15px;
  border-block:1px solid var(--vp-line);
  padding:16px 0;
}
.vpr-detail-meta span {
  font-size:13px;
  color:var(--vp-muted);
}
.vpr-detail-meta strong {
  display:block;
  font-size:14px;
  color:var(--vp-ink);
  margin-top:5px;
}
.vpr-player {
  background:var(--vp-soft);
  border:1px solid var(--vp-line);
  border-radius:8px;
  padding:18px;
}
.vpr-player h3,.vpr-insights h3 {
  font-size:14px;
  margin-bottom:6px;
}
.vpr-player p,.vpr-player small,.vpr-insights small {
  color:var(--vp-muted);
  font-size:13px;
}
.vpr-player audio {
  display:block;
  width:100%;
  height:40px;
  margin:16px 0 8px;
}
.vpr-insights {
  display:grid;
  gap:9px;
}
.vpr-insights .vpr-preview {
  justify-self:start;
}
.vpr-insights p {
  font-size:14px;
}
.vpr-insights button {
  justify-self:start;
}
.vpr-unavailable,.vpr-demo-note {
  background:var(--vp-soft);
  padding:12px;
  border-radius:7px;
  color:var(--vp-muted);
  font-size:14px;
}
.vpr-quote {
  display:grid;
  gap:12px;
  padding:18px;
  background:var(--vp-soft);
  border-radius:8px;
}
.vpr-quote>div {
  display:flex;
  justify-content:space-between;
  gap:15px;
  font-size:14px;
}
.vpr-quote>div:last-child {
  padding-top:13px;
  border-top:1px solid var(--vp-line);
}

@media(min-width:1200px){.vpr-toolbar{flex-wrap:nowrap;gap:6px}.vpr-search{flex-basis:110px;min-width:100px}.vpr-filter-button{gap:5px;padding-inline:8px}.vpr-directions button{padding-inline:4px}.vpr-check{gap:5px}}
.vpr-library table{min-width:970px}.vpr-library td,.vpr-library th{padding-inline:12px}.vpr-library th:last-child{width:48px}
.vpr-date-fields label:focus-within{color:var(--vp-accent)}

.vpr-library table,.vpr-person strong{font-size:14px}.vpr-business>span,.vpr-datetime{font-size:13px}.vpr-number{font-size:14px}.vpr-provider{font-size:12px}

/* Bounded number settings keep the call table stationary. */
.vpr-summary{align-items:stretch}
.vpr-settings-card{padding:20px 22px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:20px}
.vpr-settings-card h2{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:600;margin:0}
.vpr-settings-card p{font-size:14px;margin:9px 0 0;color:var(--vp-ink)}
.vpr-settings-card .vpr-number-settings-button{font-size:14px;min-height:36px;padding:7px 12px;gap:8px}
.vpr-number-settings-menu{width:min(690px,calc(100vw - 24px));padding:16px;max-height:min(480px,calc(100dvh - 24px));overflow:auto}
.vpr-number-settings-menu header{padding:2px 4px 12px;font-size:15px}
.vpr-number-settings-menu .vpr-picker-search{border:1px solid var(--vp-line);border-radius:6px;padding:10px;margin-bottom:12px}
.vpr-number-settings-menu .vpr-picker-search input{font-size:14px}
.vpr-settings-columns,.vpr-number-settings-menu .vpr-number{display:grid;grid-template-columns:minmax(110px,1.2fr) minmax(85px,1fr) minmax(135px,1fr) 44px;gap:14px;align-items:center}
.vpr-settings-columns{font-size:12px;padding:6px 4px 10px;color:var(--vp-muted)}
.vpr-settings-scroll{max-height:290px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.vpr-number-settings-menu .vpr-number{padding:15px 4px;font-size:14px}
.vpr-number-settings-menu .vpr-provider{font-size:14px;color:var(--vp-ink);display:block;font-weight:500}
.vpr-number-settings-menu [hidden]{display:none!important}
.vpr-number-settings-menu .vpr-number strong{font-weight:500;overflow-wrap:anywhere}
@media(max-width:600px){.vpr-settings-columns{display:none}.vpr-number-settings-menu .vpr-number{grid-template-columns:minmax(0,1fr) auto 34px;gap:5px 12px}.vpr-number-settings-menu .vpr-number>strong:first-child{grid-column:1}.vpr-number-settings-menu .vpr-provider{grid-column:1;grid-row:2}.vpr-number-settings-menu .vpr-number>strong[dir]{grid-column:2;grid-row:1 / 3}.vpr-number-settings-menu .vp-switch{grid-column:3;grid-row:1 / 3}.vpr-number-settings-menu{padding:12px}}

.vpr-number-settings-menu .vpr-picker-search:focus-within{outline:2px solid var(--vp-accent);outline-offset:2px}
.vpr-number-settings-menu .vpr-picker-search input:focus-visible{outline:none!important;box-shadow:none}

/* Open table layout, balanced filters and unobtrusive scrolling. */
.voip-page .email-provider-content:has(.vpr-page){padding-inline:0;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--vp-muted) 32%,transparent) transparent}
.vpr-summary{margin-inline:24px}
.vpr-library{border:0;border-radius:0;background:transparent;width:100%}
.vpr-library>header{padding:4px 24px 16px}
.vpr-toolbar{padding:0 24px 18px;gap:10px;flex-wrap:wrap}
.vpr-toolbar .vpr-search{flex:0 1 230px;min-width:160px;width:230px;max-width:230px}
.vpr-toolbar .vpr-filter-button{gap:7px;padding-inline:11px;font-size:13px!important}
.vpr-toolbar .vpr-directions button{padding-inline:7px;font-size:13px}
.vpr-toolbar .vpr-check{height:36px;padding:0 10px;gap:8px;border:1px solid var(--vp-line);border-radius:6px;font-size:13px;background:var(--vp-bg);transition:background 120ms,border-color 120ms}
.vpr-check:hover,.vpr-check:has(input:checked){background:var(--vp-soft)}
.vpr-check:has(input:checked){border-color:color-mix(in srgb,var(--vp-accent) 45%,var(--vp-line))}
.vpr-toolbar .vpr-check input{appearance:none;-webkit-appearance:none;display:grid;place-content:center;width:16px;height:16px;flex:0 0 16px;border:1.5px solid color-mix(in srgb,var(--vp-muted) 60%,var(--vp-line));border-radius:4px;background:var(--vp-bg);cursor:pointer}
.vpr-toolbar .vpr-check input:checked{background:var(--vp-accent);border-color:var(--vp-accent)}
.vpr-check input::before{content:"";width:9px;height:9px;background:white;clip-path:polygon(14% 44%,0 59%,38% 96%,100% 21%,84% 7%,36% 66%);transform:scale(0)}
.vpr-check input:checked::before{transform:scale(1)}
.vpr-library td:first-child,.vpr-library th:first-child{padding-left:24px}
.vpr-library td:last-child,.vpr-library th:last-child{padding-right:24px}
.vpr-pagination{padding-inline:24px}
.vpr-table-scroll,.vpr-settings-scroll,.vpr-picker-options,.vpr-popover{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--vp-muted) 32%,transparent) transparent}
.voip-page .email-provider-content:has(.vpr-page)::-webkit-scrollbar,.vpr-page ::-webkit-scrollbar{width:6px;height:6px}
.voip-page .email-provider-content:has(.vpr-page)::-webkit-scrollbar-track,.vpr-page ::-webkit-scrollbar-track{background:transparent}
.voip-page .email-provider-content:has(.vpr-page)::-webkit-scrollbar-thumb,.vpr-page ::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--vp-muted) 32%,transparent);border-radius:12px}
.voip-page .email-provider-content:has(.vpr-page)::-webkit-scrollbar-button,.vpr-page ::-webkit-scrollbar-button{display:none;width:0;height:0}
@media(max-width:640px){.vpr-summary{margin-inline:16px}.vpr-library>header,.vpr-toolbar,.vpr-pagination{padding-inline:16px}.vpr-toolbar .vpr-search{flex-basis:100%;width:100%;max-width:none}.vpr-library td:first-child,.vpr-library th:first-child{padding-left:16px}}
@media(forced-colors:active){.vpr-toolbar .vpr-check input{appearance:auto}.vpr-check input::before{display:none}}

/* Consistent column rhythm and larger table content. */
.vpr-library table{table-layout:fixed;min-width:1280px;font-size:15px}
.vpr-library th,.vpr-library th:last-child{width:12.5%;font-size:14px}
.vpr-library td{font-size:15px;padding-block:17px}
.vpr-person strong{font-size:15px}.vpr-business>span,.vpr-datetime{font-size:14px}
.vpr-business{white-space:normal}.vpr-business>span{white-space:nowrap}
.vpr-status{font-size:14px}.vpr-intelligence{width:auto;text-align:left}
.vpr-direction,.vpr-direction.is-missed{width:auto;height:auto;border:0;border-radius:0;background:none;display:inline-flex;vertical-align:middle}
.vpr-direction svg{width:23px;height:23px}
.vpr-result,.vpr-analyze{width:34px;height:34px}
.vpr-result svg,.vpr-analyze svg,.vpr-processing svg{width:23px;height:23px;stroke-width:1.7}
.vpr-library td:last-child,.vpr-library th:last-child{padding-left:12px;padding-right:12px}
/* Native toggle events run after opening; keep menus invisible until measured. */
.vpr-popover:popover-open:not([data-positioned]){visibility:hidden;pointer-events:none}

/* Equal column widths and consistent content alignment across every row. */
.vpr-library table{min-width:1520px;width:100%;table-layout:fixed}
.vpr-library th:nth-child(n),.vpr-library td:nth-child(n){width:12.5%;text-align:center;padding-inline:10px}
.vpr-person{width:max-content;max-width:100%;margin-inline:auto;gap:7px}
.vpr-business{justify-items:center;text-align:center}
.vpr-datetime{width:max-content;margin-inline:auto;text-align:center}
.vpr-datetime>span{justify-content:center}
.vpr-inline-player{margin-inline:auto}

.vpr-direction svg{width:24px;height:24px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
