:root{--ink:#172923;--muted:#69746e;--green:#145c42;--line:#dfe5e1;--bg:#f5f7f6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header{height:80px;padding:0 36px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:44px}.logo{font:38px/1 Georgia,serif;letter-spacing:-7px;padding-right:7px;color:var(--green);text-decoration:none}nav{display:flex;gap:8px;align-items:center;flex:1}button,a,input,select{font:inherit}button,nav a{border:1px solid var(--line);border-radius:9px;padding:10px 17px;background:white;color:var(--ink);cursor:pointer;text-decoration:none}nav button,nav a{border:0;color:var(--muted);font-size:15px}nav .selected{background:#eaf2ed;color:var(--green);font-weight:650}button:hover{background:#edf4ef}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:#0b4933}.danger{color:#a33434}.demo,.badge{font-size:13px;color:var(--green);background:#eaf2ed;padding:5px 10px;border-radius:20px}main{max-width:1440px;margin:auto;padding:25px 34px}h1{font-size:28px;letter-spacing:-.8px;margin:0 0 4px}h2{font-size:20px;margin:0 0 12px}h3{font-size:16px;margin:0 0 6px}p{margin:6px 0 14px}.muted,small{color:var(--muted)}small{font-size:13px}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:20px}.heading p{margin:0}.selection{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;margin-bottom:20px}label{display:block;font-size:14px;font-weight:600}input,select{display:block;width:100%;padding:11px 12px;margin-top:6px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink)}.columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:15px;padding:23px}.facts{background:#eef4ef;margin-bottom:18px}.facts-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.facts h2{margin:0}.facts dl{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 10px}.facts dt{font-size:12px;color:var(--muted);margin-bottom:3px}.facts dd{margin:0;font-size:16px;font-weight:600;overflow-wrap:anywhere}.journey{border-top:1px solid #d6e2d8;padding-top:10px;font-size:14px}.controls{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.status{display:flex;align-items:center;gap:8px;color:var(--green);font-size:14px}.dot{width:8px;height:8px;border-radius:50%;background:#90a598}.dot.live{background:#368b59}.transcript{max-height:320px;overflow:auto;margin:16px 0;scrollbar-gutter:stable}.turn{background:#f1f5f2;border-radius:10px;padding:12px 14px;margin:10px 0}.turn.passenger{background:#f6f7f6}.turn strong{display:block;font-size:12px;letter-spacing:.04em;color:var(--muted);margin-bottom:5px}.turn p{margin:0}.empty{padding:30px 15px;text-align:center;color:var(--muted)}.reply{display:flex;gap:8px;align-items:end}.reply input{margin:0}.reply button{white-space:nowrap}.checks{list-style:none;padding:0;margin:15px 0}.checks li{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #edf0ed}.check{width:26px;height:26px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:13px;color:#8b948f}.check.done{background:#e3f0e6;color:#145c42;border-color:#c4dbc8}.quote{background:#eff5ec;border-radius:10px;padding:17px;margin-top:20px}.amounts{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:12px 0}.amounts strong{font-size:25px;display:block}.note{font-size:14px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px;margin-top:15px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:13px;color:var(--muted);font-weight:600;padding:13px 12px;border-bottom:1px solid var(--line)}td{font-size:15px;padding:16px 12px;border-bottom:1px solid #edf0ed}td button{font-size:14px;padding:7px 12px}.rule-row{padding:15px 0;border-bottom:1px solid var(--line)}.rule-form{display:grid;gap:15px}.rule-form input[type=checkbox]{display:inline;width:auto;margin:0 8px 0 0}.hint{background:#f5f7f5;padding:13px;border-radius:9px;font-size:14px}.pill-warning{color:#866321;background:#fbf4e4}.detail-back{margin-bottom:16px}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#172923;color:white;padding:12px 20px;border-radius:10px;max-width:90%;display:none;z-index:50}.right-panel{max-height:calc(100dvh - 240px);overflow:auto}.rule-revision{font-size:13px;color:var(--muted)}@media(max-width:900px){header{height:auto;min-height:76px;flex-wrap:wrap;padding:15px 20px;gap:20px}nav{flex-wrap:wrap}.demo{display:none}main{padding:20px}.columns,.selection{grid-template-columns:1fr}.right-panel{max-height:none}.facts dl{grid-template-columns:repeat(2,1fr)}}

dialog{border:1px solid var(--line);border-radius:15px;padding:28px;max-width:520px;width:90%;color:var(--ink)}dialog::backdrop{background:#17292355}dialog label{margin-bottom:16px}.turn p{white-space:pre-wrap}.right-panel{position:sticky;top:20px}@media(max-width:900px){.right-panel{position:static}}

.record-option{display:flex;align-items:center;gap:8px;margin:12px 0;font-size:14px;font-weight:400}.record-option input{width:auto;margin:0}audio[controls]{width:100%;margin:12px 0}

/* Shared visual language: white surfaces, teal accents and readable controls. */
:root{--ink:#183337;--muted:#627b7e;--green:#008890;--line:#dce9e8;--bg:#f6f9f9;--tint:#eaf8f6}
body{font-family:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header{height:78px;padding:0 30px;gap:30px}header .logo,header .cc-logo{display:flex;align-items:center;width:66px;min-width:66px;padding:0;letter-spacing:normal;color:var(--green);line-height:1}header .logo svg,header .cc-logo svg{width:66px;height:37px;display:block}nav button,nav a{border-radius:12px;font-size:14px;white-space:nowrap}nav small{font-size:11px;letter-spacing:.05em;margin-right:5px;color:inherit}nav .selected{background:var(--tint);font-weight:600}.demo,.badge{background:var(--tint);color:var(--green)}main{max-width:1520px;padding:22px 30px}h1{font-size:26px;letter-spacing:-.7px;font-weight:600}h2{font-size:20px;font-weight:550}h3{font-weight:550}button,input,select{border-radius:11px}button:hover{background:var(--tint)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #60b9bd;outline-offset:3px}.primary:hover{background:#007178}.panel{border-radius:22px;border-color:var(--line);padding:22px}.heading{margin-bottom:18px}.eyebrow{display:block;letter-spacing:.13em;font-size:11px;color:var(--muted);margin-bottom:3px}.desk-heading p{font-size:14px}.facts{background:white;padding:17px 22px;margin-bottom:20px;flex-shrink:0}.facts-head{justify-content:flex-start;gap:22px}.customer-identity{display:flex;gap:12px;align-items:center;min-width:0}.customer-avatar{width:42px;height:42px;border-radius:14px;background:var(--tint);display:grid;place-items:center;color:var(--green);flex-shrink:0}.customer-identity small{display:block;font-size:12px}.inline-select{width:auto;max-width:100%;border:0;border-radius:6px;background:transparent;margin:0;padding:2px 23px 2px 0;cursor:pointer;color:var(--ink)}.inline-select:disabled{opacity:.65;cursor:not-allowed}.customer-select{font-size:20px;font-weight:550;max-width:270px}.departure-picker{margin-left:auto}.departure-picker select{font-size:15px;color:var(--green)}.fact-label{display:block;font-size:12px;color:var(--muted)}.facts dl{grid-template-columns:repeat(6,minmax(0,1fr));margin:13px 0 10px;gap:12px}.facts dd{font-size:15px;font-weight:500}.journey{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;border-color:var(--line);padding-top:8px}.journey span{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.live-columns{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:22px;min-height:0}.live-column{display:flex;flex-direction:column;min-width:0;min-height:0}.layer-heading{display:flex;align-items:center;gap:11px;margin-bottom:12px;flex-shrink:0}.layer-heading h2{margin:0}.layer-symbol{width:41px;height:41px;display:grid;place-items:center;background:var(--tint);color:var(--green);border-radius:12px;font-size:25px}.conversation-panel{display:flex;flex-direction:column;min-height:0;flex:1}.voice-top{display:flex;align-items:center;gap:13px;flex-shrink:0}.voice-top h3{font-size:16px}.voice-top h3 .muted{font-size:13px;font-weight:400}.voice-orb{width:47px;height:47px;border-radius:48% 52% 56% 44%;background:radial-gradient(circle at 30% 28%,#d6fff5,#87d6d3 42%,#32a5af 75%,#c1eeeb);flex-shrink:0;opacity:.65}.voice-orb.connected{opacity:1}.provider-label{margin-left:auto;font-size:11px;color:var(--muted)}.dot.live{background:var(--green)}.status{font-size:13px}.controls{margin:14px 0 8px;flex-shrink:0;gap:7px}.controls button{padding:9px 13px;font-size:14px}.record-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;flex-shrink:0}.record-option{margin:0;font-size:12px;color:var(--muted)}.record-option input{accent-color:var(--green)}.text-button{border:0;background:transparent;padding:4px 0;font-size:12px;color:var(--green)}.transcript{min-height:120px;flex:1;max-height:none;overflow:auto;overscroll-behavior:contain;margin:14px 0;scrollbar-gutter:stable;border-top:1px solid var(--line);padding-top:8px}.turn{background:var(--tint);border-radius:15px;padding:13px 15px}.turn.passenger{background:#f4f7f7}.turn strong{font-size:10px;letter-spacing:.1em}.turn p{font-size:15px;line-height:1.55}.reply{flex-shrink:0}.reply input{font-size:14px;min-width:0}.reply button{font-size:14px}.privacy-line{font-size:11px;margin-top:9px}.right-scroll{overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;flex:1;background-color:#f2fbfa;background-image:radial-gradient(#dcebe9 1px,transparent 1px);background-size:16px 16px}.execution-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.section-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em;margin-bottom:13px}.decision-node{background:white;border:1px solid var(--line);padding:12px;border-radius:15px;margin-bottom:17px;position:relative}.decision-node:not(:last-child):after{content:'';position:absolute;top:100%;left:19px;height:18px;border-left:1px solid #bedad8}.decision-node h3{font-size:13px;margin:0}.decision-node p{font-size:12px;color:var(--muted);margin:5px 0 0}.checks{margin:0}.checks li{padding:10px;background:white;border:1px solid var(--line);border-radius:13px;gap:9px;font-size:12px;margin-bottom:10px}.check{width:23px;height:23px;flex-shrink:0;font-size:11px}.check.done{color:white;background:var(--green);border-color:var(--green)}.quote{background:white;border:1px solid var(--line);border-radius:17px;margin-top:12px}.quote h3{font-size:15px}.amounts strong{font-size:27px;font-weight:500}.amounts small{font-size:12px}.note{font-size:12px}.hint{background:var(--tint)}.right-panel{position:static;max-height:none}.record-option input{width:auto}.table-wrap{border-radius:22px}th{font-weight:500}td{font-size:15px}dialog{border-radius:22px}.detail-back{border:0;background:transparent;color:var(--green)}
@media(min-width:1000px) and (min-height:720px){body.call-mode{overflow:hidden}body.call-mode main{height:calc(100dvh - 78px);display:flex;flex-direction:column;padding-bottom:22px}body.call-mode .desk-heading{flex-shrink:0}body.call-mode .live-columns{flex:1}body.call-mode .facts{margin-bottom:16px}}
@media(max-width:1100px){header{padding:0 20px;gap:18px}nav{gap:2px}nav button,nav a{padding:9px 10px}.demo{display:none}.execution-columns{gap:12px}.provider-label{display:none}}
@media(max-width:999px){header{height:auto;min-height:78px;flex-wrap:wrap;padding:14px 20px;gap:12px}nav{flex-wrap:wrap}main{padding:20px}.live-columns{grid-template-columns:1fr}.conversation-panel .transcript{height:300px;flex:none}.right-scroll{max-height:580px}.facts-head{flex-wrap:wrap}.departure-picker{margin-left:auto}.facts dl{grid-template-columns:repeat(3,minmax(0,1fr))}.columns{grid-template-columns:1fr}.facts{padding:17px}.customer-select{font-size:18px}.live-column{margin-bottom:16px}}
@media(max-width:540px){header nav{width:100%;order:2}.facts-head{gap:12px}.departure-picker{margin-left:0;flex-basis:100%}.facts dl{grid-template-columns:repeat(2,minmax(0,1fr))}.execution-columns{grid-template-columns:1fr}.provider-label{display:none}.panel{padding:17px}.heading{align-items:flex-start}.desk-heading .badge{display:none}.controls button{padding:9px 11px}.voice-top h3 .muted{display:block}.columns{gap:16px}.record-row{gap:5px}.customer-select{max-width:230px}}

.review-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0 0 22px}.review-summary strong{display:block;font-size:30px;font-weight:500;margin:7px 0}.review-summary span{font-size:13px;color:var(--muted)}@media(max-width:650px){.review-summary{grid-template-columns:1fr;gap:12px}}

/* Compact two-column call workspace and shared Studio / Analytics. */
.live-column>.facts{flex-shrink:0;padding:18px;margin-bottom:14px}.live-column .facts-head{flex-wrap:wrap;gap:10px}.live-column .facts-head>.badge{display:none}.live-column .departure-picker{margin-left:auto}.live-column .facts dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.live-column .facts dd{font-size:14px}.live-column .facts dt{font-size:11px}.live-column .journey{font-size:12px;display:flex;flex-wrap:wrap;gap:6px}.live-column .customer-select{font-size:20px}.live-column .layer-heading{margin-bottom:9px}.layer-heading h2{font-size:18px}.layer-symbol{width:32px;height:32px;font-size:21px}.conversation-panel{padding:18px}.studio-tabs{display:flex;gap:10px;margin-bottom:22px}.studio-tabs [aria-selected=true]{background:var(--green);color:white;border-color:var(--green)}.settings-list>div{display:flex;justify-content:space-between;gap:24px;padding:15px 0;border-bottom:1px solid var(--line)}.settings-list dt{color:var(--muted)}.settings-list dd{margin:0;text-align:right}.setting-notes{padding-left:20px;line-height:2}.logo-options{margin-top:24px}.logo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.logo-grid figure{margin:0;padding:30px;border:1px solid var(--line);border-radius:18px;text-align:center}.logo-grid img{width:100px;height:64px;margin-bottom:20px}.logo-grid figcaption{color:var(--muted);font-size:14px}.metric-row{padding:15px 0;border-bottom:1px solid var(--line)}.metric-row>div{display:flex;justify-content:space-between;gap:12px}.metric-row meter{display:block;width:100%;height:18px;margin-top:8px;accent-color:var(--green)}
@media(min-width:1000px) and (min-height:720px){.live-columns{height:100%}.conversation-panel .transcript{min-height:65px}.live-column>.facts{margin-bottom:12px}}
@media(max-width:600px){.logo-grid{grid-template-columns:1fr}.settings-list>div{display:block}.settings-list dd{text-align:left;margin-top:6px}}

/* Small completion marks and compact call controls. */
.decision-node h3{display:flex;align-items:center;justify-content:space-between;gap:8px}.decision-tick{display:inline-grid;place-items:center;flex-shrink:0;width:18px;height:18px;border-radius:50%;background:var(--green);color:white;font-size:11px}.quote{padding:13px 16px;border-radius:14px}.quote h3{margin:0 0 8px;font-size:14px}.quote .amounts{gap:18px;margin:8px 0}.quote .amounts strong{font-size:23px}.quote>small{font-size:11px}.language-toggle{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);cursor:pointer;position:relative;margin:0}.language-toggle input{position:absolute;opacity:0;width:30px;height:18px;margin:0}.switch-track{width:30px;height:18px;background:#c9d7d6;border-radius:20px;position:relative;transition:background .15s}.switch-track:after{content:'';position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:white;transition:transform .15s}.language-toggle input:checked+.switch-track{background:var(--green)}.language-toggle input:checked+.switch-track:after{transform:translateX(12px)}.language-toggle input:focus-visible+.switch-track{outline:2px solid var(--green);outline-offset:3px}.language-toggle:has(input:disabled){opacity:.5;cursor:default}

.brand-logo{display:block;width:76px;height:49px;object-fit:contain;max-width:none}.logo,.cc-logo{flex-shrink:0}.voice-settings{display:grid;gap:15px}.voice-settings label{display:grid;gap:7px}.voice-settings select{width:100%}.soft-skills-heading{margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}

/* Keep login controls separate from the workspace layouts. */
.login-page{max-width:480px;margin:10vh auto;padding:24px}
.login-form{display:grid;gap:16px;margin-top:20px}
.login-form label{min-width:0}
.login-form input{width:100%;margin-top:7px}
.login-form button{justify-self:start;width:auto;font-size:14px;line-height:1.4;padding:9px 14px;border-radius:8px}
.login-form #error{margin:0;font-size:14px;color:#a33434}
.login-form #error:empty{display:none}
/* Provider-specific fields must stay hidden even with the form's grid labels. */
.voice-settings [hidden] { display: none !important; }

.policy-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:20px}.policy-step{border:1px solid #dbe8e8;border-radius:12px;padding:16px;margin:14px 0;box-shadow:0 3px 12px #163a3a08}.policy-condition{display:grid;grid-template-columns:1.5fr 1fr 1fr 40px;gap:8px;margin:10px 0}.policy-condition select{min-width:0;width:100%}.policy-action{display:flex;gap:12px;margin-top:12px}.policy-preview{max-height:400px;overflow:auto}@media(max-width:900px){.policy-layout{grid-template-columns:1fr}.policy-condition{grid-template-columns:1fr 1fr}}

.policy-flow{list-style:none;padding:0}.policy-flow>li{position:relative;border:1px solid #d6e5e5;border-radius:9px;padding:12px;margin:0 0 22px;background:#f7fbfb}.policy-flow>li:not(:last-child):after{content:'↓';position:absolute;bottom:-23px;left:50%;color:#187f84}.policy-flow p{margin:6px 0}.policy-flow small{color:#637b7e}.policy-trace{min-width:190px;max-width:520px}.policy-trace li{margin:8px 0;white-space:normal}.policy-trace summary{cursor:pointer;color:#176f76}