:root{color-scheme:light;--paper:#f2f5f8;--white:#fff;--ink:#20354b;--muted:#607386;--blue:#155bc1;--navy:#183e71;--line:#d9e2eb;--soft:#e8f0fa;--green:#187859;--red:#b23a43}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Avenir Next",Avenir,"Segoe UI",sans-serif;font-size:15px;line-height:1.55}button,select{font:inherit}button,a,summary,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--blue)}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #82baff;outline-offset:4px}[hidden]{display:none!important}.masthead{max-width:1320px;margin:auto;padding:28px 44px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;font-size:25px;font-weight:700;color:var(--navy);text-decoration:none;letter-spacing:-1px}.phone-mark{display:flex;align-items:center;justify-content:center;background:var(--blue);color:white;width:31px;height:33px;border-radius:11px 11px 11px 3px;font-weight:600;font-size:29px;line-height:1;padding-bottom:7px}.local-label{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.local-label i{width:6px;height:6px;border-radius:100%;background:var(--green)}main{max-width:1232px;margin:auto;padding:16px 0 40px}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin:10px 0 34px;padding:0 4px}.intro h1{font-size:46px;line-height:1.12;font-weight:600;letter-spacing:-1.9px;margin:0 0 18px}.intro p{color:var(--muted);line-height:1.65;margin:0}.date-stamp{text-align:right;margin-bottom:5px}.date-stamp strong{font-size:17px;display:block;font-weight:600}.date-stamp span{font-size:12px;color:var(--muted)}.workspace{display:grid;grid-template-columns:350px minmax(0,1fr);gap:22px;align-items:start}.brief{background:var(--white);padding:25px;border:1px solid var(--line);border-radius:18px;box-shadow:0 5px 15px #22456c05}.brief-heading{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.line-icon{color:var(--blue);font-size:19px}.location-code{margin-left:auto;padding:3px 8px;background:var(--soft);color:var(--blue);font-weight:600;font-size:12px;border-radius:5px}.brief h2{font-size:23px;letter-spacing:-.6px;margin:20px 0 4px;font-weight:600}.phone-number{font-size:23px;letter-spacing:-.2px;margin:0;color:var(--blue);font-variant-numeric:tabular-nums}.address{font-size:13px;color:var(--muted);margin:12px 0 23px;max-width:230px}.details{margin:0 0 24px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.details>div{display:flex;justify-content:space-between;gap:12px;margin:8px 0;font-size:12px}.details dt{color:var(--muted)}.details dd{margin:0;text-align:right;font-weight:600}h3{margin:0;font-size:14px;font-weight:600}.question-box p{font-size:14px;line-height:1.7;margin:8px 0 0}.scope{display:flex;gap:9px;margin:22px 0;color:var(--muted);font-size:12px}.scope>span{font-size:21px;color:var(--blue)}.scope p{margin:2px 0}.primary{border:0;background:var(--blue);color:var(--white);width:100%;padding:13px;border-radius:9px;font-weight:600;display:flex;gap:10px;justify-content:center;align-items:center}.primary:hover:not(:disabled){background:#0c4ba9}.primary>span{font-size:21px}.helper{font-size:11px;text-align:center;color:var(--muted);margin:10px 0 20px}.setup{border-top:1px solid var(--line);padding-top:17px;font-size:12px}.setup summary,.agent-details summary{color:var(--muted);cursor:pointer;font-size:12px}.setup summary{display:flex;justify-content:space-between}.setup summary::after{content:'⌄';margin-left:8px}.setup summary span{margin-left:auto}.setup ul{padding:0;list-style:none;margin:14px 0}.setup li{padding:7px 0;display:grid;grid-template-columns:17px 1fr;gap:5px;font-size:12px}.setup li small{display:block;font-size:11px;color:var(--muted);line-height:1.4}.check-ok{color:var(--green)}.check-missing{color:#946125}.setup>p{color:var(--muted);font-size:11px}.agent-details{padding-top:15px}.agent-details pre{font:12px/1.6 inherit;white-space:pre-wrap;max-height:320px;overflow:auto}.conversation{background:var(--white);border:1px solid var(--line);border-radius:18px;overflow:hidden;min-width:0}.conversation-toolbar{display:flex;justify-content:space-between;align-items:center;padding:20px 23px;border-bottom:1px solid var(--line);gap:12px}.conversation-toolbar>div{display:flex;align-items:center;gap:9px;font-size:13px}.status-dot{width:7px;height:7px;border-radius:50%;background:#9aaabc;flex-shrink:0}.status-dot.active{background:var(--green);box-shadow:0 0 0 4px #18785913}.conversation-toolbar strong{font-weight:600}.conversation-toolbar select{border:0;background:transparent;color:var(--muted);font-size:11px;max-width:200px;padding:4px}.transcript{height:380px;overflow-y:auto;padding:23px;scroll-behavior:smooth}.empty{text-align:center;margin:27px auto;max-width:440px}.receiver{margin:auto auto 18px;width:65px;height:65px;border-radius:22px;background:var(--soft);color:var(--blue);font-size:38px;line-height:65px}.empty h2{font-size:23px;font-weight:500;letter-spacing:-.5px;margin:0 0 10px}.empty p{font-size:13px;color:var(--muted);line-height:1.8}.empty-flow{display:flex;justify-content:center;gap:17px;align-items:center;font-size:11px;color:var(--muted);margin-top:25px}.empty-flow b{font-size:17px;font-weight:400;color:#9aacbf}.call-controls{border-top:1px solid var(--line);padding:13px 23px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fbfcfe;min-height:57px}.call-controls>span{font-size:11px;color:var(--muted)}.call-controls>div{display:flex;gap:9px}.quiet,.danger{border:1px solid var(--line);border-radius:6px;padding:7px 11px;background:var(--white);color:var(--ink);font-size:11px;text-decoration:none;white-space:nowrap}.quiet:hover{background:var(--soft)}.danger{border-color:#ebc6ca;color:var(--red);background:#fff7f8}.recording-panel{padding:22px 23px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line)}.recording-panel p{font-size:12px;color:var(--muted);margin:4px 0 0}.recording-panel audio{width:100%;height:40px;margin-top:2px}.result-panel{padding:22px 23px;border-top:1px solid var(--line)}.result-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.result-heading>span{font-size:10px;color:var(--muted);background:var(--paper);padding:4px 8px;border-radius:4px}.quote-values{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0 10px}.quote-values>div{border-left:3px solid var(--soft);padding-left:14px}.quote-values span{font-size:11px;display:block;color:var(--muted)}.quote-values strong{display:block;font-size:28px;font-weight:500;letter-spacing:-.6px;margin:4px 0}.result-panel>p{font-size:12px;line-height:1.7;color:var(--muted);margin:10px 0 0;white-space:pre-line}.result-panel details{font-size:12px;margin-top:16px}.result-panel blockquote{margin:10px 0;padding:10px 12px;border-left:2px solid var(--line);background:var(--paper)}.message{margin-bottom:20px;max-width:93%}.message.desk{margin-right:30px}.message.assistant{margin-left:30px}.message-label{font-size:10px;color:var(--muted);margin-bottom:4px}.message p{font-size:13px;line-height:1.7;padding:12px 15px;margin:0;background:var(--paper);border-radius:2px 11px 11px 11px;white-space:pre-wrap;overflow-wrap:anywhere}.message.assistant p{background:var(--soft);border-radius:11px 2px 11px 11px}.notice{margin:16px 23px 0;padding:12px 15px;border-radius:6px;background:#fff2dc;color:#765319;font-size:12px}.call-events{padding:15px 23px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.call-events ul{padding-left:15px}.call-events li{margin:7px 0}footer{max-width:1232px;margin:auto;padding:0 4px 35px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px;gap:15px}summary{cursor:pointer}code{font-size:11px}@media(min-width:1500px){main{padding-top:35px}}@media(max-width:1320px){main,footer{margin-left:40px;margin-right:40px}.masthead{padding-left:40px;padding-right:40px}}@media(max-width:950px){.workspace{grid-template-columns:310px minmax(0,1fr);gap:16px}main,footer{margin-left:22px;margin-right:22px}.masthead{padding:22px}.brief{padding:21px}.intro h1{font-size:39px}.conversation-toolbar{align-items:flex-start;flex-direction:column;padding:17px}.transcript{padding:17px}.empty-flow{gap:10px}}@media(max-width:700px){.workspace{grid-template-columns:1fr}.intro{display:block;margin:10px 0 25px}.intro h1{font-size:37px}.intro p{font-size:13px}.date-stamp{display:none}.local-label{font-size:10px}.brand{font-size:23px}.wide-only{display:none}.brief{padding:23px}.brief h2{margin-top:10px}.details{margin-bottom:20px}.conversation-toolbar{flex-direction:row;align-items:center}.conversation-toolbar select{max-width:135px}.transcript{height:340px}.recording-panel,.result-panel{padding:20px}.call-controls{padding:12px 17px}.call-controls>span{max-width:150px}.call-controls>div{gap:5px}footer{display:block;padding-bottom:25px}footer span{display:block;margin-top:5px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
#settings{display:grid;gap:12px;margin-top:16px}#settings[hidden]{display:none}#settings label{display:grid;gap:5px;font-size:12px;font-weight:600}#settings input{min-width:0;width:100%;border:1px solid #dce1e8;background:white;border-radius:7px;padding:9px;font:inherit;box-sizing:border-box}#settings-status{margin:0}
.clips-panel{padding:24px;border-bottom:1px solid #e6e8ed}.clips-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.clips-panel h3{margin:0;font-size:15px}.clips-panel p{font-size:12px;color:#687683}.audio-clip{display:flex;align-items:center;gap:10px;padding:8px 0}.audio-clip>span{font-size:12px;min-width:76px;font-variant-numeric:tabular-nums}.audio-clip audio{min-width:0;flex:1;height:34px}#audio-clips{max-height:320px;overflow-y:auto}.audio-clip .quiet{font-size:11px;padding:5px}@media(max-width:600px){.clips-panel{padding:16px}.audio-clip{flex-wrap:wrap}.audio-clip audio{flex-basis:65%}}

/* The call composer keeps the original Phoner palette and puts the brief first. */
#call-form{margin-top:20px}
#call-form{display:flex;flex-direction:column;gap:7px}#call-form label{font-size:13px;font-weight:600;margin-top:14px}#call-form label:first-child{margin-top:0}#call-form input,#call-form textarea{font:inherit;font-size:14px;border:1px solid #b9c9d9;border-radius:8px;padding:11px 12px;background:#fff;color:var(--ink);width:100%;min-width:0}#call-form textarea{resize:vertical;min-height:145px;line-height:1.6}#call-form small{font-size:11px;line-height:1.5;color:var(--muted)}#call-form .primary{margin-top:18px}input:focus-visible,textarea:focus-visible{outline:3px solid #82baff;outline-offset:2px}#call-form input:disabled,#call-form textarea:disabled{background:var(--paper);color:var(--muted)}.form-error{color:var(--red);font-size:12px;line-height:1.5;margin:10px 0 0}.recording-note{font-size:11px;line-height:1.6;color:var(--muted);margin:0 0 20px}.agent-details button{margin-top:12px}.agent-details pre{font:12px/1.6 "Avenir Next",Avenir,sans-serif;overflow-wrap:anywhere}.run-brief{padding:16px 23px;background:#f7faff;border-bottom:1px solid var(--line)}.run-brief strong{font-size:14px;font-weight:600}.run-brief span{font-size:12px;margin-left:12px;color:var(--muted)}.run-brief p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;color:var(--muted);max-height:125px;overflow:auto;margin:6px 0 0}.result-panel h4{font-size:17px;line-height:1.5;font-weight:500;margin:17px 0 8px;white-space:pre-wrap;overflow-wrap:anywhere}.conversation-toolbar select{max-width:280px}.message p{unicode-bidi:plaintext}.result-panel>p{overflow-wrap:anywhere}#result-summary,#result-text,#run-purpose{unicode-bidi:plaintext}@media(max-width:700px){.conversation-toolbar{align-items:flex-start;flex-direction:column}.conversation-toolbar select{max-width:100%;width:100%}.run-brief{padding:16px 20px}.intro h1{font-size:35px}}

#call-form select{font:inherit;font-size:14px;border:1px solid #b9c9d9;border-radius:8px;padding:11px 12px;background:#fff;color:var(--ink);width:100%;min-width:0}#call-form select:disabled{background:var(--paper);color:var(--muted)}#template-help{overflow-wrap:anywhere}

.system-editor{display:grid;gap:12px;margin-top:16px}.system-editor>p,.full-instructions>p{font-size:11px;color:var(--muted);line-height:1.6;margin:0}.system-editor>label{font-size:12px;font-weight:600}.system-editor>textarea{width:100%;min-width:0;resize:vertical;min-height:260px;padding:12px;border:1px solid #b9c9d9;border-radius:8px;font:12px/1.65 "Avenir Next",Avenir,sans-serif;color:var(--ink);background:#fff}.system-editor>button{justify-self:start;margin:0}.full-instructions{padding-top:14px;border-top:1px solid var(--line)}.full-instructions>p{margin:10px 0}.full-instructions pre{padding:12px;background:var(--paper);border:1px solid var(--line);border-radius:6px;max-height:400px;margin:0}.system-editor>textarea:disabled{background:var(--paper)}
.header-links{display:flex;align-items:center;gap:24px}.header-links>a{font-size:13px;font-weight:600;text-decoration:none}.header-links>a:hover{text-decoration:underline}@media(max-width:520px){.header-links{gap:14px}.header-links .local-label{display:none}}
/* Checkout stays in a separate tab so the call brief is never lost. */
.payment-panel { margin: 20px 0 16px; padding: 16px; border: 1px solid #d5dfd9; border-radius: 12px; background: #f4f7f3; }
.payment-panel strong { display: block; font-size: 16px; }
.payment-panel p { margin: 7px 0; font-size: 13px; line-height: 1.5; }
.payment-panel .quiet { margin: 7px 6px 7px 0; }
.payment-panel a { display: inline-block; }
.payment-panel small { display: block; line-height: 1.5; }
.payment-panel [hidden] { display: none; }