.outbound-dialog{position:fixed!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%);margin:0!important;width:min(600px,calc(100vw - 32px));max-height:min(840px,calc(100dvh - 32px));padding:0!important;border:1px solid var(--bd,#383840);border-radius:20px;background:var(--s1,#17171b);color:var(--tx,#eee);box-shadow:0 24px 90px #0008;box-sizing:border-box;overflow:hidden;font-size:14px;line-height:1.45}
.outbound-dialog[open]{display:flex;flex-direction:column}.outbound-dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}
.outbound-extra{display:grid;gap:14px}.outbound-extra input[type=text]{box-sizing:border-box;width:100%;min-height:44px;border:1px solid var(--bd,#383840);border-radius:12px;padding:11px 12px;background:var(--s2,#24242a);color:inherit;font:inherit}.outbound-extra input[type=file]{width:100%;font:inherit}.outbound-extra input[type=file]::file-selector-button{padding:9px;border-radius:8px;border:1px solid var(--bd,#383840);background:var(--s2,#24242a);color:inherit;margin-right:8px}.outbound-extra button{min-height:32px!important;font-size:12px}#outbound-file-list{overflow-wrap:anywhere}#outbound-review-text{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.5 monospace;max-height:40vh;overflow:auto}#outbound-review-audio{width:100%;margin-block:12px}.outbound-history-row{display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--bd,#383840);padding:12px 0;font-size:12px}.outbound-history-row button{flex-shrink:0;max-width:48%}
.outbound-dialog header{position:static!important;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px 12px;flex:none;background:var(--s1,#17171b)}.outbound-dialog h2{margin:0;font-size:20px;line-height:1.25}.outbound-dialog header p{margin:4px 0 0;color:var(--mt,#aaa);font-size:12px}.outbound-dialog header button{flex:none;width:40px;height:40px}
.outbound-scroll{padding:4px 22px 18px;overflow:auto;min-height:0;overscroll-behavior:contain}.outbound-dialog form{display:grid;gap:16px;margin:0}.outbound-dialog label{display:grid;gap:7px;font-weight:600}.outbound-dialog input[type=tel],.outbound-dialog textarea{box-sizing:border-box;width:100%;min-height:44px;border:1px solid var(--bd,#383840);border-radius:12px;padding:11px 12px;background:var(--s2,#24242a);color:inherit;font:inherit}.outbound-dialog textarea{min-height:100px;max-height:180px;resize:vertical}.outbound-dialog input:focus-visible,.outbound-dialog textarea:focus-visible{outline:2px solid var(--ac,#8b5cf6);outline-offset:2px}
.outbound-dialog fieldset{margin:0;padding:10px;border:1px solid var(--bd,#383840);border-radius:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.outbound-dialog legend{padding:0 5px;font-weight:600}.outbound-dialog .outbound-line{display:flex;align-items:flex-start;gap:8px;min-height:54px;box-sizing:border-box;padding:10px;border:1px solid transparent;border-radius:10px;font-size:13px;cursor:pointer}.outbound-line:has(input:checked){border-color:var(--ac,#8b5cf6);background:#8b5cf615}.outbound-line:has(input:disabled){opacity:.55;cursor:default}.outbound-line input{margin:3px 0 0;accent-color:var(--ac,#8b5cf6)}.outbound-dialog small{display:block;color:var(--mt,#aaa);font-size:12px;font-weight:400;line-height:1.45}
.outbound-context{padding:12px;border-radius:12px;background:var(--s2,#24242a);border:1px solid var(--bd,#383840)}.outbound-context summary{cursor:pointer;font-weight:600}.outbound-context pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:150px;overflow:auto;font:12px/1.5 inherit;color:var(--mt,#aaa)}.outbound-dialog p{white-space:pre-line;overflow-wrap:anywhere;margin:10px 0}.outbound-summary{padding:14px;background:var(--s2,#24242a);border-radius:12px;border:1px solid var(--bd,#383840)}
.outbound-footer{flex:none;padding:14px 22px;border-top:1px solid var(--bd,#383840);background:var(--s1,#17171b);display:grid;gap:8px}.outbound-footer button{min-height:44px;width:100%;font-weight:650;border-radius:12px}.outbound-footer .outbound-actions{display:grid;grid-template-columns:1fr auto;gap:10px}.outbound-dialog .outbound-error{color:var(--dg,#f88)}.outbound-dialog .outbound-stop{background:var(--dg,#d44);color:white}.outbound-dialog [hidden]{display:none!important}#outbound-status{font-size:12px;margin:0;color:var(--mt,#aaa)}
@media(max-width:480px){.outbound-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:16px}.outbound-dialog header{padding:15px 16px 10px}.outbound-scroll{padding:4px 16px 14px}.outbound-footer{padding:12px 16px}.outbound-dialog fieldset{grid-template-columns:1fr}.outbound-dialog h2{font-size:18px}}
@media(max-width:389px){.topbar:has(#btn-outbound-call){gap:3px;padding-inline:5px}.topbar:has(#btn-outbound-call) .btn-icon{width:32px;min-width:32px;flex:0 0 32px}.topbar:has(#btn-outbound-call) #btn-toggle-sidebar{width:44px!important;height:44px!important;flex:0 0 44px}.topbar:has(#btn-outbound-call) .context-ring-button{width:32px;height:32px;min-width:32px}}
.outbound-dialog header>div{min-width:0}.outbound-dialog header p{overflow-wrap:anywhere;max-height:3.2em;overflow:auto}.outbound-dialog header button{display:flex;align-items:center;justify-content:center;gap:6px;width:auto;min-width:78px;min-height:44px;padding:0 10px;border-radius:10px;font-size:13px;white-space:nowrap}.outbound-dialog header button span:first-child{font-size:23px;line-height:1}
.outbound-dialog .outbound-dismiss{background:transparent;color:var(--mt,#aaa);border:1px solid var(--bd,#383840)}.outbound-dialog .outbound-mode-info{margin:0;padding:12px;border-radius:12px;background:var(--s2,#24242a);border:1px solid var(--ac,#8b5cf6);font-size:13px}.outbound-dialog .outbound-mode-picker{border-color:var(--ac,#8b5cf6)}.outbound-dialog button:focus-visible{outline:2px solid var(--ac,#8b5cf6);outline-offset:2px}.outbound-dialog audio{max-width:100%}
#btn-outbound-call.outbound-calling{position:relative;color:var(--ok,#22c55e)}#btn-outbound-call.outbound-calling::after{content:'';position:absolute;right:3px;top:3px;width:7px;height:7px;background:var(--ok,#22c55e);border:2px solid var(--bg,#111);border-radius:50%}
@media(max-width:640px),(max-width:960px) and (max-height:500px){.outbound-dialog{inset:var(--outbound-top,0px) 0 auto 0!important;transform:none;width:100%;height:var(--outbound-vh,100dvh);max-height:var(--outbound-vh,100dvh);border:0;border-radius:0}.outbound-dialog header{padding-top:max(10px,env(safe-area-inset-top));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));border-bottom:1px solid var(--bd,#383840);gap:8px}.outbound-dialog header h2{font-size:18px}.outbound-scroll{flex:1;padding:14px max(16px,env(safe-area-inset-right)) 14px max(16px,env(safe-area-inset-left));scroll-padding-block:12px}.outbound-dialog input[type=tel],.outbound-dialog input[type=text],.outbound-dialog textarea{font-size:16px}.outbound-footer{padding:10px max(16px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));gap:7px}.outbound-dialog .outbound-actions{grid-template-columns:1fr}.outbound-dialog .outbound-actions button{min-width:0}.outbound-dialog .outbound-dismiss{min-height:40px}.outbound-dialog .outbound-mode-picker{grid-template-columns:1fr}}
@media(max-height:440px){.outbound-dialog header{padding-block:6px}.outbound-dialog header p{margin-block:2px;max-height:2em}.outbound-footer{padding-block:6px;gap:4px}.outbound-footer .outbound-dismiss{min-height:32px}.outbound-dialog #outbound-status{max-height:2.9em;overflow:auto}.outbound-dialog .outbound-actions{grid-template-columns:minmax(0,1fr) auto}.outbound-scroll{padding-block:10px}}
@media(max-width:640px),(max-width:960px) and (max-height:500px){.outbound-dialog{width:100vw;max-width:100vw;height:min(var(--outbound-vh,100dvh),100dvh);max-height:min(var(--outbound-vh,100dvh),100dvh)}}
#outbound-lines{grid-template-columns:minmax(0,1fr);gap:10px;padding:12px;border:0;background:var(--s2,#24242a)}#outbound-lines legend{padding:0;font-size:14px;line-height:1.5;margin-bottom:4px}#outbound-lines .outbound-line-option{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:start;gap:10px;opacity:1;min-height:78px;padding:13px;border:1px solid var(--bd,#44444d);border-radius:12px;background:var(--s1,#17171b)}#outbound-lines .outbound-line-option:has(input:checked){border-color:var(--ac,#8b5cf6);box-shadow:inset 0 0 0 1px var(--ac,#8b5cf6);background:#8b5cf615}#outbound-lines input{width:18px;height:18px;margin:3px 0 0}#outbound-lines .outbound-line-body{min-width:0;display:grid;gap:5px;overflow-wrap:anywhere}#outbound-lines strong{font-size:14px;line-height:1.4}#outbound-lines small{font-size:12px;line-height:1.5;color:var(--mt,#b5b5c0)}.outbound-line-badge{font-size:10px;font-weight:650;line-height:1.4;border:1px solid var(--bd,#44444d);border-radius:6px;padding:3px 6px;white-space:normal}#outbound-lines .outbound-line-option:has(input:not(:disabled)) .outbound-line-badge{color:var(--ok,#66d48c);border-color:#22c55e66}.outbound-line-feedback{display:flex;gap:12px;align-items:center;justify-content:space-between;min-width:0}.outbound-line-feedback p{font-size:12px;color:var(--mt,#b5b5c0);margin:0;min-width:0}.outbound-line-feedback button{font-size:12px;min-height:40px;flex-shrink:0;max-width:48%;padding:8px 10px}
@media(max-width:480px){#outbound-lines .outbound-line-option{grid-template-columns:20px minmax(0,1fr)}#outbound-lines .outbound-line-badge{grid-column:2;justify-self:start}.outbound-line-feedback{align-items:flex-start;flex-wrap:wrap}.outbound-line-feedback button{max-width:100%}}
.outbound-line-feedback button{background:transparent;color:var(--tx,#eee);border:1px solid var(--bd,#555)}.outbound-line-feedback button:disabled,.outbound-footer button:disabled{opacity:.45;cursor:not-allowed}