.calls-wave{cursor:pointer;border-radius:4px;outline:none;flex:auto;align-items:center;gap:2px;min-width:0;display:flex;position:relative;overflow:hidden}.calls-wave:focus-visible{box-shadow:0 0 0 2px var(--ds-focus)}.calls-wave>span{background:var(--ds-border-strong);min-width:2px;max-width:3px;transition:background-color var(--ds-dur-1) var(--ds-ease);border-radius:2px;flex:1 0 2px}.calls-wave[data-size=lg]>span{flex:1 1 0;max-width:none}.calls-wave>span[data-played=true]{background:var(--ds-accent)}.calls-wave:hover>span:not([data-played=true]){background:var(--ds-text-4)}.calls-player{align-items:center;gap:8px;min-width:132px;max-width:220px;display:flex}.calls-player-time{color:var(--ds-text-3);text-align:right;flex:none;min-width:30px;font-size:12px}.calls-rec-state{color:var(--ds-text-3);white-space:nowrap;align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.calls-rec-state[data-tone=off]{color:var(--ds-text-4)}.calls-pulse{--pulse:var(--ds-success);background:var(--pulse);border-radius:50%;flex:0 0 7px;width:7px;height:7px;display:inline-block;position:relative}.calls-pulse:after{content:"";border:2px solid var(--pulse);opacity:0;animation:ds-live 1.6s var(--ds-ease-out) infinite;border-radius:50%;position:absolute;inset:-4px}.calls-pulse[data-tone=accent]{--pulse:var(--ds-accent)}.calls-pulse[data-tone=danger]{--pulse:var(--ds-danger)}.calls-dir{--dir:var(--ds-text-3);width:28px;height:28px;color:var(--dir);background:color-mix(in srgb, var(--dir) 12%, transparent);border-radius:50%;flex:0 0 28px;place-items:center;display:inline-grid}.calls-table .mantine-Table-th{background:var(--ds-surface)}.calls-row{cursor:pointer}.calls-row:focus-visible{outline:2px solid var(--ds-accent);outline-offset:-2px}.calls-row[data-expanded=true]{background:var(--ds-hover)}.calls-row[data-status=live],.calls-row[data-status=ringing]{background:color-mix(in srgb, var(--ds-success-soft) 55%, transparent)}.calls-row[data-open=true]{background:var(--ds-accent-soft)}.calls-row .calls-more{opacity:0;transition:opacity var(--ds-dur-1) var(--ds-ease)}.calls-row:hover .calls-more,.calls-row:focus-within .calls-more,.calls-row[data-expanded=true] .calls-more{opacity:1}@media (hover:none){.calls-row .calls-more{opacity:1}}.calls-group-row>td{background:var(--ds-surface);border-bottom-color:var(--ds-divider)!important;padding-top:14px!important;padding-bottom:6px!important}.calls-group-row:hover>td{background:var(--ds-surface)!important}.calls-card{border:1px solid var(--ds-border);background:var(--ds-surface);text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;transition:background-color var(--ds-dur-1) var(--ds-ease), border-color var(--ds-dur-1) var(--ds-ease);border-radius:12px;gap:12px;padding:12px;display:flex}.calls-card:hover{border-color:var(--ds-border-strong)}.calls-card[data-expanded=true]{background:var(--ds-hover)}.calls-card[data-status=live],.calls-card[data-status=ringing]{border-color:color-mix(in srgb, var(--ds-success) 40%, var(--ds-border))}.calls-ticket{height:24px;color:var(--ds-accent-text);font:inherit;font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:3px;margin-left:-6px;padding:0 6px;font-size:12.5px;font-weight:600;display:inline-flex}.calls-ticket:hover{background:var(--ds-accent-soft)}.calls-online{border:1px solid var(--ds-border);background:var(--ds-surface);box-shadow:var(--ds-shadow-xs);border-radius:10px;align-items:center;gap:10px;margin:0 0 10px;padding:10px 10px 10px 12px;display:flex}.calls-online[data-on=true]{border-color:color-mix(in srgb, var(--ds-success) 35%, var(--ds-border))}.calls-display{background:var(--ds-surface-sunken);border:1px solid var(--ds-border);min-height:52px;transition:box-shadow var(--ds-dur-2) var(--ds-ease), border-color var(--ds-dur-2) var(--ds-ease);border-radius:12px;align-items:center;gap:6px;padding:6px 6px 6px 14px;display:flex}.calls-display[data-pulse=true]{border-color:var(--ds-accent);box-shadow:0 0 0 3px var(--ds-focus)}.calls-display-number{letter-spacing:-.01em;font-variant-numeric:tabular-nums;min-width:0;color:var(--ds-text);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:20px;font-weight:600;overflow:hidden}.calls-display-number[data-empty=true]{color:var(--ds-text-4);font-size:15px;font-weight:500}.calls-keypad{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.calls-key{background:var(--ds-fill);height:46px;color:var(--ds-text);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--ds-dur-1) var(--ds-ease), transform var(--ds-dur-1) var(--ds-ease);border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:0;font-size:18px;font-weight:600;line-height:1.1;display:flex}.calls-key:hover{background:var(--ds-fill-hover)}.calls-key:active{transform:scale(.96)}.calls-key:focus-visible{outline:2px solid var(--ds-accent);outline-offset:1px}.calls-key small{letter-spacing:.08em;color:var(--ds-text-3);font-size:9.5px;font-weight:500}.calls-btn-go.mantine-Button-root,.calls-btn-go.mantine-ActionIcon-root{background:var(--ds-success);color:var(--ds-on-ink);border-color:#0000}.calls-btn-go.mantine-Button-root:hover:not(:disabled):not([data-disabled]),.calls-btn-go.mantine-ActionIcon-root:hover:not(:disabled):not([data-disabled]){background:var(--ds-success);filter:brightness(.93)}.calls-btn-stop.mantine-Button-root,.calls-btn-stop.mantine-ActionIcon-root{background:var(--ds-danger);color:var(--ds-on-ink);border-color:#0000}.calls-btn-stop.mantine-Button-root:hover:not(:disabled):not([data-disabled]),.calls-btn-stop.mantine-ActionIcon-root:hover:not(:disabled):not([data-disabled]){background:var(--ds-danger);filter:brightness(.93)}.calls-btn-go.mantine-Button-root:disabled,.calls-btn-go.mantine-Button-root[data-disabled],.calls-btn-stop.mantine-Button-root:disabled,.calls-btn-stop.mantine-Button-root[data-disabled]{background:var(--ds-fill);color:var(--ds-text-4);filter:none}.calls-float{z-index:6;border:1px solid var(--ds-border);background:var(--ds-surface-raised);width:328px;max-width:calc(100% - 24px);box-shadow:var(--ds-shadow-xl);animation:calls-float-in var(--ds-dur-3) var(--ds-ease-out) both;touch-action:none;border-radius:16px;position:absolute;top:12px;right:12px}.calls-float[data-dragging=true]{box-shadow:var(--ds-shadow-xl), 0 0 0 3px var(--ds-focus)}@keyframes calls-float-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1}}.calls-float-head{align-items:center;gap:6px;padding:8px 8px 0 6px;display:flex}.calls-grip{width:22px;height:28px;color:var(--ds-text-4);cursor:grab;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.calls-grip:hover{color:var(--ds-text-2);background:var(--ds-hover)}.calls-float[data-dragging=true] .calls-grip{cursor:grabbing}.calls-ring{border-radius:50%;display:inline-flex;position:relative}.calls-ring:after{content:"";border:2px solid var(--ds-success);opacity:0;animation:ds-live 1.4s var(--ds-ease-out) infinite;border-radius:50%;position:absolute;inset:-5px}@container app (max-width:767px){.calls-float{width:auto;max-width:none;top:8px;left:8px;right:8px}}.calls-activebar{background:var(--ds-success-soft);min-height:40px;color:var(--ds-success-text);animation:ds-fade-up var(--ds-dur-3) var(--ds-ease-out) both;border-radius:10px;align-items:center;gap:8px;margin:0 12px 8px;padding:4px 6px 4px 12px;font-size:13px;display:flex}.calls-line{transition:background-color var(--ds-dur-2) var(--ds-ease);border-radius:10px;grid-template-columns:44px minmax(0,1fr);gap:10px;padding:7px 8px;display:grid}.calls-line[data-current=true]{background:var(--ds-accent-soft)}.calls-line-at{background:var(--ds-fill);height:22px;color:var(--ds-text-2);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;border:0;border-radius:6px;padding:0 6px;font-size:11.5px;font-weight:600}.calls-line-at:hover{background:var(--ds-fill-hover);color:var(--ds-text)}