/* Calls uses the shared shell's theme, rail offset and mobile navigation. */
body.calls-page-open :is(#chatbox,.avatarSection,#networkCont,#compareCont,#actionsHubPage,#libraryPage,#usagePage,#flashcardsPage,#providerKeysPage,#account_settingsCont,#profilePage,#zbPagesHost,#zbSitesHost,#zbProjectsHost,#zbScheduledHost,#menubar,#inputMessageCont,#modelOptions,#models,#activityButtonsCont,#switcherDesktop,#switcherMobile){display:none!important}
#zbCallsHost{position:fixed;inset:0 0 0 52px;overflow:auto;z-index:30;background:var(--bg-100,#fff);color:var(--text-100,#292927);font-size:14px;line-height:1.5}
#zbCallsHost[hidden],#zbCallsHost [hidden]{display:none!important}
#zbCallsHost *{box-sizing:border-box}
.zb-calls{max-width:1120px;margin:auto;padding:70px 30px 60px}
.zb-calls-hero{text-align:center;max-width:560px;margin:0 auto 38px}
.zb-calls-hero svg{margin-bottom:16px}
#zbCallsHost h1{font-size:28px;font-weight:600;margin:0 0 12px}
#zbCallsHost h2{font-size:18px;font-weight:600;margin:0 0 14px}
#zbCallsHost h3{font-size:15px;font-weight:600;margin:24px 0 8px}
#zbCallsHost p{margin:8px 0;color:var(--text-200,#686865);overflow-wrap:anywhere}
#zbCallsHost :is(button,input){font:inherit;color:inherit;border:1px solid var(--border-200,#d6d6d3);border-radius:10px;background:var(--bg-100,#fff);padding:9px 13px;line-height:1.4;min-height:40px}
#zbCallsHost button{cursor:pointer}
#zbCallsHost button:hover{background:var(--bg-200,#f4f4f2)}
#zbCallsHost button:disabled{opacity:.5;cursor:not-allowed}
#zbCallsHost :is(button,input,a):focus-visible{outline:2px solid var(--text-200,#666);outline-offset:3px}
#zbCallsHost a{color:inherit;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.zb-calls-toolbar,.zb-calls-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.zb-calls-toolbar{margin-bottom:20px}
.zb-calls-toolbar h2{flex:1;margin:0!important}
.zb-calls-search{display:block;max-width:400px;color:var(--text-200,#686865)}
.zb-calls-search input{display:block;width:100%;margin-top:6px}
.zb-calls-columns{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,1.7fr);gap:30px;margin-top:24px;align-items:start}
#zbCallsHost .zb-calls-row{display:block;width:100%;text-align:left;margin-bottom:8px;padding:14px;overflow-wrap:anywhere;border-color:transparent}
#zbCallsHost .zb-calls-row[aria-current=page]{background:var(--bg-200,#f4f4f2);border-color:var(--border-200,#d6d6d3)}
.zb-calls-row{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zb-calls-row-label{display:block;min-width:0;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zb-calls-detail{min-width:0;border:1px solid var(--border-200,#ddd);border-radius:16px;padding:22px;overflow-wrap:anywhere}
#zbCallsHost dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 18px;margin:0 0 22px}
#zbCallsHost dt{color:var(--text-200,#686865);font-weight:400}
#zbCallsHost dd{margin:0;overflow-wrap:anywhere}
#zbCallsHost pre{font:inherit;white-space:pre-wrap;word-break:normal;overflow-wrap:anywhere;background:transparent;color:inherit;border:0;padding:0;margin:8px 0;overflow:visible}
#zbCallsHost audio{display:block;width:100%;max-width:100%;margin:12px 0}
.zb-calls-message{margin:12px 0;padding:12px;border-radius:10px;background:var(--bg-200,#f4f4f2)}
#zbCallsHost [role=alert]{border-left:3px solid #bc604b;padding-left:12px;color:var(--text-100,#292927);white-space:pre-wrap}
#zbCallsHost dialog{color:inherit;background:var(--bg-100,#fff);border:1px solid var(--border-200,#ddd);border-radius:18px;max-width:460px;width:calc(100% - 32px);max-height:90dvh;overflow:auto;padding:24px;box-shadow:0 20px 70px #0004}
#zbCallsHost dialog::backdrop{background:#0006}
#zbCallsHost dialog .zb-calls-actions{margin-top:22px;justify-content:flex-end}
.zb-calls-main{min-width:0}
#zbCallsHost .zb-calls-back{border:0;padding:4px 0;min-height:36px;margin:0 0 12px;background:transparent;color:var(--text-200,#686865)}
#zbCallsHost .zb-calls-back:hover{color:var(--text-100,#292927)}
#zbCallsHost .zb-calls-scope{font-size:12px;line-height:1.6;max-width:720px}
.zb-calls-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0 14px}
.zb-calls-stat{border:1px solid var(--border-200,#ddd);border-radius:14px;padding:20px;min-width:0;background:var(--bg-100,#fff)}
.zb-calls-stat span{display:block;font-size:12px;color:var(--text-200,#686865)}
.zb-calls-stat strong{display:block;font-size:26px;font-weight:600;line-height:1.3;margin-top:12px;overflow-wrap:anywhere}
.zb-calls-recent{margin-top:32px}
#zbCallsHost .zb-calls-recent h3{margin-bottom:4px}
#zbCallsHost .zb-calls-recent>p{font-size:13px;margin-bottom:18px}
#zbCallsHost .zb-calls-recent-row{display:flex;align-items:center;gap:18px;width:100%;border:0;border-top:1px solid var(--border-200,#ddd);border-radius:0;padding:17px 10px;text-align:left}
.zb-calls-recent-info{flex:1;min-width:0}
.zb-calls-recent-info strong{font-weight:500}
.zb-calls-recent-info>*,.zb-calls-recent-meta>*{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.zb-calls-recent-info>span,.zb-calls-recent-meta{font-size:12px;color:var(--text-200,#686865);margin-top:4px}
.zb-calls-recent-meta{text-align:right;flex-shrink:0}
.zb-calls-recent-arrow{color:var(--text-200,#686865)}
.zb-calls-empty{padding:36px 24px;margin-top:24px;border:1px solid var(--border-200,#ddd);border-radius:16px;text-align:center}
#zbCallsHost .zb-calls-empty h3{margin-top:0}
.zb-calls-overview-skeleton{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}
.zb-calls-overview-skeleton div{height:110px;border-radius:14px;background:var(--text-100,#292927);opacity:.08}
.zb-calls-overview-skeleton div:nth-child(n+4){grid-column:1/-1;height:64px}
@media(max-width:1100px){.zb-calls-stat{padding:16px}.zb-calls-stat strong{font-size:22px}}
@media(max-width:560px){.zb-calls-stats{grid-template-columns:1fr;gap:10px;margin-top:18px}.zb-calls-stat{display:flex;align-items:center;justify-content:space-between;gap:16px}.zb-calls-stat strong{font-size:22px;margin:0;flex-shrink:0}.zb-calls-recent-meta{max-width:46%;font-size:11px}.zb-calls-recent-arrow{display:none}#zbCallsHost .zb-calls-recent-row{gap:10px;padding-inline:0}.zb-calls-overview-skeleton{grid-template-columns:1fr}.zb-calls-overview-skeleton div{height:62px}}
.zb-calls-mobile-nav{display:none}
/* The shared shell owns width, scrolling, pinning, theme and the mobile drawer. */
html[data-zb-sidebar-owner=calls] .zb-calls-columns{grid-template-columns:minmax(0,1fr)}
#zbCallsSidebar [hidden]{display:none!important}
#zbCallsSidebar .zb-calls-toolbar{margin-bottom:20px}
#zbCallsSidebar .zb-calls-search{max-width:none}
#zbCallsSidebar .zb-calls-row{display:block;width:100%;text-align:left}
#zbCallsSidebar .zb-calls-row-label{font-weight:400}
#zbCallsSidebar [role=alert]{white-space:pre-wrap;overflow-wrap:anywhere}
@media(min-width:992px){html.zb-staging-nav #zbCallsHost{left:var(--zb-nav-content-left,52px)}}
@media(max-width:991px){#zbCallsHost .zb-calls-mobile-nav{display:block;position:fixed;top:10px;left:12px;z-index:1}}
@media(max-width:769px){#zbCallsHost{left:0}.zb-calls{padding:74px 20px 36px}.zb-calls-columns{grid-template-columns:minmax(0,1fr);gap:24px}.zb-calls-hero{margin-bottom:26px}.zb-calls-detail{padding:18px}}