:root{font-family:Arial,Helvetica,sans-serif;color:#172339;background:#f2f5fa;font-size:16px;line-height:1.5;--blue:#164fcc;--border:#dce3ef}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid #bdc9db;background:white;color:#172339;border-radius:6px;padding:.65rem 1rem;font-weight:600}button:hover{background:#e9effa}button:disabled{cursor:wait;opacity:.6}.primary{background:var(--blue);border-color:var(--blue);color:white}.primary:hover{background:#103b9c}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #df8613;outline-offset:3px}input,textarea,select{width:100%;background:#fff;border:1px solid #aab8cc;border-radius:5px;padding:.7rem;color:#172339}textarea{resize:vertical}label{display:block;font-weight:600;margin-bottom:1.1rem}label input,label textarea{display:block;margin-top:.4rem}small{display:block;font-size:.875rem;font-weight:400;color:#536278}header{min-height:86px;display:flex;align-items:center;justify-content:space-between;padding:1rem 2.5rem;background:#fff;border-bottom:1px solid var(--border);gap:1rem}.brand{display:flex;align-items:center;gap:.85rem;font-weight:700;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:#123b89;color:#fff}.brand small{font-size:.875rem;letter-spacing:0}.header-right{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.release{color:#754300;background:#fff1d4;padding:.25rem .65rem;border-radius:4px;font-size:.875rem}.skip{position:absolute;left:1rem;top:-100px;z-index:5;background:#fff;padding:1rem}.skip:focus{top:1rem}#message:empty{display:none}#message{padding:.85rem 2rem;margin:0;background:#e6eefc;border-bottom:1px solid #b8cff3}#message.error{background:#fff0f0;color:#9d2020}main{min-height:calc(100vh - 148px)}.auth-layout{max-width:1120px;margin:0 auto;padding:5rem 2rem;display:grid;grid-template-columns:1.1fr 1fr;gap:5rem;align-items:start}.eyebrow{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#355b9d}.auth-intro h1{font-size:3rem;line-height:1.15;letter-spacing:-.04em;margin:1.3rem 0}.auth-intro p{max-width:29rem;color:#536278;font-size:1.125rem}.intro-note{border-left:3px solid #7297df;padding:1rem;color:#536278;margin-top:2.5rem}.auth-card,.panel{background:#fff;border:1px solid var(--border);border-radius:9px;padding:1.7rem}.auth-tabs{display:flex;gap:.5rem;margin-bottom:2rem}.auth-tabs button{flex:1}.auth-tabs button[aria-pressed=true]{background:#e6eefc;color:#164fcc;border-color:#95b5ed}h1,h2,h3{line-height:1.25}h2{font-size:1.25rem;margin:0 0 1.2rem}h3{font-size:1.05rem;margin:.2rem 0 .7rem}p{margin-top:0}[hidden]{display:none!important}#workspace{display:grid;grid-template-columns:235px minmax(0,1fr);max-width:1600px;margin:auto}aside{background:#fff;min-height:calc(100vh - 148px);border-right:1px solid var(--border);padding:2rem 1.2rem}.company-name{font-weight:700;padding:0 .6rem 1.5rem;overflow-wrap:anywhere}nav{display:grid;gap:.4rem}nav button{text-align:left;border-color:transparent;font-weight:400}nav button[aria-current=page]{background:#e6eefc;color:#123b89;font-weight:700}.sidebar-note{font-size:.875rem;color:#627188;border-top:1px solid var(--border);padding:.9rem .6rem;margin-top:2rem}.content{padding:2rem 2.5rem;min-width:0}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.6rem;gap:1rem}.page-heading h1{font-size:2rem;letter-spacing:-.025em;margin:.4rem 0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.4rem}.metrics article{background:#fff;border:1px solid var(--border);border-top:3px solid #376ad0;border-radius:7px;padding:1.25rem}.metrics span{font-size:.875rem;font-weight:600}.metrics strong{display:block;font-size:2rem;margin:.65rem 0}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin-bottom:1.4rem}dl{margin:0}dl div{display:flex;justify-content:space-between;gap:1.5rem;padding:.7rem 0;border-bottom:1px solid var(--border);font-size:.875rem}dd{margin:0;text-align:right;font-weight:600}.notice{background:#e5edff;padding:1.5rem;border:1px solid #b8cdf5;border-radius:8px;margin-bottom:1.5rem}.section-note{color:#536278;max-width:65rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1.5rem}.form-grid h2,.full{grid-column:1/-1}.panel p{color:#536278}.record{background:#fff;border:1px solid var(--border);border-radius:7px;padding:1.25rem;margin-bottom:.9rem;overflow-wrap:anywhere}.record-head{display:flex;justify-content:space-between;gap:1rem;align-items:start}.badge{display:inline-block;padding:.2rem .6rem;border-radius:4px;background:#e9eff8;font-size:.875rem;font-weight:600;white-space:nowrap}.badge.warning{background:#fff1d4;color:#754300}.badge.success{background:#e3f3ec;color:#1a6744}.record p{white-space:pre-wrap;margin:.65rem 0}.record small{margin-bottom:.5rem}.record button{margin-top:.7rem}.record select{max-width:220px}.empty{padding:1.5rem;border:1px dashed #bdc9db;border-radius:7px;color:#536278;background:#fff}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.875rem}th,td{text-align:left;padding:.75rem;border-bottom:1px solid var(--border);vertical-align:top}th{background:#edf2fa}pre{white-space:pre-wrap;font:inherit}footer{border-top:1px solid var(--border);padding:1rem 2rem;color:#627188;font-size:.875rem;background:#fff}@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.content{padding:1.5rem}.auth-layout{gap:2rem}}@media(max-width:720px){header{padding:1rem;align-items:start}.header-right{justify-content:end;font-size:.875rem}.brand{font-size:.875rem}.brand-mark{width:36px;height:36px}.auth-layout{grid-template-columns:1fr;padding:2rem 1rem;gap:1.5rem}.auth-intro h1{font-size:2rem}.intro-note{margin-top:1rem}.auth-intro p{font-size:1rem}#workspace{grid-template-columns:1fr}aside{min-height:auto;padding:.7rem;border-right:0;border-bottom:1px solid var(--border)}.company-name{padding:.5rem}nav{display:flex;overflow:auto;gap:.2rem}nav button{white-space:nowrap}.sidebar-note{display:none}.content{padding:1.25rem 1rem}.metrics{gap:.6rem}.metrics article{padding:.85rem}.form-grid{grid-template-columns:1fr}.panel{padding:1.2rem}.record-head,dl div{flex-wrap:wrap}dd{text-align:left}.page-heading h1{font-size:1.7rem}}
@media(max-width:720px){#workspace{grid-template-columns:minmax(0,1fr)}aside{min-width:0}nav{max-width:100%}.brand-mark{flex-shrink:0}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Activity browsing */
.activity-filters{display:flex;flex-wrap:wrap;gap:1rem;align-items:end;margin-bottom:1rem}
.activity-filters label{display:flex;flex-direction:column;gap:.4rem;flex:1 1 150px}
.activity-filters label:first-child{flex:2 1 220px}
.activity-filters input,.activity-filters select{width:100%;box-sizing:border-box}
.activity-pages{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin:1rem 0}
#activity-status{flex:1;min-width:140px;margin:0}
#audit-list .activity-row{padding:1rem;margin-bottom:.6rem}
#audit-list .activity-row h3{font-size:1rem;margin:0}


/* DCDH phone preview UI */
#preview-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:40px;align-items:center;padding:32px;overflow:hidden}
#preview-panel .preview-eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#3864ac}
#preview-panel .preview-intro h2{font-size:clamp(24px,3vw,34px);line-height:1.15;margin:12px 0 16px}
#preview-panel .preview-intro p{line-height:1.65}
#preview-panel .preview-intro ul{padding-left:20px;margin:24px 0;line-height:1.65}
#preview-panel .preview-intro li{margin-bottom:12px}
#preview-panel .preview-hint{font-size:13px;color:#526278}
#preview-panel .preview-phone{box-sizing:border-box;width:100%;max-width:360px;margin:auto;border:7px solid #253249;border-radius:38px;background:linear-gradient(155deg,#152540,#101b2e);color:#f5f8ff;padding:22px 24px 20px;text-align:center;box-shadow:0 18px 40px rgba(15,27,48,.2)}
#preview-panel .preview-phone-top{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#c6d2e5;letter-spacing:.02em}
#preview-panel .preview-private::before{content:'●';color:#74dbb4;margin-right:5px;font-size:7px}
#preview-panel .preview-avatar{width:76px;height:76px;margin:30px auto 18px;border-radius:50%;display:grid;place-items:center;background:#254466;color:#afdaff;border:1px solid #3c618a}
#preview-panel .preview-avatar svg{width:40px;height:40px}
#preview-panel #preview-company{font-size:23px;line-height:1.25;margin:0;color:#fff;overflow-wrap:anywhere}
#preview-panel .preview-role{font-size:12px;color:#b3c4dc;margin:8px 0 18px}
#preview-panel .preview-audio-state{height:26px;display:flex;justify-content:center;align-items:center;gap:5px;margin:18px 0 12px}
#preview-panel .preview-audio-state i{width:4px;height:7px;border-radius:5px;background:#7396c4}
#preview-panel .is-listening .preview-audio-state i{background:#8ad9bd}
#preview-panel .is-speaking .preview-audio-state i{background:#8ecbff;animation:preview-wave .8s ease-in-out infinite alternate}
#preview-panel .is-speaking .preview-audio-state i:nth-child(2){animation-delay:.15s}
#preview-panel .is-speaking .preview-audio-state i:nth-child(3){animation-delay:.3s}
#preview-panel .is-speaking .preview-audio-state i:nth-child(4){animation-delay:.45s}
#preview-panel .is-speaking .preview-audio-state i:nth-child(5){animation-delay:.6s}
#preview-panel .is-loading .preview-audio-state{opacity:.6;animation:preview-pulse 1.4s ease-in-out infinite}
#preview-panel #preview-status{color:#dce7f7;min-height:42px;font-size:12px;line-height:1.55;margin:0 0 15px}
#preview-panel .preview-loading label{display:block;color:#bacce3;font-size:11px;margin-bottom:8px}
#preview-panel progress{appearance:none;display:block;width:100%;height:5px;border:0;border-radius:10px;overflow:hidden;background:#33425b;accent-color:#79c4ff}
#preview-panel progress::-webkit-progress-bar{background:#33425b;border-radius:10px}
#preview-panel progress::-webkit-progress-value{background:#79c4ff;border-radius:10px;transition:width .25s}
#preview-panel progress::-moz-progress-bar{background:#79c4ff;border-radius:10px}
#preview-panel .preview-steps{display:flex;justify-content:space-between;list-style:none;gap:8px;padding:0;margin:9px 0 20px;font-size:10px;color:#91a6c4}
#preview-panel .preview-steps .is-current{color:#fff;font-weight:700}
#preview-panel .preview-steps .is-complete{color:#8bddbe}
#preview-panel .preview-clock{display:flex;flex-direction:column;gap:4px;margin:20px 0 8px}
#preview-panel #preview-elapsed{font-size:32px;font-variant-numeric:tabular-nums;letter-spacing:.06em}
#preview-panel .preview-clock-label{font-size:10px;color:#a9bcd7}
#preview-panel #preview-time{font-size:11px;color:#a9bcd7;min-height:17px;margin:0 0 18px}
#preview-panel button{font:inherit;font-size:12px;min-height:44px;cursor:pointer}
#preview-panel #preview-start{width:100%;background:#b9dcff;color:#10243f;border:0;border-radius:24px;padding:12px 18px;font-weight:700}
#preview-panel #preview-start:disabled{background:#33435a;color:#91a6c4;cursor:default}
#preview-panel .preview-call-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
#preview-panel .preview-call-controls button{width:100%;border-radius:24px;padding:10px 8px;border:1px solid #526784}
#preview-panel #preview-mute{background:#263b55;color:#fff}
#preview-panel #preview-mute[aria-pressed=true]{background:#b9dcff;color:#10243f}
#preview-panel #preview-end{background:#b93546;border-color:#b93546;color:#fff}
#preview-panel .preview-call-controls button:disabled{opacity:.4;cursor:default}
#preview-panel button:focus-visible{outline:3px solid #fff;outline-offset:4px}
#preview-panel .preview-phone-note{font-size:9px;color:#b0c1d9;margin:20px 0 0;line-height:1.5}
@keyframes preview-wave{from{height:5px}to{height:25px}}
@keyframes preview-pulse{0%,100%{opacity:.35}50%{opacity:1}}
@media(max-width:760px){#preview-panel{grid-template-columns:1fr;gap:26px;padding:20px}#preview-panel .preview-phone{max-width:350px}}
@media(prefers-reduced-motion:reduce){#preview-panel .preview-audio-state,#preview-panel .preview-audio-state i{animation:none!important}#preview-panel progress::-webkit-progress-value{transition:none}}


/* agent-studio-ux-v2: container-aware, accessible responsive dashboard */
#workspace{min-width:0;max-width:100%;}
#workspace .content{min-width:0;max-width:100%;container-type:inline-size;}
#workspace .content > section[data-section="studio"]{max-width:100%;min-width:0;}
#studio-form{width:100%;max-width:100%;box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
#studio-form>*{min-width:0;max-width:100%;box-sizing:border-box;}
#studio-form>.full{grid-column:1/-1;}
#studio-form label{overflow-wrap:anywhere;}
#studio-form label input:not([type="checkbox"]),#studio-form label select,#studio-form label textarea{width:100%;min-width:0;max-width:100%;box-sizing:border-box;}
#studio-form input[type="checkbox"]{width:auto;max-width:none;margin-right:8px;accent-color:#2373b7;}
#studio-form input:focus-visible,#studio-form select:focus-visible,#studio-form button:focus-visible{outline:3px solid #347ac4;outline-offset:3px;}
#studio-form button{min-height:44px;white-space:normal;}
#studio-form button:disabled,#studio-form input:disabled{opacity:.64;cursor:not-allowed;}
#studio-form .studio-live-test{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 20px;border-radius:16px;background:#edf4ff;border:1px solid #b8cdea;padding:18px;color:#162e4c;}
#studio-form .studio-live-test p{margin:6px 0 0;line-height:1.5;}
#studio-form .studio-preview-button{border:0;background:#1d4d89;color:white;border-radius:10px;padding:12px 18px;font-weight:700;cursor:pointer;}
#studio-form .studio-test-status{grid-column:1/-1;font-size:13px;margin:0;}
#studio-form .studio-feature-note{padding:10px 14px;background:rgba(100,116,139,.1);border-left:3px solid #8ba3b8;border-radius:4px;line-height:1.55;}
#studio-form .studio-integration-status{font-size:13px;line-height:1.5;}
@container (max-width:760px){
 #studio-form{grid-template-columns:minmax(0,1fr)!important;gap:14px;}
 #studio-form>*{grid-column:1/-1;}
 #studio-form .studio-live-test{grid-template-columns:1fr;}
 #studio-form .studio-preview-button{width:100%;}
}
@media(max-width:1100px){
 #workspace{display:block!important;width:100%!important;}
 #workspace aside{position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;min-height:0!important;height:auto!important;box-sizing:border-box;}
 #workspace aside nav{display:flex!important;flex-wrap:wrap;gap:6px;max-width:100%;overflow-x:auto;}
 #workspace aside nav button{flex:0 1 auto;max-width:100%;white-space:normal;}
 #workspace .content{width:100%!important;max-width:none!important;margin:0!important;padding:clamp(12px,2vw,24px)!important;box-sizing:border-box;}
 #workspace .content .panel{min-width:0;max-width:100%;box-sizing:border-box;}
 #preview-panel{grid-template-columns:1fr!important;gap:22px!important;min-width:0;}
}
@media(max-width:600px){
 #studio-form{grid-template-columns:1fr!important;}
 #studio-form>*{grid-column:1/-1!important;}
 #workspace .content{padding:12px!important;}
 #workspace .content>.page-heading{flex-wrap:wrap;}
 #studio-form .studio-live-test{padding:14px;}
}


/* receptionist-workspace-v3 */
#workspace .content > section[data-section="settings"]{min-width:0;max-width:100%;container-type:inline-size;}
#receptionist-workspace-v3{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:start;gap:22px;min-width:0;max-width:100%;}
#receptionist-workspace-v3>*{min-width:0;max-width:100%;box-sizing:border-box;}
#receptionist-workspace-v3 .receptionist-workspace-left{display:grid;align-content:start;gap:18px;}
#receptionist-workspace-v3 .receptionist-workspace-right{position:sticky;top:16px;display:grid;gap:12px;border:1px solid rgba(110,128,154,.22);border-radius:16px;padding:clamp(12px,2vw,20px);background:var(--panel,transparent);min-height:0;}
#receptionist-workspace-v3 .receptionist-phone-heading{margin:0;font-size:1.1rem;line-height:1.35;}
#receptionist-workspace-v3 #preview-panel{width:100%;max-width:100%;min-width:0;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr)!important;padding:0!important;gap:12px!important;}
#receptionist-workspace-v3 #preview-panel .preview-phone{min-width:0;max-width:100%;width:100%;box-sizing:border-box;}
#receptionist-workspace-v3 #preview-panel .preview-intro{min-width:0;max-width:100%;}
#receptionist-workspace-v3 #preview-panel .preview-intro h2{display:none;}
#receptionist-workspace-v3 #studio-form{grid-template-columns:repeat(2,minmax(0,1fr));}
#receptionist-workspace-v3 [data-section],#receptionist-workspace-v3 .panel{min-width:0;max-width:100%;}
#receptionist-workspace-v3 .receptionist-timing-note{font-size:12px;font-weight:400;line-height:1.5;opacity:.82;margin:8px 0 0;}
#workspace [data-view="studio"][hidden]{display:none!important;}
@container (max-width:850px){
 #receptionist-workspace-v3{grid-template-columns:1fr;gap:16px;}
 #receptionist-workspace-v3 .receptionist-workspace-right{grid-row:1;position:static;}
 #receptionist-workspace-v3 .receptionist-workspace-left{grid-row:2;}
}
@container (max-width:540px){
 #receptionist-workspace-v3 #studio-form{grid-template-columns:1fr!important;}
 #receptionist-workspace-v3 #studio-form>*{grid-column:1/-1!important;}
}


/* Knowledge Sources / consistent Agent Studio control rows */
.knowledge-sources{margin-bottom:18px;min-width:0;}
.knowledge-heading{display:flex;gap:16px;justify-content:space-between;align-items:start;flex-wrap:wrap;}
.knowledge-heading h2{margin:.35rem 0 .6rem;font-size:1.4rem;}
.knowledge-heading p{margin:0 0 20px;line-height:1.55;max-width:680px;}
.knowledge-status-chip{background:#eef4fc;color:#22558d;border:1px solid #b7cbe7;border-radius:99px;padding:7px 12px;font-size:12px;font-weight:700;white-space:nowrap;}
.knowledge-source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.knowledge-source-card{border:1px solid #d6dfed;background:#f9fbff;border-radius:13px;padding:18px;min-width:0;display:flex;flex-direction:column;align-items:stretch;}
.knowledge-source-card h3{font-size:1.08rem;margin:8px 0;}
.knowledge-source-card p{font-size:13px;line-height:1.55;min-height:65px;margin-bottom:14px;}
.knowledge-source-card label{margin:0 0 4px;font-size:12px;}
.knowledge-source-card input{min-width:0;margin:0 0 12px;}
.knowledge-source-card button{margin-top:auto;min-height:44px;border-color:#8eaace;background:white;color:#1a4582;font-weight:700;}
.knowledge-source-icon{display:grid;place-items:center;background:#e5eefb;color:#1d54a0;width:40px;height:40px;border-radius:12px;font-weight:700;font-size:22px;}
.knowledge-dropzone{display:flex;flex:1;min-height:100px;gap:4px;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #9fb8dd;border-radius:12px;background:white;cursor:pointer;padding:16px;outline-offset:4px;text-align:center;}
.knowledge-dropzone span{font-size:13px;color:#56657c;}.knowledge-dropzone.is-over,.knowledge-dropzone:focus-visible{border-color:#235ad1;background:#edf5ff;outline:2px solid #235ad1;}
.knowledge-source-help{margin:16px 0 8px!important;line-height:1.55;color:#526278;font-size:13px;}
#knowledge-import-status{min-height:22px;font-size:13px;font-weight:600;color:#1e518b;margin:8px 0 0;}
.knowledge-editor textarea{font:inherit;line-height:1.6;}
#studio-form label.studio-toggle{display:flex!important;align-items:center;gap:12px;min-height:52px;border:1px solid #cbd8ea;background:#f7faff;border-radius:12px;padding:12px 14px;margin:5px 0 12px;line-height:1.4;cursor:pointer;font-size:14px;font-weight:600;}
#studio-form label.studio-toggle input[type="checkbox"]{appearance:none!important;display:block!important;flex:0 0 40px;width:40px!important;height:23px!important;min-width:40px;max-width:40px!important;margin:0!important;border-radius:20px;border:1px solid #9aabc3;background:#c5cfdf;position:relative;cursor:pointer;}
#studio-form label.studio-toggle input[type="checkbox"]::before{content:"";position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:50%;background:white;box-shadow:0 1px 3px #65748a;transition:transform .15s;}
#studio-form label.studio-toggle input[type="checkbox"]:checked{background:#2356b0;border-color:#2356b0;}
#studio-form label.studio-toggle input[type="checkbox"]:checked::before{transform:translateX(17px);}
#studio-form label.studio-toggle input[type="checkbox"]:focus-visible{outline:3px solid #3b82f6;outline-offset:3px;}
#studio-form label.studio-toggle:has(input:disabled){opacity:.65;cursor:not-allowed;}
@container (max-width:920px){.knowledge-source-grid{grid-template-columns:1fr 1fr;}}
@container (max-width:610px){.knowledge-source-grid{grid-template-columns:1fr;}.knowledge-source-card p{min-height:0;}}
@media(max-width:900px){.knowledge-source-grid{grid-template-columns:1fr;}}
@media(prefers-reduced-motion:reduce){#studio-form label.studio-toggle input[type="checkbox"]::before{transition:none;}}

/* AI knowledge compare */
.knowledge-ai-panel{display:grid;gap:12px}.knowledge-ai-panel>button{justify-self:start}.knowledge-diff{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px}.knowledge-diff-group{border:1px solid var(--border,#d8dfe9);border-radius:12px;padding:12px;min-width:0;overflow-wrap:anywhere}.knowledge-diff-group h3{margin:0 0 6px;font-size:15px}.knowledge-diff-group p{font-size:13px;line-height:1.5;margin:4px 0}.knowledge-conflict-review{display:flex!important;align-items:start;gap:10px;max-width:100%;padding:12px;border:1px solid #b97345;border-radius:10px}.knowledge-conflict-review[hidden]{display:none!important}.knowledge-conflict-review input{flex:0 0 auto;margin-top:3px}


/* turn-controls-v1: narrow, accessible turn-taking controls */
.turn-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px;min-width:0}
.turn-control{padding:17px;border:1px solid #d5ddeb;border-radius:12px;background:#f7f9fc;min-width:0}
.turn-control label{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-weight:650}
.turn-control output{font-variant-numeric:tabular-nums;color:#214f9c;white-space:nowrap}
.turn-control input[type=range]{display:block;width:100%;max-width:100%;margin:18px 0 10px;accent-color:#2858ce;cursor:pointer}
.turn-endpoints{display:flex;justify-content:space-between;gap:14px;font-size:12px;color:#475569}
.turn-endpoints span:last-child{text-align:right}
.turn-control small{display:block;margin-top:13px;font-size:12px;line-height:1.5;color:#526079}
@media(max-width:650px){.turn-controls{grid-template-columns:1fr}}

/* preview-audio-repair-v2 — accessible preview surfaces, brand-draft navy/blue tones */
#preview-panel .preview-phone{border-color:#2b5080;background:linear-gradient(150deg,#152b4b,#0d203a);box-shadow:0 18px 36px rgba(8,24,46,.25);}
#preview-panel .preview-avatar{background:linear-gradient(135deg,#234a7c,#18538b);color:#e7f6ff;border:2px solid #86bff0;}
#preview-panel .preview-role,#preview-panel .preview-selected-voice,#preview-panel .preview-phone-top,#preview-panel .preview-clock-label,#preview-panel #preview-time,#preview-panel .preview-phone-note{color:#e0ecfa!important;font-size:14px!important;line-height:1.5!important;}
#preview-panel #preview-status{color:#fff!important;font-size:16px!important;font-weight:600;line-height:1.5;min-height:72px;overflow-wrap:anywhere;}
#preview-panel .preview-loading label,#preview-panel .preview-steps li{color:#ecf4ff!important;font-size:13px!important;}
#preview-panel button{min-height:44px;font-size:14px!important;font-weight:700;}
#preview-panel button:focus-visible{outline:3px solid #ffcd79!important;outline-offset:4px;}
#preview-panel #preview-start{background:#b9dcff;color:#112b4d;}
#preview-panel #preview-end{background:#962c43;border-color:#ff9dac;color:white;}
#preview-panel #preview-mute{background:#294a70;border-color:#93b8e4;color:white;}
#preview-panel .preview-audio-state i{background:#90cbff;}
#preview-panel .preview-selected-voice{font-weight:700;}
@media(max-width:650px){#preview-panel .preview-phone{padding:18px 14px;max-width:100%;border-width:4px}#preview-panel .preview-phone-top{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){#preview-panel .preview-audio-state,#preview-panel .preview-audio-state i{animation:none!important}}

/* AUVRANTA_PREVIEW_V3 — high-contrast controls, exact supplied A mark */
#preview-panel .preview-phone{background:linear-gradient(155deg,#102b4c,#0b1d35);color:#ffffff;border-color:#234c78;}
#preview-panel .preview-avatar{width:104px;height:104px;box-sizing:border-box;background:#eaf5ff;border:3px solid #a6d7ff;border-radius:24px;box-shadow:0 4px 14px rgba(0,0,0,.25);padding:8px;}
#preview-panel .preview-avatar img{width:100%;height:100%;display:block;object-fit:contain;}
#preview-panel #preview-company,#preview-panel #preview-status{color:#ffffff!important;}
#preview-panel #preview-status{font-size:16px!important;line-height:1.5!important;min-height:58px;}
#preview-panel .preview-role,#preview-panel .preview-selected-voice,#preview-panel .preview-clock-label,#preview-panel .preview-phone-top,#preview-panel #preview-time,#preview-panel .preview-phone-note{color:#e9f3ff!important;font-size:14px!important;line-height:1.5!important;}
#preview-panel .preview-loading label,#preview-panel .preview-steps li{color:#ddecff!important;font-size:13px!important;}
#preview-panel .preview-audio-diagnostic{text-align:left;border:1px solid #86bde9;background:#16385b;border-radius:12px;padding:12px;margin:10px 0 14px;}
#preview-panel .preview-audio-diagnostic label{display:block;font-size:14px;font-weight:700;color:#fff;}
#preview-panel .preview-audio-diagnostic meter{width:100%;height:17px;margin:6px 0;accent-color:#45afff;}
#preview-panel .preview-audio-diagnostic p{font-size:13px;line-height:1.5;margin:2px 0 5px;color:#e9f3ff;overflow-wrap:anywhere;}
#preview-panel button{min-height:44px;font-size:14px!important;font-weight:700;}
#preview-panel button:focus-visible{outline:3px solid #ffe19e!important;outline-offset:4px;}
#preview-panel #preview-start{background:#b9dcff;color:#10243f;}
#preview-panel #preview-start:disabled{background:#405575;color:#e5edfb;}
#preview-panel #preview-mute{background:#23476c;color:#fff;border-color:#a5c9ee;}
#preview-panel #preview-end{background:#9e2944;color:#fff;border-color:#ffb5bf;}
#preview-panel .preview-call-controls button:disabled{opacity:.6;}
@media(max-width:760px){#preview-panel .preview-phone{width:100%;min-width:0;max-width:100%;padding:18px 14px;}}
@media(prefers-reduced-motion:reduce){#preview-panel .preview-audio-state,#preview-panel .preview-audio-state i{animation:none!important}}

/* AUVRANTA_DEPLOYMENT_PLANNER_V1 */
/* Private studio deployment planner; brand-neutral surface and accessible controls. */
.deployment-manager{max-width:100%;min-width:0}
.deployment-manager .deployment-channels{border:1px solid #9aabc2;border-radius:10px;padding:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;min-width:0}
.deployment-manager .deployment-channels legend{color:#142b49;font-weight:700;padding:0 8px}
.deployment-manager .deployment-channels label{display:flex;align-items:center;gap:10px;min-height:44px;color:#142b49;font-size:15px}
.deployment-manager .deployment-channels input{width:20px;height:20px;flex-shrink:0;accent-color:#2257b9}
.deployment-manager :is(input,select,button):focus-visible{outline:3px solid #0069c9;outline-offset:3px}
.deployment-plan{border:1px solid #a3b9d7;border-radius:12px;padding:16px;margin:12px 0;background:#f8fbff;color:#152d4b;overflow-wrap:anywhere}
.deployment-plan h3{margin:0 0 8px}
.deployment-plan ul{margin:8px 0}
@media(max-width:700px){.deployment-manager .deployment-channels{grid-template-columns:1fr}}

nav button[hidden]{display:none!important;}

/* Full supplied Auvranta wordmark, readable against white and navy */
header .brand{display:flex;flex-wrap:wrap;align-items:center;gap:10px;min-width:0}
header .brand .auvranta-header-logo{display:block;width:clamp(165px,18vw,242px);height:auto;max-width:100%;object-fit:contain}
header .brand .auvranta-header-descriptor{font-size:14px;letter-spacing:0;color:#253750;font-weight:700}
#preview-panel .preview-avatar{width:100%!important;max-width:354px!important;height:auto!important;min-height:94px;padding:16px!important;border-radius:14px!important;background:#f3f8ff!important;border:2px solid #9cc7ea!important;box-shadow:none!important;margin:10px auto 14px!important}
#preview-panel .preview-avatar img{display:block!important;width:100%!important;height:auto!important;max-height:114px!important;object-fit:contain!important}
#preview-panel #preview-company{font-size:20px!important;line-height:1.35!important;font-weight:700!important;color:#fff!important;margin:3px 0 4px!important}
#preview-panel .preview-role{font-size:15px!important;font-weight:600!important;color:#ecf5ff!important;margin:0 auto 9px!important}
@media(max-width:700px){header .brand .auvranta-header-logo{width:175px}header .brand .auvranta-header-descriptor{font-size:13px}#preview-panel .preview-avatar{padding:10px!important}}

/* AUVRANTA_FULL_BRAND_V4 */

/* AUVRANTA_PHASE2_WIDGET_STYLES_V1 */
.widget-config{margin-top:14px;padding:16px;border:1px solid #b8c9df;border-radius:10px;background:#fff}
.widget-config h4{margin:0 0 10px}
.widget-state{display:inline-block;padding:4px 8px;border-radius:999px;background:#fff1d4;color:#754300;font-weight:700}
.widget-state.enabled{background:#e3f3ec;color:#1a6744}
.widget-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.widget-snippet{display:block;white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;border-radius:8px;background:#0e203b;color:#eef6ff;font-size:12px}
.widget-config textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}



/* ==========================================================
   AUVRANTA DEPLOYMENTS UI V2
   Frontend presentation only.
   ========================================================== */

.deployment-manager{
  --deploy-navy:#102a4c;
  --deploy-blue:#1f5cc4;
  --deploy-blue-soft:#edf5ff;
  --deploy-border:#d9e3f0;
  --deploy-muted:#5d6e84;
  --deploy-surface:#ffffff;
  --deploy-surface-soft:#f7f9fc;
  --deploy-green:#176b4a;
  --deploy-green-soft:#e7f6ef;
  --deploy-amber:#8a5a0a;
  --deploy-amber-soft:#fff5dd;
  max-width:1120px;
  min-width:0;
}

.deployment-manager .deployment-channels{
  border:1px solid var(--deploy-border);
  border-radius:16px;
  padding:18px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(175px,1fr));
  gap:10px;
  min-width:0;
  background:#fbfcff;
}

.deployment-manager .deployment-channels legend{
  color:var(--deploy-navy);
  font-weight:750;
  padding:0 8px;
}

.deployment-manager .deployment-channels label{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:48px;
  margin:0;
  padding:8px 10px;
  color:var(--deploy-navy);
  font-size:14px;
  border-radius:10px;
}

.deployment-manager .deployment-channels label:hover{
  background:#f0f5fc;
}

.deployment-manager .deployment-channels input{
  width:20px;
  height:20px;
  flex:0 0 20px;
  accent-color:var(--deploy-blue);
}

.deploy-plan-card{
  border:1px solid #d4deeb;
  border-radius:20px;
  padding:0;
  margin:22px 0;
  background:var(--deploy-surface);
  color:var(--deploy-navy);
  overflow:hidden;
  box-shadow:
    0 1px 2px rgba(16,42,76,.04),
    0 12px 34px rgba(16,42,76,.07);
}

.deploy-plan-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:24px;
  padding:24px 26px 20px;
}

.deploy-plan-identity{
  min-width:0;
}

.deploy-plan-eyebrow,
.deploy-channel-kicker{
  display:block;
  margin-bottom:6px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  color:#52709a;
}

.deploy-plan-identity h3{
  margin:0;
  color:var(--deploy-navy);
  font-size:clamp(20px,2.4vw,27px);
  letter-spacing:-.025em;
}

.deploy-plan-identity p{
  margin:5px 0 0;
  color:var(--deploy-muted);
  font-size:14px;
  text-transform:capitalize;
}

.deploy-overall-status{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:6px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}

.deploy-overall-status.is-draft{
  background:var(--deploy-amber-soft);
  color:var(--deploy-amber);
}

.deploy-overall-status.is-live{
  background:var(--deploy-green-soft);
  color:var(--deploy-green);
}

.deploy-channel-strip{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:0 26px 22px;
}

.deploy-channel-chip{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 10px;
  border:1px solid var(--deploy-border);
  border-radius:999px;
  background:#fff;
  color:#53647b;
  font-size:12px;
  font-weight:700;
}

.deploy-channel-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#a6b3c3;
}

.deploy-channel-chip.is-connected{
  border-color:#b8dfce;
  color:var(--deploy-green);
  background:#f4fbf8;
}

.deploy-channel-chip.is-connected .deploy-channel-dot{
  background:#22a06b;
}

.deploy-widget-card{
  margin:0;
  padding:0;
  border:0;
  border-top:1px solid var(--deploy-border);
  border-radius:0;
  background:#fff;
}

.deploy-widget-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:24px;
  padding:26px;
  background:
    linear-gradient(
      180deg,
      rgba(243,248,255,.96),
      rgba(255,255,255,1)
    );
}

.deploy-widget-heading{
  min-width:0;
}

.deploy-widget-heading h4{
  margin:0;
  color:var(--deploy-navy);
  font-size:20px;
}

.deploy-widget-description{
  max-width:720px;
  margin:7px 0 0;
  color:var(--deploy-muted);
  font-size:14px;
  line-height:1.55;
}

.deploy-status-badge{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:6px 11px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
}

.deploy-status-badge.is-draft{
  color:var(--deploy-amber);
  background:var(--deploy-amber-soft);
  border:1px solid #f0d99f;
}

.deploy-status-badge.is-enabled{
  color:var(--deploy-green);
  background:var(--deploy-green-soft);
  border:1px solid #bce0cf;
}

.deploy-progress{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  padding:0 26px 26px;
  background:#fff;
}

.deploy-progress-step{
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  color:#77879a;
  font-size:13px;
  font-weight:700;
}

.deploy-progress-step:not(:last-child)::after{
  content:"";
  position:absolute;
  z-index:0;
  top:15px;
  left:36px;
  right:10px;
  height:1px;
  background:#dce4ee;
}

.deploy-progress-number{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  flex:0 0 30px;
  border:1px solid #c9d4e2;
  border-radius:50%;
  background:#fff;
  color:#687a90;
  font-size:12px;
}

.deploy-progress-step.is-complete .deploy-progress-number{
  background:#e5f5ed;
  border-color:#acd9c5;
  color:#126346;
}

.deploy-progress-step.is-current{
  color:var(--deploy-blue);
}

.deploy-progress-step.is-current .deploy-progress-number{
  background:var(--deploy-blue);
  border-color:var(--deploy-blue);
  color:#fff;
}

.deploy-progress-step.is-complete:not(:last-child)::after{
  background:#acd9c5;
}

.deploy-config-section,
.deploy-install-section,
.deploy-verify-section{
  margin:0 26px 24px;
  padding:22px;
  border:1px solid var(--deploy-border);
  border-radius:16px;
  background:#fff;
}

.deploy-install-section,
.deploy-verify-section{
  background:var(--deploy-surface-soft);
}

.deploy-section-heading{
  display:flex;
  align-items:flex-start;
  gap:13px;
  margin-bottom:20px;
}

.deploy-section-number{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  flex:0 0 30px;
  border-radius:9px;
  background:#eaf2ff;
  color:#2356a9;
  font-size:13px;
  font-weight:800;
}

.deploy-section-heading h5{
  margin:1px 0 3px;
  color:var(--deploy-navy);
  font-size:16px;
}

.deploy-section-heading p{
  margin:0;
  color:var(--deploy-muted);
  font-size:13px;
  line-height:1.5;
}

.deploy-config-grid{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:18px;
  align-items:start;
}

.deploy-field{
  min-width:0;
}

.deploy-field-label{
  display:block;
  margin:0;
  color:#263d5c;
  font-size:13px;
  font-weight:800;
}

.deploy-field-label select,
.deploy-field-label textarea{
  margin-top:7px;
}

.deploy-select,
.deploy-domain-input{
  width:100%;
  border:1px solid #bfcddd;
  border-radius:11px;
  background:#fff;
  color:#162f50;
  padding:11px 12px;
  box-shadow:0 1px 1px rgba(16,42,76,.02);
}

.deploy-domain-input{
  min-height:112px;
  resize:vertical;
  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Consolas,
    monospace;
  font-size:13px;
  line-height:1.55;
}

.deploy-select:focus,
.deploy-domain-input:focus{
  border-color:#4b7bd1;
  box-shadow:0 0 0 3px rgba(75,123,209,.12);
}

.deploy-field-help{
  margin:7px 2px 0;
  color:#68798e;
  font-size:12px;
  line-height:1.45;
}

.deploy-activation-card{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  margin-top:20px;
  padding:16px 17px;
  border:1px solid #d1ddeb;
  border-radius:13px;
  background:#f8fbff;
}

.deploy-activation-copy{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}

.deploy-activation-copy strong{
  color:#193657;
  font-size:14px;
}

.deploy-activation-copy span{
  color:#63758b;
  font-size:12px;
  line-height:1.45;
}

.deploy-switch{
  display:flex;
  align-items:center;
  gap:9px;
  margin:0;
  cursor:pointer;
  user-select:none;
}

.deploy-switch input{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}

.deploy-switch-track{
  position:relative;
  display:block;
  width:48px;
  height:27px;
  flex:0 0 48px;
  border-radius:999px;
  background:#bcc7d5;
  border:1px solid #a7b5c6;
  transition:
    background .16s ease,
    border-color .16s ease;
}

.deploy-switch-track::after{
  content:"";
  position:absolute;
  top:3px;
  left:3px;
  width:19px;
  height:19px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 1px 4px rgba(28,47,70,.25);
  transition:transform .16s ease;
}

.deploy-switch input:checked + .deploy-switch-track{
  background:#225cc2;
  border-color:#225cc2;
}

.deploy-switch input:checked + .deploy-switch-track::after{
  transform:translateX(21px);
}

.deploy-switch input:focus-visible + .deploy-switch-track{
  outline:3px solid #347ac4;
  outline-offset:3px;
}

.deploy-switch-state{
  min-width:26px;
  color:#566a82;
  font-size:11px;
  font-weight:900;
}

.deploy-primary-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:20px 0 0;
}

.deploy-primary-actions button{
  min-height:44px;
  border-radius:10px;
}

.deploy-save-button{
  padding-left:20px;
  padding-right:20px;
}

.deploy-secondary-button{
  border-color:#aabbd1;
  background:#fff;
  color:#24496f;
}

.deploy-code-wrap{
  overflow:hidden;
  border:1px solid #cad7e5;
  border-radius:13px;
  background:#10243e;
}

.deploy-code-label{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:10px 13px;
  border-bottom:1px solid rgba(255,255,255,.12);
  color:#c7d6e8;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
}

.deploy-code-ready{
  color:#8ee0b8;
}

.widget-snippet{
  display:block;
  max-height:190px;
  overflow:auto;
  margin:0;
  padding:15px;
  border:0;
  border-radius:0;
  background:#10243e;
  color:#edf6ff;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Consolas,
    monospace;
  font-size:12px;
  line-height:1.6;
}

.deploy-install-placeholder{
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:18px;
  border:1px dashed #bdcad9;
  border-radius:12px;
  background:#fff;
}

.deploy-install-placeholder strong{
  color:#344d6c;
  font-size:13px;
}

.deploy-install-placeholder span{
  color:#718197;
  font-size:12px;
}

.deploy-verification-list{
  overflow:hidden;
  border:1px solid #d7e0eb;
  border-radius:12px;
  background:#fff;
}

.deploy-verification-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  min-height:47px;
  padding:10px 14px;
}

.deploy-verification-row +
.deploy-verification-row{
  border-top:1px solid #e6ecf3;
}

.deploy-verification-label{
  color:#314863;
  font-size:13px;
  font-weight:650;
}

.deploy-verification-state{
  flex:0 0 auto;
  border-radius:999px;
  padding:4px 8px;
  font-size:11px;
  font-weight:800;
}

.deploy-verification-state.is-ready{
  color:#176b4a;
  background:#e7f6ef;
}

.deploy-verification-state.is-safe{
  color:#315b89;
  background:#ebf3fc;
}

.deploy-verification-state.is-pending{
  color:#77633e;
  background:#f7f1e6;
}

.deploy-other-channels{
  padding:4px 26px 26px;
}

.deploy-other-channels > h4{
  margin:0 0 10px;
  color:#53677e;
  font-size:13px;
  font-weight:800;
}

.deploy-secondary-channel{
  overflow:hidden;
  border:1px solid var(--deploy-border);
  border-radius:13px;
  background:#fafbfd;
}

.deploy-secondary-channel summary{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:14px 16px;
  color:#304861;
  cursor:pointer;
  font-size:13px;
  font-weight:750;
}

.deploy-secondary-channel-state{
  color:#78879a;
  font-size:11px;
  font-weight:800;
}

.deploy-secondary-channel-body{
  padding:2px 16px 18px;
  color:#596b80;
  font-size:13px;
}

.deploy-secondary-channel-body p{
  margin:8px 0 14px;
}

.deploy-secondary-channel-body ol{
  padding-left:22px;
  line-height:1.55;
}

.deploy-secondary-channel-body a{
  font-weight:700;
}

.deploy-safety-note{
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:11px 12px;
  border:1px solid #d8e1ed;
  border-radius:10px;
  background:#fff;
}

.deploy-safety-note strong{
  color:#314d6f;
}

.deploy-safety-note span{
  color:#6a7c91;
  font-size:12px;
}

.deploy-empty-state{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin-top:16px;
  padding:24px;
  border:1px dashed #bccbda;
  border-radius:15px;
  background:#fafcff;
}

.deploy-empty-state strong{
  color:#263f5d;
}

.deploy-empty-state span{
  color:#6a7b90;
  font-size:13px;
}

#deployment-status{
  min-height:22px;
  margin:10px 0;
  color:#285b96;
  font-size:13px;
  font-weight:650;
}

#deployment-status[data-error="true"]{
  color:#a22632;
}

@media(max-width:800px){
  .deploy-plan-header,
  .deploy-widget-header{
    flex-direction:column;
    gap:12px;
  }

  .deploy-plan-header{
    padding:20px 18px 16px;
  }

  .deploy-channel-strip{
    padding:0 18px 18px;
  }

  .deploy-widget-header{
    padding:22px 18px;
  }

  .deploy-progress{
    padding:0 18px 22px;
  }

  .deploy-config-section,
  .deploy-install-section,
  .deploy-verify-section{
    margin:0 18px 18px;
    padding:18px;
  }

  .deploy-config-grid{
    grid-template-columns:1fr;
  }

  .deploy-activation-card{
    align-items:flex-start;
  }

  .deploy-other-channels{
    padding:4px 18px 20px;
  }
}

@media(max-width:560px){
  .deploy-progress{
    grid-template-columns:1fr;
    gap:9px;
  }

  .deploy-progress-step:not(:last-child)::after{
    top:30px;
    bottom:-9px;
    left:14px;
    right:auto;
    width:1px;
    height:auto;
  }

  .deploy-progress-title{
    white-space:normal;
  }

  .deploy-activation-card{
    flex-direction:column;
  }

  .deploy-switch{
    width:100%;
    justify-content:flex-start;
  }

  .deploy-primary-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  .deploy-primary-actions button{
    width:100%;
  }

  .deploy-verification-row{
    align-items:flex-start;
    gap:10px;
  }

  .deploy-verification-state{
    text-align:right;
  }
}

@media(prefers-reduced-motion:reduce){
  .deploy-switch-track,
  .deploy-switch-track::after{
    transition:none;
  }
}


/* ==========================================================
   AUVRANTA DEPLOYMENTS UI V2 — POLISH PASS
   ========================================================== */

/* Tighter overall vertical rhythm */
.deploy-plan-header{
  padding-top:22px;
  padding-bottom:17px;
}

.deploy-channel-strip{
  padding-bottom:18px;
}

.deploy-widget-header{
  padding-top:22px;
  padding-bottom:20px;
}

.deploy-config-section,
.deploy-install-section,
.deploy-verify-section{
  padding:20px;
  margin-bottom:20px;
}

/* Stepper cleanup */
.deploy-progress{
  align-items:start;
  gap:0;
}

.deploy-progress-step{
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  grid-template-rows:auto;
  column-gap:9px;
  align-items:center;
  min-height:34px;
}

.deploy-progress-step:not(:last-child)::after{
  top:15px;
  left:39px;
  right:10px;
  height:1px;
  z-index:0;
}

.deploy-progress-number{
  grid-column:1;
  position:relative;
  z-index:2;
}

.deploy-progress-title{
  grid-column:2;
  position:relative;
  z-index:2;
  display:inline-block;
  width:max-content;
  max-width:100%;
  padding-right:8px;
  background:#fff;
  line-height:1.2;
}

/* Keep connector from visually crossing the text */
.deploy-progress-step.is-current .deploy-progress-title,
.deploy-progress-step.is-complete .deploy-progress-title,
.deploy-progress-step.is-pending .deploy-progress-title{
  background:#fff;
}

/* Remove stray left-edge artifact around form labels */
.deploy-field,
.deploy-field-label{
  border-left:0!important;
  box-shadow:none;
}

.deploy-field-label::before,
.deploy-field::before{
  content:none!important;
}

/* Cleaner form spacing */
.deploy-config-grid{
  gap:16px 18px;
}

.deploy-field-label{
  padding-left:0;
}

.deploy-field-help{
  margin-top:6px;
}

.deploy-domain-input{
  min-height:104px;
}

/* Slightly calmer activation panel */
.deploy-activation-card{
  margin-top:18px;
  padding:14px 16px;
}

/* Better proportion for save button */
.deploy-primary-actions{
  margin-top:18px;
}

.deploy-save-button{
  min-width:0;
  padding:10px 18px;
  min-height:42px;
}

/* Slightly more horizontal breathing room */
@media(min-width:801px){
  .deploy-widget-header,
  .deploy-progress{
    padding-left:28px;
    padding-right:28px;
  }

  .deploy-config-section,
  .deploy-install-section,
  .deploy-verify-section{
    margin-left:28px;
    margin-right:28px;
  }

  .deploy-other-channels{
    padding-left:28px;
    padding-right:28px;
  }
}

/* Mobile stepper stays vertical and clean */
@media(max-width:560px){
  .deploy-progress-step{
    grid-template-columns:30px minmax(0,1fr);
  }

  .deploy-progress-step:not(:last-child)::after{
    top:30px;
    bottom:-9px;
    left:14px;
    right:auto;
    width:1px;
    height:auto;
  }

  .deploy-progress-title{
    width:auto;
    background:#fff;
  }

  .deploy-config-section,
  .deploy-install-section,
  .deploy-verify-section{
    padding:16px;
  }
}


/* ==========================================================
   AUVRANTA DEPLOYMENT PLAN EDITOR
   ========================================================== */

.deploy-plan-header-actions{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:8px;
  flex:0 0 auto;
}

.deploy-plan-edit-button{
  min-height:34px;
  padding:6px 11px;
  border:1px solid #b8c7d9;
  border-radius:9px;
  background:#fff;
  color:#315477;
  font-size:12px;
  font-weight:750;
}

.deploy-plan-edit-button:hover{
  background:#f3f7fc;
}

.deploy-plan-editor{
  margin:0 28px 20px;
  padding:20px;
  border:1px solid #bfd0e5;
  border-radius:15px;
  background:#f7faff;
}

.deploy-plan-editor[hidden]{
  display:none!important;
}

.deploy-plan-edit-grid{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
  gap:16px;
}

.deploy-plan-edit-grid input,
.deploy-plan-edit-grid select{
  margin-top:7px;
  min-height:44px;
  border-radius:10px;
}

.deploy-plan-edit-channels{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:8px;
  margin:18px 0 0;
  padding:14px;
  border:1px solid #cfdae8;
  border-radius:12px;
  background:#fff;
}

.deploy-plan-edit-channels legend{
  padding:0 6px;
  color:#334d6c;
  font-size:12px;
  font-weight:800;
}

.deploy-edit-channel-option{
  display:flex;
  align-items:center;
  gap:9px;
  margin:0;
  padding:7px 8px;
  border-radius:8px;
  color:#334b67;
  font-size:13px;
  font-weight:650;
}

.deploy-edit-channel-option:hover{
  background:#f3f7fc;
}

.deploy-edit-channel-option input{
  width:18px;
  height:18px;
  flex:0 0 18px;
  margin:0;
  accent-color:#225cc2;
}

.deploy-plan-edit-actions{
  display:flex;
  gap:9px;
  flex-wrap:wrap;
  margin-top:17px;
}

.deploy-plan-edit-actions button{
  min-height:42px;
  border-radius:9px;
}

@media(max-width:800px){
  .deploy-plan-header-actions{
    width:100%;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
  }

  .deploy-plan-editor{
    margin-left:18px;
    margin-right:18px;
  }
}

@media(max-width:600px){
  .deploy-plan-edit-grid{
    grid-template-columns:1fr;
  }

  .deploy-plan-edit-channels{
    grid-template-columns:1fr;
  }

  .deploy-plan-edit-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  .deploy-plan-edit-actions button{
    width:100%;
  }
}

.customer-setup{max-width:760px;margin:40px auto;padding:24px;background:#fff;color:#152844;border:1px solid #dbe4ef;border-radius:20px;box-shadow:0 16px 48px #13284712}.customer-setup .setup-logo{width:240px;max-width:75%;height:auto}.customer-setup h1{font-size:2rem;margin:24px 0 12px}.customer-setup h2{font-size:1.2rem;margin:24px 0 12px}.customer-setup p{line-height:1.6}.customer-setup label{display:block;margin:14px 0;font-weight:600}.customer-setup input,.customer-setup textarea{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:12px;border:1px solid #aebed2;border-radius:8px;font:inherit;background:#fff;color:#152844}.customer-setup button{margin:8px 8px 8px 0;padding:12px 18px;border:0;border-radius:8px;background:#173e73;color:#fff;font:inherit;cursor:pointer}.customer-setup button:disabled{opacity:.5}.customer-setup a{color:#173e73}.customer-setup [hidden]{display:none!important}@media(max-width:600px){.customer-setup{margin:12px;padding:20px}}


/* Responsive industry demo selector */
.demo-template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:12px;margin:16px 0}
.demo-template-card{padding:16px;border:1px solid var(--border,#d4dce6);border-radius:16px;background:var(--panel,#fff);display:flex;flex-direction:column;gap:8px}
.demo-template-card h3{margin:0}
.demo-template-card p{font-size:.88rem;flex:1}
.demo-template-card button{min-height:44px}
@media(max-width:600px){.demo-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.demo-template-card{padding:12px}.demo-template-card button{font-size:.82rem}}