.channel-form{display:grid;gap:12px;max-width:680px}.channel-form label{display:grid;gap:6px}.channel-form input:not([type=checkbox]),.channel-form select{width:100%;min-height:44px;padding:10px;font-size:16px;box-sizing:border-box;background:var(--s2);color:var(--tx);border:1px solid var(--bd);border-radius:var(--r-sm)}.channel-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.channel-actions button{min-height:44px;margin:0}.channel-message{border:1px solid var(--bd);border-radius:var(--r-md);padding:14px;margin:12px 0;overflow-wrap:anywhere}.channel-message small{display:block;color:var(--mt);margin-top:8px}.channel-message p{white-space:pre-wrap}.channel-state{white-space:pre-wrap;color:var(--mt);line-height:1.5;overflow-wrap:anywhere}.channel-qr{width:240px;max-width:100%;background:white;padding:10px}.channel-form details{margin-top:16px}.channel-form summary{cursor:pointer;min-height:44px}.channel-form h5{margin:16px 0 4px;font-size:var(--fs-lg)}
.channel-form,.channel-subpanel{width:100%;min-width:0;grid-template-columns:minmax(0,1fr)}.channel-form label,.channel-call-filters>*{min-width:0;max-width:100%}.channel-form input:not([type=checkbox]),.channel-form select,.channel-form textarea{min-width:0;max-width:100%}.channel-actions button,.channel-tabs button{min-width:0;max-width:100%;overflow-wrap:anywhere}
.settings-nav-item.channel-nav span{min-width:0;white-space:normal;overflow-wrap:normal;line-height:1.2;max-width:100%}@media(max-width:768px){.settings-nav-item.channel-nav{min-height:80px}.settings-nav-item.channel-nav span{display:block;text-align:center}}
.channel-form textarea{box-sizing:border-box;width:100%;min-height:100px;padding:10px;font:inherit;font-size:16px;background:var(--s2);color:var(--tx);border:1px solid var(--bd);border-radius:var(--r-sm);resize:vertical}
.channel-section{display:grid;gap:12px;min-width:0;padding:18px;border:1px solid var(--bd);border-radius:var(--r-md);background:var(--s1)}.channel-section h5{margin:0 0 4px}.channel-section .channel-state{margin:0;font-size:var(--fs-sm);line-height:1.5}.channel-section .channel-actions{margin:4px 0;gap:8px}.channel-field{display:grid;gap:6px;min-width:0}.channel-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.channel-form label.channel-switch{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:12px;box-sizing:border-box;border:1px solid var(--bd);border-radius:var(--r-sm);background:var(--s2);cursor:pointer}.channel-switch>span{min-width:0;line-height:1.4}.channel-switch small{display:block;font-size:var(--fs-sm);color:var(--mt);margin-top:4px}.channel-switch input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;flex:0 0 52px;width:52px;height:30px;margin:0;border:2px solid var(--mt);border-radius:30px;background:var(--s1);cursor:pointer;transition:background .15s,border-color .15s}.channel-switch input[type=checkbox]::before{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--tx);transition:transform .15s}.channel-switch input[type=checkbox]:checked{background:var(--ac);border-color:var(--ac)}.channel-switch input[type=checkbox]:checked::before{transform:translateX(22px);background:#fff}.channel-switch input[type=checkbox]:focus-visible{outline:3px solid var(--ac);outline-offset:4px}.channel-switch:has(input:disabled){opacity:.6;cursor:default}.channel-section .btn-new.channel-button-secondary{background:var(--s2);color:var(--tx);border:1px solid var(--bd)}.channel-section .btn-new.channel-button-danger{background:transparent;color:var(--dg);border:1px solid var(--dg)}.channel-pin[open]{display:grid;gap:12px}.channel-pin:not([open]){display:block}.channel-help summary{font-size:var(--fs-sm);color:var(--mt)}@media(max-width:600px){.channel-section{padding:12px}.channel-field-grid{grid-template-columns:1fr}.channel-section .channel-actions>.btn-new{flex:1 1 150px}}@media(prefers-reduced-motion:reduce){.channel-switch input[type=checkbox],.channel-switch input[type=checkbox]::before{transition:none}}@media(forced-colors:active){.channel-switch input[type=checkbox]{appearance:auto}.channel-switch input[type=checkbox]::before{display:none}}
.channel-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 20px}.channel-tabs button{min-height:44px;padding:10px 14px;border:1px solid var(--bd);border-radius:var(--r-sm);background:var(--s2);color:var(--tx);font:inherit;cursor:pointer}.channel-tabs button[aria-selected=true]{background:var(--ac);color:#000;font-weight:600}.channel-tabs button:focus-visible{outline:3px solid var(--ac);outline-offset:3px}.channel-subpanel{display:grid;gap:12px;min-width:0}.channel-subpanel[hidden]{display:none}.channel-call-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.channel-call-card{border:1px solid var(--bd);border-radius:var(--r-md);padding:16px;margin:12px 0;overflow-wrap:anywhere}.channel-call-card h6{font-size:var(--fs-md);margin:0 0 8px}.channel-call-card dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:6px 12px}.channel-call-card dt{color:var(--mt)}.channel-call-card dd{margin:0;overflow-wrap:anywhere}.channel-call-card summary{min-height:44px;cursor:pointer;display:flex;align-items:center}.channel-call-card details[open] summary{display:list-item}@media(max-width:600px){.channel-call-filters{grid-template-columns:1fr}.channel-tabs button{flex:1 1 130px}.channel-call-card{padding:12px}}
.channel-field{display:flex;flex-direction:column}
.channel-form details.channel-pin[open]{display:block}.channel-pin-body{display:grid;gap:16px;padding-top:16px;min-width:0}.channel-pin-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px}.channel-pin-entry>.btn-new{margin:0;min-height:44px}.channel-pin-history{border-top:1px solid var(--bd);padding-top:16px;display:grid;gap:12px;min-width:0}.channel-pin-history-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.channel-pin-history-heading h5{margin:0}.channel-pin-history-heading>.btn-new{margin:0;min-height:44px}.channel-pin-body .channel-help{margin:0}.channel-pin-body .channel-help summary{line-height:1.4;padding:6px 0}.channel-pin-body .channel-help[open] p{margin-top:8px}.channel-pin-body #channels-sip-pin-state:empty{display:none}.channel-pin-history #channels-sip-pin-log:empty{display:none}@media(max-width:600px){.channel-pin-entry{grid-template-columns:minmax(0,1fr);gap:12px}.channel-pin-entry>.btn-new{width:100%;box-sizing:border-box}.channel-pin-history-heading{align-items:flex-start}.channel-pin-history-heading>.btn-new{padding:8px 12px;font-size:var(--fs-sm)}}
.channel-pin-dialog{width:min(620px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);box-sizing:border-box;margin:auto;padding:20px;border:1px solid var(--bd);border-radius:var(--r-md);background:var(--s1);color:var(--tx);overflow-y:auto;overscroll-behavior:contain}.channel-pin-dialog[open]{display:grid;gap:12px}.channel-pin-dialog::backdrop{background:rgba(0,0,0,.65)}.channel-pin-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.channel-pin-dialog-heading h5{margin:0}.channel-pin-dialog .btn-new{margin:0;min-height:44px}.channel-pin-dialog .channel-button-secondary{background:var(--s2);color:var(--tx);border:1px solid var(--bd)}.channel-pin-dialog .channel-state{margin:0;font-size:var(--fs-sm)}.channel-pin-dialog-log{max-height:320px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;overflow-wrap:anywhere;min-width:0}.channel-pin-dialog-log:focus-visible{outline:2px solid var(--ac);outline-offset:2px}.channel-pin-dialog #channels-sip-pin-dialog-state:empty{display:none}@media(max-width:600px){.channel-pin-dialog{padding:14px}.channel-pin-dialog-log{max-height:min(320px,45dvh)}}
.channel-recording{display:grid;gap:10px;margin:14px 0;min-width:0}.channel-recording audio{width:100%;max-width:100%;min-width:0}.channel-recording>a{display:inline-flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;box-sizing:border-box;min-height:44px;margin:0;text-decoration:none;background:var(--s2);color:var(--tx);border:1px solid var(--bd)}
.channel-call-table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.channel-call-table{width:100%;min-width:720px;border-collapse:collapse;font-size:var(--fs-sm)}.channel-call-table th,.channel-call-table td{text-align:left;padding:10px;border-bottom:1px solid var(--bd);overflow-wrap:anywhere;max-width:220px}.channel-call-table th button{font:inherit;font-weight:600;background:transparent;color:var(--tx);border:0;min-height:44px;cursor:pointer;text-align:left}.channel-call-table .btn-new{margin:0;min-height:44px}.channel-call-dialog{width:min(760px,calc(100vw - 28px));max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px);margin:auto;box-sizing:border-box;border:1px solid var(--bd);border-radius:var(--r-md);padding:18px;background:var(--s1);color:var(--tx);overflow:auto;overscroll-behavior:contain}.channel-call-dialog[open]{display:grid;gap:12px}.channel-call-dialog::backdrop{background:rgba(0,0,0,.65)}.channel-call-dialog [hidden]{display:none}.channel-call-dialog .channel-call-card{margin:0}.channel-call-dialog dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:8px 12px;overflow-wrap:anywhere}.channel-call-dialog dt{color:var(--mt)}.channel-call-dialog dd{margin:0}.channel-call-dialog button:focus-visible,.channel-call-table button:focus-visible{outline:2px solid var(--ac);outline-offset:2px}.channel-call-dialog .channel-tabs{margin:0}.channel-call-dialog h5{margin:0}@media(max-width:600px){.channel-call-dialog{padding:12px}}
.channel-form:has(#channel-panel-calls:not([hidden])){max-width:100%;width:100%;min-width:0}.channel-call-table-wrap{width:100%;min-width:0}.channel-call-table{min-width:940px;table-layout:auto}.channel-call-table th{white-space:nowrap;overflow-wrap:normal}.channel-call-table td{overflow-wrap:normal;word-break:normal}.channel-call-table td:nth-child(2),.channel-call-table td:nth-child(3),.channel-call-table td:nth-child(4),.channel-call-table td:nth-child(5),.channel-call-table td:last-child{white-space:nowrap}.channel-call-table td:last-child{min-width:100px}.channel-call-table td:last-child .btn-new{width:auto;white-space:nowrap;padding:8px 12px}.channel-call-table th:nth-child(2),.channel-call-table td:nth-child(2){min-width:110px}.channel-call-table th:nth-child(3),.channel-call-table td:nth-child(3){min-width:90px}.channel-call-table th:nth-child(5),.channel-call-table td:nth-child(5){min-width:120px}
.channel-call-table td:last-child .btn-new{display:inline-flex;align-items:center;justify-content:center;min-width:0;width:auto;min-height:30px;padding:5px 8px;font-size:13px;line-height:1.2;border-radius:6px;max-width:100%}.channel-call-table td:last-child{min-width:82px}.channel-call-table{min-width:800px}@media(min-width:900px){.channel-call-table{min-width:0;table-layout:fixed}.channel-call-table th,.channel-call-table td{min-width:0!important;max-width:none;padding:8px 6px}.channel-call-table th:nth-child(1){width:16%}.channel-call-table th:nth-child(2){width:15%}.channel-call-table th:nth-child(3){width:11%}.channel-call-table th:nth-child(4){width:13%}.channel-call-table th:nth-child(5){width:13%}.channel-call-table th:nth-child(6){width:21%}.channel-call-table th:nth-child(7){width:11%}.channel-call-table td:first-child{overflow-wrap:anywhere}.channel-call-table td:nth-child(6){white-space:normal}}
@media(max-width:899px){.channel-call-table td:last-child .btn-new{min-height:44px}}
.channel-call-table td:last-child .btn-new{min-width:60px}