[data-screen=calls] .filters{height:36px;display:flex;align-items:center;gap:12px;flex:none}[data-screen=calls] .seg{display:flex;background:var(--well2);border:1px solid var(--line);border-radius:18px;padding:3px;gap:2px}[data-screen=calls] .seg span{height:28px;padding:0 12px;border-radius:14px;display:flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:700;color:var(--ink3);white-space:nowrap}[data-screen=calls] .seg span i{font-style:normal;font-weight:600;opacity:1}[data-screen=calls] .seg span.on{background:var(--seg-on);color:var(--seg-ink);box-shadow:var(--seg-shadow)}[data-screen=calls] .seg span.on i{opacity:1}[data-screen=calls] .ctl{height:36px;border-radius:18px;background:var(--glass);border:1px solid var(--line);display:flex;align-items:center;gap:8px;padding:0 14px;box-sizing:border-box;font-size:.8125rem;font-weight:700;color:var(--ink2);white-space:nowrap}[data-screen=calls] .ctl.s{margin-left:auto;width:280px;gap:10px;font-size:.875rem;font-weight:400;color:var(--ink3)}[data-screen=calls] .body{flex:1 1 auto;display:grid;grid-template-columns:minmax(0,1fr) 400px;grid-auto-rows:minmax(0,1fr);grid-gap:20px;gap:20px;min-height:0;min-width:0}.frame [data-screen=calls].screen>.body{flex:1 1 auto}@supports (grid-template-columns:minmax(0,min(30%,560px))){[data-screen=calls] .body{grid-template-columns:minmax(0,1fr) minmax(400px,min(30.58%,560px))}}[data-screen=calls] .body>.card{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}[data-screen=calls] .body>.card>.row{flex:0 0 auto}[data-screen=calls] .muted{margin-left:auto;color:var(--ink3);font-size:.8125rem;font-weight:600}[data-screen=calls] .th,[data-screen=calls] .tr{display:grid;grid-template-columns:64px 190px minmax(0,1fr) 52px 96px 84px;grid-gap:10px;gap:10px;align-items:center;padding:0 12px}[data-screen=calls] .th{height:30px;margin-top:12px;color:var(--ink3);font-size:.75rem;font-weight:700;letter-spacing:.3px;text-transform:uppercase;border-bottom:1px solid var(--line);flex:none}[data-screen=calls] .rows{flex:1 1 auto;min-height:0;overflow:auto}[data-screen=calls] .tr{min-height:48px;box-sizing:border-box;border-top:1px solid var(--line);color:var(--ink)}[data-screen=calls] .tr:first-child{border-top-color:transparent}[data-screen=calls] .tr.sel{border-radius:12px;background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}[data-screen=calls] .tr.sel,[data-screen=calls] .tr.sel+.tr{border-top-color:transparent}[data-screen=calls] .tm{font-size:.8125rem;font-weight:700;color:var(--ink2);display:flex;align-items:center;gap:8px;white-space:nowrap}[data-screen=calls] .cl{display:flex;align-items:center;gap:10px;min-width:0}[data-screen=calls] .cl .av{width:30px;height:30px;border-radius:50%;background:var(--glass2);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;flex:none}[data-screen=calls] .cl .nm{font-weight:700;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-screen=calls] .cl .ph{color:var(--ink3);font-size:.75rem;margin-top:2px;white-space:nowrap}[data-screen=calls] .nd{color:var(--ink2);font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-screen=calls] .du{color:var(--ink2);font-size:.8125rem;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}[data-screen=calls] .sent{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:600;color:var(--ink2);white-space:nowrap}[data-screen=calls] .sent b{width:7px;height:7px;border-radius:50%;display:inline-block}[data-screen=calls] .sent.na{color:var(--ink3)}[data-screen=calls] .foot{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);display:flex;align-items:center;gap:12px;color:var(--ink3);font-size:.8125rem;font-weight:600;flex:none}[data-screen=calls] .foot .link{margin-left:auto}[data-screen=calls] .detail{gap:14px}[data-screen=calls] .body>.detail{overflow:auto}[data-screen=calls] .detail>.row{flex-wrap:wrap;gap:8px}[data-screen=calls] .dhead{display:flex;flex-wrap:wrap;align-items:center;gap:12px;flex:none}[data-screen=calls] .dhead>div:nth-child(2){flex:1 1 140px;min-width:0}[data-screen=calls] .dhead .tag{flex:none}[data-screen=calls] .dhead .av{width:44px;height:44px;border-radius:50%;background:var(--glass2);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex:none}[data-screen=calls] .dhead .nm{font-size:17px;font-weight:600}[data-screen=calls] .dhead .mt{color:var(--ink3);font-size:.8125rem;margin-top:2px;white-space:normal;overflow-wrap:anywhere}[data-screen=calls] .box{background:var(--well);border-radius:14px;padding:12px 14px;flex:none}[data-screen=calls] .lbl{color:var(--ink3);font-size:.75rem;font-weight:700;letter-spacing:.3px}[data-screen=calls] .player{display:flex;align-items:center;gap:12px}[data-screen=calls] .playbtn{width:36px;height:36px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--hi),var(--lift);flex:none}[data-screen=calls] .bar{height:6px;border-radius:3px;background:rgb(var(--fg)/.1);position:relative}[data-screen=calls] .bar i{position:absolute;left:0;top:0;height:100%;width:38%;border-radius:3px;background:var(--accent)}[data-screen=calls] .bar b{position:absolute;left:38%;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#F0F9FB;box-shadow:0 2px 6px rgba(0,0,0,.45)}[data-screen=calls] .times{display:flex;justify-content:space-between;color:var(--ink3);font-size:.75rem;font-weight:600;margin-top:7px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}[data-screen=calls] .trans{flex:1 0 144px;min-height:144px;overflow:auto;display:flex;flex-direction:column;gap:8px}[data-screen=calls] .trans>*{flex:0 0 auto}[data-screen=calls] .turn{display:grid;grid-template-columns:44px minmax(0,1fr);grid-gap:10px;gap:10px;font-size:.8125rem;line-height:1.45}[data-screen=calls] .turn .who{font-size:.75rem;font-weight:700;color:var(--blue);padding-top:1px}[data-screen=calls] .turn.c .who{color:var(--ink2)}[data-screen=calls] .turn p{margin:0;color:var(--ink2)}[data-screen=calls] .turn.c p{color:var(--ink)}[data-screen=calls] .did{display:flex;flex-direction:column;gap:8px;flex:none}[data-screen=calls] .did .r{display:flex;align-items:center;gap:10px;font-size:.8125rem;font-weight:600}[data-screen=calls] .did .ck{width:20px;height:20px;border-radius:50%;background:rgba(41,224,183,.14);color:var(--good-ink);display:flex;align-items:center;justify-content:center;flex:none}[data-screen=calls] .acts{padding:4px 14px}[data-screen=calls] .act{display:flex;align-items:center;gap:10px;height:38px;border-top:1px solid var(--line);font-size:.8125rem;font-weight:700;color:var(--ink)}[data-screen=calls] .act:first-child{border-top:0}[data-screen=calls] .act svg{color:var(--blue)}[data-screen=calls] .act .rt{margin-left:auto;color:var(--ink3);font-size:.75rem;font-weight:600}@container app-content (width < 1280px){[data-screen=calls] .body{grid-template-columns:minmax(0,1fr) 360px}[data-screen=calls] .ctl.s{width:230px}}@container app-content (width < 1120px){[data-screen=calls] .filters{height:auto;flex-wrap:wrap;row-gap:8px}[data-screen=calls] .ctl{min-width:0;overflow:hidden}[data-screen=calls] .ctl.s{width:auto;flex:1 1 180px;min-width:140px;white-space:nowrap}[data-screen=calls] .th>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-screen=calls] .body{grid-template-columns:minmax(0,1fr) 320px}[data-screen=calls] .th,[data-screen=calls] .tr{grid-template-columns:64px 170px minmax(0,1fr) 52px 96px}[data-screen=calls] .th span:nth-child(6),[data-screen=calls] .tr .sent{display:none}[data-screen=calls] .ctl.s{width:190px}}@container app-content (width < 900px){[data-screen=calls] .filters{height:auto;flex-wrap:wrap;row-gap:8px}[data-screen=calls] .ctl.s{width:auto;flex:1 1 200px;min-width:0}[data-screen=calls] .body{grid-template-columns:minmax(0,1fr);grid-auto-rows:min-content;gap:16px;flex:0 0 auto}.frame [data-screen=calls].screen>.body{flex:0 0 auto}[data-screen=calls] .body>.card{overflow:visible;height:auto;min-height:auto}[data-screen=calls] .body>.card>.rows,[data-screen=calls] .trans{flex:0 0 auto;min-height:auto;overflow:visible}[data-screen=calls] .th,[data-screen=calls] .tr{grid-template-columns:64px minmax(120px,200px) minmax(0,1fr) 100px}[data-screen=calls] .th span:nth-child(4),[data-screen=calls] .tr .du{display:none}[data-screen=calls] .detail{gap:12px}}@container app-content (width < 680px){[data-screen=calls] .filters{gap:8px}[data-screen=calls] .seg{flex-wrap:wrap;row-gap:3px;border-radius:21px}[data-screen=calls] .seg span{height:36px;border-radius:18px}[data-screen=calls] .ctl{height:38px;border-radius:19px}[data-screen=calls] .ctl.s{flex:1 1 100%;margin-left:0}[data-screen=calls] .body>.card.pad{padding:14px}[data-screen=calls] .row{flex-wrap:wrap;row-gap:4px}[data-screen=calls] .th{display:none}[data-screen=calls] .rows{display:flex;flex-direction:column;gap:8px}[data-screen=calls] .tr{grid-template-columns:minmax(0,1fr) auto;column-gap:10px;row-gap:6px;height:auto;min-height:64px;padding:10px 12px;border-top:0;border-radius:12px;background:var(--well);align-items:center}[data-screen=calls] .tr .cl{grid-area:1/1/2/2}[data-screen=calls] .tr>span:nth-child(5){grid-area:1/2/2/3;justify-self:end}[data-screen=calls] .tr .nd{grid-area:2/1/3/3;white-space:normal;line-height:1.45}[data-screen=calls] .tr .tm{grid-area:3/1/4/2}[data-screen=calls] .tr .du{display:block;grid-area:3/2/4/3;justify-self:end}[data-screen=calls] .turn{grid-template-columns:40px minmax(0,1fr)}[data-screen=calls] .dhead .mt{white-space:normal}[data-screen=calls] .act{height:42px}}@container app-content (width < 480px){[data-screen=calls] .seg span{padding:0 10px}[data-screen=calls] .body>.card.pad{padding:12px}[data-screen=calls] .dhead{flex-wrap:wrap;row-gap:8px}[data-screen=calls] .dhead .nm{font-size:16px}[data-screen=calls] .playbtn{width:40px;height:40px}[data-screen=calls] .turn{grid-template-columns:minmax(0,1fr);gap:2px}[data-screen=calls] .foot{flex-wrap:wrap;row-gap:6px}[data-screen=calls] .foot .link{margin-left:0}[data-screen=calls] .acts{padding:2px 12px}[data-screen=calls] .act{height:44px}}[data-screen=calls] :is(a,button).tr{width:100%;background:none;border-left:0;border-right:0;border-bottom:0;font:inherit;text-align:left;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}[data-screen=calls] :is(a,button).tr:focus-visible{outline-offset:-2px}[data-screen=calls] .seg :is(span,button){height:28px;padding:0 12px;border-radius:14px;display:flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:700;color:var(--ink3);white-space:nowrap;background:none;border:0;font-family:inherit;cursor:pointer}[data-screen=calls] .seg button i{font-style:normal;font-weight:600;opacity:1}[data-screen=calls] .seg :is(span,button).on{background:var(--seg-on);color:var(--seg-ink);box-shadow:var(--seg-shadow)}[data-screen=calls] .rng{position:relative;display:flex;flex:none;min-width:0}[data-screen=calls] button.ctl{margin:0;font-family:inherit;line-height:inherit;letter-spacing:inherit;text-align:left;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}[data-screen=calls] button.ctl[aria-expanded=true]{border-color:var(--accent-line)}[data-screen=calls] .rmenu{position:absolute;top:calc(100% + 6px);left:0;z-index:30;min-width:220px;max-width:calc(100vw - 32px);padding:6px;box-sizing:border-box;display:flex;flex-direction:column;gap:2px;border-radius:16px;background:var(--sheen),var(--popover);border:1px solid var(--edge);box-shadow:var(--rim),var(--card-shadow)}[data-screen=calls] .rmenu .mi{display:flex;align-items:center;justify-content:space-between;gap:10px;height:34px;padding:0 12px;border:0;border-radius:10px;background:none;font:inherit;font-size:.8125rem;font-weight:700;color:var(--ink2);text-align:left;cursor:pointer}[data-screen=calls] .rmenu .mi:hover{background:var(--accent-soft);color:var(--blue-ink)}[data-screen=calls] .rmenu .mi.on{color:var(--ink)}[data-screen=calls] .rmenu .mi svg{color:var(--blue)}[data-screen=calls] .rmenu .rcus{display:grid;grid-gap:8px;gap:8px;margin-top:4px;padding:8px 6px 4px;border-top:1px solid var(--line)}[data-screen=calls] .rmenu .rcus label{display:flex;flex-direction:column;gap:4px;color:var(--ink3);font-size:.75rem;font-weight:700}[data-screen=calls] .rmenu .rcus input{height:34px;padding:0 10px;box-sizing:border-box;border-radius:10px;border:1px solid var(--line);background:var(--well);color:var(--ink);font:inherit;font-size:.8125rem;font-weight:600}[data-screen=calls] .ctl input{flex:1 1 auto;min-width:0;background:none;border:0;padding:0;font:inherit;color:inherit}[data-screen=calls] .ctl.s input{width:100%}[data-screen=calls] .ctl input::placeholder{color:var(--ink3)}[data-screen=calls] label.ctl.s{cursor:text}[data-screen=calls] :is(div,button).playbtn{border:0;padding:0;font:inherit;cursor:pointer}[data-screen=calls] button.playbtn:disabled{cursor:default;opacity:.55}[data-screen=calls] .player .bar.seek{cursor:pointer}[data-screen=calls] .player .bar:focus-visible{outline:2px solid var(--blue-ink);outline-offset:4px}[data-screen=calls] .player .perr{margin:6px 0 0;color:var(--pink);font-size:.75rem;overflow-wrap:anywhere}[data-screen=calls] .trans>p{margin:0;color:var(--ink2);font-size:.8125rem;line-height:1.45}[data-screen=calls] .trans .turn p{white-space:pre-wrap;overflow-wrap:anywhere}[data-screen=calls] .turn .who{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-screen=calls] .foot button.link{margin-top:0;margin-right:0;margin-bottom:0;padding:0;border:0;background:none;font-family:inherit;line-height:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}@container app-content (width < 680px){[data-screen=calls] .seg :is(span,button){height:36px;border-radius:18px}[data-screen=calls] :is(a,button).tr{background:var(--well)}[data-screen=calls] :is(a,button).tr.sel{background:var(--accent-soft)}}@container app-content (width < 480px){[data-screen=calls] .seg :is(span,button){padding:0 10px}}