.telephony-module-board{grid-column:1/-1;min-width:0;width:100%;height:calc(100dvh - 80px);overflow:hidden;background:var(--bg,#f3f6f7)}.telephony-module-frame{display:block;border:0;width:100%;height:100%;background:var(--surf,#fff)}.telephony-module-status{margin:24px;padding:20px;border:1px solid var(--bd,#dce5e7);border-radius:12px;background:var(--surf,#fff);color:var(--tx,#17343e)}@media(min-width:900px){:root[data-layout=new] .telephony-module-board{height:100dvh}}@media(max-width:899px){.telephony-module-board{height:calc(100dvh - 120px)}}
@media(min-width:900px){:root[data-layout=new] #workspace>header #tab-telephony{order:7;display:flex!important;align-items:center;gap:12px;width:100%;min-height:38px;padding:8px 12px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:inherit!important;box-shadow:none!important;text-align:left;font-weight:500;justify-content:flex-start}:root[data-layout=new] #workspace>header #tab-telephony:hover{background:#ffffff14!important}:root[data-layout=new][data-side=mini] #workspace>header #tab-telephony{justify-content:center;gap:0;padding:10px 0!important;font-size:0!important}:root[data-layout=new][data-side=mini] #telephony-nav-label{display:none}}
:root[data-layout] #workspace>header #tab-telephony[hidden],#mobile-menu-telephony[hidden],.telephony-module-board[hidden]{display:none!important}
@media(min-width:900px){:root[data-layout=new] #workspace>header #tab-telephony[aria-pressed=true]{background:#ffffff26!important;font-weight:700}}
.call-recordings{height:100%;overflow:auto;padding:24px;box-sizing:border-box;color:var(--tx,#17343e)}.call-recordings-card{max-width:1000px;margin:0 auto 16px;padding:22px;border:1px solid var(--bd,#dce5e7);border-radius:14px;background:var(--surf,#fff)}.call-recordings-card h1{margin:0 0 12px;font-size:24px}.call-recordings-card h2{margin:0;font-size:18px}.call-recordings-card p{line-height:1.6}.call-recordings-note{color:var(--muted,#566e79);font-size:13px}.call-recordings-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.call-recordings-actions h2{margin-right:auto}.call-recordings-card progress,.call-recordings-card audio{display:block;width:100%;margin:12px 0}.call-recordings-card [hidden]{display:none!important}.call-recordings-row{padding:16px 0;border-top:1px solid var(--bd,#dce5e7)}.call-recordings-row h3{margin:0;font-size:15px;overflow-wrap:anywhere}.call-recordings-row p{margin:8px 0}.call-recordings-row small{display:block;margin:8px 0}.call-recordings-row button{margin:4px 8px 0 0}@media(max-width:899px){.call-recordings{padding:12px}.call-recordings-card{padding:16px}}
.call-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.call-filters select,.call-filters input{min-height:36px;padding:6px 10px;border:1px solid var(--bd,#dce5e7);border-radius:8px;background:var(--surf,#fff);color:var(--tx,#17343e);font:inherit}.call-filters input{flex:1 1 200px;min-width:0}.call-filters [hidden]{display:none!important}
.call-summary{display:flex;flex-wrap:wrap;gap:8px;width:100%}.call-chip{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;background:var(--bg,#eef3f4);font-size:13px;white-space:nowrap}.call-chip.is-good{background:#dff3e6;color:#17633a}.call-chip.is-alert{background:#fde6e2;color:#9b2c1a}
.call-list{display:flex;flex-direction:column}.call-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;width:100%;padding:14px 4px;border:0;border-top:1px solid var(--bd,#dce5e7);background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.call-row:first-child{border-top:0}.call-row:hover{background:var(--bg,#f3f6f7)}
.call-row-main{display:flex;flex-direction:column;gap:4px;min-width:0}.call-row-main span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.call-row-meta{grid-column:1;display:flex;flex-wrap:wrap;gap:4px 14px;color:var(--muted,#566e79);font-size:13px}
.call-row-side{grid-column:2;grid-row:1/3;display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:flex-end;max-width:360px}.call-card .call-row-side{max-width:none;justify-content:flex-start;margin:4px 0 12px}
.call-score{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:32px;padding:0 8px;border-radius:8px;background:var(--bg,#eef3f4);font-weight:700}.call-score.is-good{background:#dff3e6;color:#17633a}.call-score.is-mid{background:#fff3d6;color:#7a5300}.call-score.is-bad{background:#fde6e2;color:#9b2c1a}.call-score.is-big{min-width:64px;height:52px;font-size:24px;border-radius:12px}
#call-card-back{display:inline-flex;margin:0 0 14px}.call-card-top{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.call-card-top h1{overflow-wrap:anywhere}.call-card-score{display:flex;flex-direction:column;align-items:center;gap:4px}
.call-card-state{padding:10px 12px;border-radius:8px;background:var(--bg,#eef3f4)}.call-criteria{margin:12px 0}.call-criterion{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr) 60px;gap:12px;align-items:center;padding:6px 0}.call-criterion progress{width:100%;margin:0}.call-criterion strong{text-align:right}
.call-card h2{margin:18px 0 6px;font-size:16px}.call-card-advice{padding:10px 12px;border-left:3px solid var(--ac,#2f7d8c);background:var(--bg,#f3f6f7)}.call-card-audio audio{display:block;width:100%}
.call-transcript{margin-top:16px}.call-transcript summary{cursor:pointer;font-weight:600}.call-transcript pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.6;max-height:420px;overflow:auto}
@media(max-width:899px){.call-row{grid-template-columns:minmax(0,1fr)}.call-row-side{grid-column:1;grid-row:auto;justify-content:flex-start;max-width:none}.call-card-top{flex-direction:column-reverse}.call-criterion{grid-template-columns:minmax(0,1fr) 56px}.call-criterion progress{grid-column:1/-1;grid-row:2}}
.call-tabs{display:flex;gap:6px;max-width:1000px;margin:0 auto 14px;overflow-x:auto;scrollbar-width:none}.call-tabs[hidden]{display:none!important}.call-tabs button{flex:0 0 auto;padding:8px 14px;border-radius:999px;white-space:nowrap}.call-tabs button[aria-pressed=true]{background:var(--ac,#2f7d8c)!important;color:var(--on,#fff)!important;border-color:transparent!important}.call-tabs button.has-count{font-weight:700}
.call-pane[hidden],.call-card-view[hidden]{display:none!important}
.call-attention{display:flex;flex-direction:column;gap:8px;margin:12px 0;padding:12px;border:1px solid #f3c7bd;border-radius:10px;background:#fff6f4}.call-attention.is-done{border-color:#bfe3cb;background:#f2fbf5}.call-attention textarea{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid var(--bd,#dce5e7);border-radius:8px;font:inherit;resize:vertical}.call-attention button{align-self:flex-start}
.call-client{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.call-client h2{width:100%}.call-client input{flex:1 1 180px;min-width:0;min-height:36px;padding:6px 10px;border:1px solid var(--bd,#dce5e7);border-radius:8px;font:inherit;background:var(--surf,#fff);color:var(--tx,#17343e)}
.call-recordings-card>input[type=search]{width:100%;box-sizing:border-box;min-height:36px;padding:6px 10px;border:1px solid var(--bd,#dce5e7);border-radius:8px;font:inherit}
.call-dashboard>*{max-width:1000px;margin-left:auto;margin-right:auto}.call-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.call-tile{display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid var(--bd,#dce5e7);border-radius:14px;background:var(--surf,#fff)}.call-tile small{color:var(--muted,#566e79)}.call-tile strong{font-size:26px}
.call-insight{margin:8px 0;padding:10px 12px;border-left:3px solid #d9822b;border-radius:6px;background:var(--bg,#f3f6f7)}.call-insight.is-best{border-left-color:#2f9e5b}.call-insight p{margin:4px 0}
.call-table-wrap{overflow-x:auto}.call-table{width:100%;border-collapse:collapse;font-size:14px}.call-table th,.call-table td{padding:8px 6px;border-bottom:1px solid var(--bd,#dce5e7);text-align:left;white-space:nowrap}.call-table th{color:var(--muted,#566e79);font-weight:500}
.call-dash-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.call-dash-grid .call-recordings-card{margin:0 0 16px}.call-dash-grid .call-criterion{grid-template-columns:minmax(0,1fr) 80px 40px}
@media(max-width:899px){.call-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.call-dash-grid{grid-template-columns:minmax(0,1fr)}.call-tile strong{font-size:22px}}