:root{--paper:#f4f2ed;--white:#fff;--ink:#20251f;--muted:#83867d;--line:#e7e5df;--green:#405f45;--green-dark:#314b36;--lime:#c6df86;--sans:'DM Sans',sans-serif;--display:'Manrope',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#f9f8f5;border-right:1px solid var(--line);padding:25px 16px 18px;display:flex;flex-direction:column;z-index:3}.brand{display:flex;align-items:center;gap:10px;padding:0 10px;text-decoration:none;color:#242a23;font-family:var(--display);font-size:19px;font-weight:800;letter-spacing:-1px}.brand-mark{width:29px;height:29px;display:grid;place-items:center;background:var(--green);color:#f4f2ed;border-radius:9px;font-size:16px;letter-spacing:-1px}.brand-dot{color:#91a951}.workspace-label,.section-kicker,.eyebrow,.field>span,.agent-top,.questions-head,.page-footer,.history-count{font:500 10px var(--mono);letter-spacing:1px}.workspace-label{color:#a2a39b;padding:49px 11px 13px}.nav-item{height:42px;padding:0 11px;display:flex;align-items:center;gap:12px;text-decoration:none;color:#555a50;border-radius:7px;font-weight:600;margin:2px 0}.nav-item.active{background:#e9eee5;color:#36563b}.nav-icon{font-size:17px;color:#657c5f;width:16px;text-align:center}.nav-count{font:10px var(--mono);color:#76866f;margin-left:auto}.nav-item.muted{color:#898b83}.sidebar-bottom{margin-top:auto}.sidebar-card{display:flex;align-items:center;gap:11px;background:#f0efe9;border:1px solid #e8e6df;border-radius:9px;padding:12px 11px;margin:0 2px 16px}.live-dot,.status-mini,.agent-status i{border-radius:50%;background:#739a5f;width:7px;height:7px;box-shadow:0 0 0 3px #dfe9d7}.sidebar-card strong,.profile strong{display:block;font-size:12px;font-weight:700}.sidebar-card small,.profile small{display:block;margin-top:3px;color:#8d8e86;font-size:11px}.status-mini{margin-left:auto;width:6px;height:6px;box-shadow:none}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:17px 5px 0}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#dce4d2;color:#416046;font-size:10px;font-weight:700}.profile .more{margin-left:auto;font-size:20px;color:#92948c}.main-content{margin-left:238px;padding:0 46px;max-width:1570px}.topbar{height:62px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6e4de}.breadcrumbs{color:#96978f;font-size:12px}.breadcrumbs span{padding:0 9px;color:#c2c1b9}.breadcrumbs strong{color:#51564d;font-weight:600}.top-actions{display:flex;gap:16px;align-items:center}.date-label{font:10px var(--mono);color:#96978f;letter-spacing:.3px}.icon-button{width:24px;height:24px;border:1px solid #deddd6;border-radius:50%;background:transparent;color:#7c8076;font-size:12px}.page-heading{display:flex;align-items:center;justify-content:space-between;padding:36px 0 28px}.eyebrow{color:#71816b;display:flex;align-items:center;gap:9px}.eyebrow-line{width:18px;height:1px;background:#849777}h1,h2,h3,p{margin:0}h1{font:700 32px var(--display);letter-spacing:-1.5px;margin-top:10px} .subtitle{color:#888b82;font-size:13px;margin-top:6px}.heading-mark{width:64px;height:64px;border-radius:50%;border:1px solid #dfe2d5;display:grid;place-items:center;position:relative;color:#849176;font:500 12px var(--mono)}.heading-mark i{position:absolute;width:5px;height:5px;border-radius:50%;background:#97a885}.heading-mark i:nth-child(2){top:4px;right:14px}.heading-mark i:nth-child(3){bottom:9px;right:2px;background:#d1b17d}.heading-mark i:nth-child(4){top:13px;left:3px;background:#d0d8c8}.work-grid{display:grid;grid-template-columns:minmax(460px,1.58fr) minmax(270px,.78fr);gap:19px;align-items:stretch}.call-card,.agent-card,.questions-card{border:1px solid #e6e4dd;border-radius:11px;background:var(--white)}.call-card{padding:23px 25px 19px}.card-top{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:19px;border-bottom:1px solid #efeee9}.section-kicker{color:#999b92}.card-top h2,.history-heading h2{font:700 19px var(--display);letter-spacing:-.6px;margin-top:6px}.step-pill{display:flex;align-items:center;gap:7px;border:1px solid #e8ece3;border-radius:30px;padding:7px 9px;color:#71816d;font:9px var(--mono);letter-spacing:.5px}.step-pill span{width:6px;height:6px;border-radius:50%;background:#81a269}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:18px}.field{display:block;min-width:0}.field>span{display:flex;gap:6px;color:#8b8e83;margin-bottom:8px}.field em{font-style:normal;color:#b0b1aa;font-size:9px}.field b{color:#b07652}.field input{height:41px;width:100%;padding:0 12px;border:1px solid #e5e4de;border-radius:6px;background:#fff;color:#33392f;font:13px var(--sans);outline:none;transition:border .15s,box-shadow .15s}.field input::placeholder{color:#b9bab3}.field input:focus{border-color:#829778;box-shadow:0 0 0 3px #edf2e9}.phone-field{margin-top:18px}.phone-input{height:43px;border:1px solid #e4e3dc;border-radius:6px;display:flex;align-items:center;gap:10px;padding:0 11px}.phone-input:focus-within{border-color:#829778;box-shadow:0 0 0 3px #edf2e9}.phone-prefix{color:#75886b;font-size:16px}.phone-input input{border:0!important;box-shadow:none!important;padding:0;flex:1;height:39px;min-width:0}.phone-format{font:8px var(--mono);letter-spacing:.3px;color:#b4b5ae;white-space:nowrap}.phone-field>small{display:block;font-size:10px;color:#a0a199;padding:6px 1px 0}.call-brief{margin-top:19px;border:1px solid #e8ecdf;background:#f7f8f3;border-radius:7px;display:flex;align-items:center;gap:11px;padding:11px 12px}.brief-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;background:#e8eddf;color:#71865f;font-size:14px}.call-brief strong{font-size:11px;color:#555c4f}.call-brief p{font-size:10px;color:#94968d;margin-top:4px}.brief-time{margin-left:auto;color:#a0a496;font:9px var(--mono);white-space:nowrap}.consent-row{display:flex;align-items:flex-start;gap:9px;position:relative;margin-top:16px;color:#777b71;font-size:10px;line-height:1.5;cursor:pointer}.consent-row input{position:absolute;opacity:0;pointer-events:none}.custom-check{flex:0 0 14px;height:14px;border:1px solid #c9cbc2;border-radius:3px;background:#fff;margin-top:0}.consent-row input:checked+.custom-check{background:var(--green);border-color:var(--green)}.consent-row input:checked+.custom-check:after{content:'✓';color:white;display:block;text-align:center;font-size:10px;line-height:12px}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #efeee9;margin-top:17px;padding-top:15px}.disclosure{display:flex;align-items:flex-start;gap:7px;color:#a0a198;font-size:9px;line-height:1.45;max-width:255px}.disclosure-icon{font-size:13px;color:#9ba18e}.call-button{display:flex;align-items:center;gap:11px;border:0;border-radius:6px;background:var(--green);color:white;padding:0 13px;height:39px;font:600 12px var(--sans);cursor:pointer;transition:background .15s,transform .15s;white-space:nowrap}.call-button:hover{background:var(--green-dark);transform:translateY(-1px)}.call-button:disabled{opacity:.65;cursor:wait;transform:none}.button-icon{font-size:14px;color:#dce8ce}.button-arrow{color:#a9bd9d;margin-left:6px}.form-message{font-size:11px;color:#ad614c;padding-top:0;height:0;overflow:hidden}.form-message.visible{height:auto;padding-top:9px}.form-message.success{color:#4f744f}.side-column{display:flex;flex-direction:column;gap:13px}.agent-card{background:#f7f7f2;text-align:center;padding:15px 18px 17px;position:relative;overflow:hidden}.agent-top{display:flex;justify-content:space-between;color:#989b91;font-size:9px;position:relative;z-index:1}.agent-status{color:#6d8a64;font-size:8px;display:flex;align-items:center;gap:6px}.agent-status i{width:5px;height:5px;box-shadow:none}.agent-avatar{width:66px;height:66px;margin:17px auto 10px;border-radius:50%;display:grid;place-items:center;background:#e6eadf;border:1px solid #dbe2d1;position:relative}.agent-avatar:before,.agent-avatar:after{content:'';position:absolute;border:1px solid #e1e5d9;border-radius:50%;inset:-7px}.agent-avatar:after{inset:-13px;border-style:dashed;opacity:.7}.sound-wave{display:flex;align-items:center;gap:3px;height:22px}.sound-wave i{width:3px;border-radius:4px;background:#66805f;height:8px}.sound-wave i:nth-child(2),.sound-wave i:nth-child(6){height:14px}.sound-wave i:nth-child(3),.sound-wave i:nth-child(5){height:20px}.sound-wave i:nth-child(4){height:12px}.agent-card h3{font:700 15px var(--display);letter-spacing:-.3px}.agent-card>p{color:#92948a;font-size:10px;line-height:1.5;margin-top:5px}.agent-meta{border-top:1px solid #e8e8e1;margin-top:13px;padding-top:11px;display:grid;grid-template-columns:1fr 1fr;row-gap:6px;text-align:left}.agent-meta span{font:9px var(--mono);color:#a0a296}.agent-meta strong{text-align:right;color:#61675a;font-size:10px;font-weight:600}.questions-card{padding:15px 16px 12px}.questions-head{display:flex;justify-content:space-between;color:#999c91;font-size:9px}.questions-head span:last-child{color:#b2b4a9;font-size:8px}.questions-card ol{list-style:none;margin:10px 0 10px;padding:0}.questions-card li{display:flex;align-items:center;gap:11px;border-bottom:1px solid #f0efe9;padding:7px 0;color:#5d6258;font-size:10px}.questions-card li:last-child{border:0}.questions-card li span{color:#a2aa98;font:9px var(--mono)}.questions-foot{border-top:1px solid #efeee9;padding-top:10px;color:#989a90;font-size:9px}.tiny-spark{color:#a1ad88;margin-right:5px}.history-section{padding-top:26px}.history-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:11px}.history-heading h2{font-size:18px}.history-count{color:#9a9b92;font-size:9px}.history-list{border:1px solid #e6e4dd;border-radius:9px;background:#fff;overflow:hidden}.empty-state{min-height:72px;display:flex;align-items:center;gap:12px;padding:15px 18px;color:#a4a69e}.empty-state>span{font-size:18px;color:#929d86}.empty-state strong{font-size:11px;color:#74786e;font-weight:600}.empty-state p{font-size:10px;margin-top:4px}.call-row{display:flex;align-items:center;gap:12px;padding:12px 17px;border-bottom:1px solid #f0efe9}.call-row:last-child{border-bottom:0}.call-row .call-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#edf0e8;color:#74856a;font-size:12px}.call-info{min-width:0}.call-info strong{display:block;font-size:11px;color:#565b52}.call-info small{display:block;color:#a0a198;font-size:10px;margin-top:3px}.call-result{margin-left:auto;font:9px var(--mono);color:#71866a;white-space:nowrap}.call-date{font:9px var(--mono);color:#a1a299;white-space:nowrap}.page-footer{display:flex;justify-content:space-between;color:#aaaca3;font-size:8px;padding:25px 0 20px;letter-spacing:.6px}.page-footer i{font-style:normal;color:#b6bdab}.toast{position:fixed;right:24px;bottom:24px;background:#27392b;color:#fff;border-radius:8px;padding:12px 16px;font-size:12px;box-shadow:0 6px 24px #1d261d2e;opacity:0;transform:translateY(8px);transition:all .2s;pointer-events:none;z-index:10}.toast.visible{opacity:1;transform:translateY(0)}
@media(max-width:1050px){.main-content{padding:0 27px}.sidebar{width:205px}.main-content{margin-left:205px}.work-grid{grid-template-columns:minmax(390px,1.4fr) minmax(230px,.8fr);gap:13px}.call-card{padding:20px}.phone-format{display:none}}@media(max-width:760px){.sidebar{width:60px;padding:20px 8px}.brand{padding:0;justify-content:center}.brand>span:nth-child(2),.workspace-label,.nav-item:not(.active),.nav-item.active{font-size:0}.nav-item{justify-content:center;padding:0}.nav-icon{font-size:17px}.nav-count,.sidebar-bottom .sidebar-card,.profile>div:not(.avatar),.profile .more{display:none}.profile{justify-content:center;padding:14px 0 0}.main-content{margin-left:60px;padding:0 18px}.page-heading{padding:27px 0 22px}.heading-mark{display:none}.work-grid{grid-template-columns:1fr}.side-column{display:grid;grid-template-columns:1fr 1fr}.agent-card{padding:15px 10px}.questions-card{padding:14px 12px}.agent-meta{grid-template-columns:1fr 1fr}.questions-card li{gap:7px}.call-card{padding:19px 16px}.page-footer{font-size:7px}.page-footer span:last-child{max-width:145px;text-align:right}}@media(max-width:480px){h1{font-size:27px}.main-content{padding:0 13px}.side-column{grid-template-columns:1fr}.agent-card{display:none}.field-row{grid-template-columns:1fr}.field-row .field+ .field{margin-top:2px}.form-footer{align-items:flex-end}.disclosure{max-width:175px}.call-button{height:37px;padding:0 10px;gap:7px}.step-pill{font-size:8px;padding:6px}.date-label{display:none}.call-date{display:none}}
.call-entry{border-bottom:1px solid #f0efe9}.call-entry:last-child{border-bottom:0}.call-entry .call-row{border:0}.transcript-toggle{margin-left:4px;padding:6px 9px;border:1px solid #e5e8df;border-radius:5px;background:#f8f9f5;color:#62775c;font:10px var(--sans);cursor:pointer;white-space:nowrap}.transcript-toggle:hover{background:#edf1e8}.transcript-panel{padding:0 18px 14px 59px}.transcript-panel[hidden]{display:none}.transcript-state{color:#92958c;font-size:11px;padding:7px 0}.transcript-line{padding:9px 0;border-top:1px solid #f0efe9}.transcript-line>span{display:block;color:#71816b;font:9px var(--mono);letter-spacing:.2px}.transcript-line time{color:#a5a79e;margin-left:6px}.transcript-line p{margin-top:4px;color:#555a52;font-size:11px;line-height:1.5;white-space:pre-wrap}@media(max-width:760px){.transcript-panel{padding-left:17px}.call-row{flex-wrap:wrap}.transcript-toggle{margin-left:auto}}
.call-type-field{margin-top:16px}.field select{height:41px;width:100%;padding:0 12px;border:1px solid #e5e4de;border-radius:6px;background:#fff;color:#33392f;font:13px var(--sans);outline:none}.field select:focus{border-color:#829778;box-shadow:0 0 0 3px #edf2e9}.field select option:disabled{color:#aaa}
.rowing-card{background:#f8f8f4}.rowing-card>strong{display:block;margin-top:12px;color:#59634f;font:700 12px var(--display)}.rowing-card>p{margin-top:5px;color:#909389;font-size:10px;line-height:1.5}.rowing-profiles{display:grid;gap:12px;margin-top:12px}.rowing-person{padding-top:10px;border-top:1px solid #eeeee8}.rowing-person-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.rowing-person-head strong{color:#59634f;font:700 11px var(--display)}.rowing-person-head span{color:#8b927f;font:8px var(--mono);letter-spacing:.5px}.rowing-person>p{margin-top:4px;color:#909389;font-size:10px;line-height:1.5}.rowing-workout{margin-top:7px;color:#77836e;font:9px var(--mono);line-height:1.6}
