:root{--green:#24594c;--deep:#183c33;--ink:#243b34;--muted:#7c8781;--line:#e6e9e3;--bg:#f7f8f4;--white:#fff;--soft:#edf2eb;--orange:#c38753;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bdcdb5;outline-offset:3px}[hidden]{display:none!important}.brand{display:flex;align-items:center;gap:10px;font-size:28px;font-weight:650;letter-spacing:-1.2px}.brand-mark{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--green);color:#fff;font:italic 34px Georgia,serif;padding-bottom:7px;letter-spacing:-3px}.brand-sub{font-size:13px;letter-spacing:0;font-weight:450;color:var(--muted);border-left:1px solid var(--line);padding-left:11px;margin-left:2px}.workspace{display:flex;min-height:100vh;background:var(--bg)}.sidebar{width:246px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;background:#fdfefa;border-right:1px solid var(--line);padding:33px 23px 20px;z-index:5}.sidebar>.brand{margin:0 10px 49px}.workspace-label{font-size:9px;letter-spacing:1.8px;font-weight:700;color:#929a91;margin:0 14px 15px}.nav-overview{display:flex;align-items:center;width:100%;gap:12px;border:0;background:transparent;text-align:left;padding:13px 15px;border-radius:7px;color:#54645b;font-size:12px;font-weight:600}.nav-overview.active{background:#e9f0e5;color:var(--deep)}.nav-overview>span:first-child{font-size:19px}.nav-arrow{margin-left:auto;color:#759775}.lines-label{margin-top:36px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.4px}.lines-label>span{letter-spacing:0}.business-nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:13px 12px;margin:3px 0;border:1px solid transparent;border-radius:7px;background:transparent;text-align:left;color:#4e6057}.business-nav-item.active{background:#eef2e9;border-color:#dce5d7}.business-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.business-nav-item strong{display:block;font-size:12px;font-weight:550;margin-bottom:4px}.business-nav-item small{display:block;font-size:10px;letter-spacing:.2px;color:#8b948b}.business-nav-item>span:last-child{margin-left:auto;font-size:10px;color:#89978a}.sidebar-bottom{margin-top:auto;padding-top:32px}.sync-indicator{display:flex;gap:9px;padding:17px 9px 22px;font-size:10px;line-height:1.5}.sync-indicator>i,.region-label>i{width:6px;height:6px;border-radius:50%;background:#6c9874;margin-top:4px;flex-shrink:0}.sync-indicator small{display:block;font-size:9px;color:#9aa296}.account-button{display:flex;align-items:center;gap:9px;border:0;border-top:1px solid var(--line);width:100%;background:none;text-align:left;padding:21px 0 0;font-size:11px}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e8ebdf;color:#60714f;font-size:10px;font-weight:600}.account-button small{display:block;font-size:9px;color:#92988d;max-width:135px;overflow:hidden;text-overflow:ellipsis;padding-top:4px}.logout-icon{margin-left:auto;color:#9aa293}.main{margin-left:246px;width:calc(100% - 246px)}.topbar{height:77px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 43px;background:#fbfcf8;font-size:11px;color:#617265}.breadcrumb{font-size:9px;font-weight:600;letter-spacing:1.3px;color:#929e91}.breadcrumb-separator{padding:0 16px;color:#b9c0b4}.region-label{display:flex;gap:7px;color:#929c90;font-size:10px}.page-content{max-width:1600px;margin:auto;padding:43px 43px 25px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:34px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:650;color:#7d9179}.page-heading h1{font-size:38px;font-weight:450;letter-spacing:-1.8px;margin:10px 0 9px}.page-heading h1>span{color:var(--orange)}.page-heading p{font-size:12px;color:#8d968a;margin:0}.heading-actions{display:flex;gap:9px;margin-top:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 16px;border-radius:5px;border:1px solid var(--line);font-size:11px;font-weight:550;white-space:nowrap;min-height:38px}.button span{font-size:16px;font-weight:400}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:var(--deep)}.secondary{background:#fdfefa;color:#69796a}.secondary:hover{background:#edf2e8}.refresh-icon{display:inline-block}.is-loading .refresh-icon{animation:spin 1s linear infinite}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:37px}.summary-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px 21px 18px;min-height:148px}.stat-label{font-size:10px;display:flex;justify-content:space-between;align-items:center;color:#7c887b}.stat-label>span{font-size:15px;color:#98a48f}.summary-card>strong{display:block;font-size:36px;font-weight:450;letter-spacing:-1.5px;margin:14px 0 8px;line-height:1.05}.summary-card>small{font-size:9px;color:#9ca393}.accent-card{background:#ebf0e4;border-color:#dce5d3}.accent-card>strong>span{font-size:12px;letter-spacing:0;color:#6f8268;font-weight:400;margin-left:6px}.call-section{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.section-heading{padding:25px 24px 22px;display:flex;align-items:center;justify-content:space-between}.section-heading h2{font-size:16px;font-weight:550;margin:0;letter-spacing:-.3px;display:flex;align-items:center;gap:8px}.count-pill{display:inline-block;min-width:23px;padding:3px 7px;background:#f0f3ec;color:#7e8f76;font-size:9px;border-radius:4px;text-align:center}.section-heading p{font-size:10px;color:#9ba28f;margin:8px 0 0}.time-note{font-size:9px;color:#98a18f;white-space:nowrap}.time-note span{padding-left:5px}.filters{display:flex;align-items:center;gap:8px;padding:0 24px 22px}.search-box{display:flex;align-items:center;gap:8px;min-width:180px;flex:1;border:1px solid var(--line);border-radius:5px;padding:8px 10px;height:36px;color:#a4ac9b}.search-box>span{font-size:20px;line-height:15px}.search-box input{width:100%;border:0;background:none;outline:none;font-size:10px;color:var(--ink)}.search-box input::placeholder{color:#a0a995}.search-box kbd{font-size:9px;background:#f8f9f5;border:1px solid #edf0e7;border-radius:3px;min-width:15px;text-align:center}.filter-select select{height:36px;font-size:10px;border:1px solid var(--line);border-radius:5px;padding:0 25px 0 10px;color:#77846e;background:#fff;max-width:150px;cursor:pointer}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}thead{background:#f8faf5}th{font-size:8px;font-weight:650;color:#95a18e;letter-spacing:1px;padding:13px 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}th:first-child,td:first-child{padding-left:24px}th:last-child,td:last-child{padding-right:24px;width:30px}td{padding:18px;font-size:11px;color:#6a7b68;border-bottom:1px solid #f0f2ec}.call-row{cursor:pointer}.call-row:hover{background:#fbfcf8}.caller-cell{display:flex;align-items:center;gap:10px;color:#425844;font-weight:550}.call-icon{width:30px;height:30px;border:1px solid #e7eddf;background:#f5f8ef;border-radius:50%;display:grid;place-items:center;color:#8a9b77;font-size:14px}.cell-primary{display:block;font-size:10px;color:#64775f}.cell-secondary{display:block;font-size:9px;color:#a2aa98;margin-top:5px}.business-cell{display:flex;align-items:center;gap:7px}.business-cell .business-dot{width:6px;height:6px}.business-cell>div>span:first-child{font-size:10px}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:4px;background:#eff5eb;font-size:8px;color:#759069}.badge:before{content:"";height:4px;width:4px;border-radius:50%;background:currentColor}.badge.in-progress{background:#fff4df;color:#b48943}.badge.logged{background:#f1f2ee;color:#939b88}.listen-button{display:inline-flex;align-items:center;gap:6px;border:1px solid #e0e8d8;background:#fbfdf8;border-radius:4px;padding:6px 9px;font-size:9px;color:#6e8661}.listen-button:hover{background:#e9f1e1}.listen-button>span{font-size:8px}.no-recording{font-size:9px;color:#b3b9aa}.row-arrow{color:#a2b195;font-size:15px}.table-footer{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:12px 24px;font-size:9px;color:#a1ab98;gap:10px}.text-button{border:0;background:none;color:#66805d;font-size:11px;padding:8px 0;text-decoration:none}.text-button:hover{text-decoration:underline}.page-footer{display:flex;justify-content:space-between;gap:20px;font-size:7px;letter-spacing:1.4px;color:#a9b19e;padding:24px 0}.page-footer>span:last-child{letter-spacing:.2px;font-size:8px}.page-footer i{display:inline-block;width:3px;height:3px;border-radius:50%;background:#b9c0af;margin:2px 8px}.empty-state{text-align:center;padding:58px 20px}.empty-state>span{font-size:34px;color:#a4b492}.empty-state h3{font-size:15px;font-weight:500}.empty-state p{font-size:11px;color:#9aa58d}.loading-state{display:flex;align-items:center;justify-content:center;gap:10px;padding:50px;color:#87977e;font-size:12px}.spinner{display:inline-block;width:17px;height:17px;border:2px solid #e0e8da;border-top-color:#618c65;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.data-error{margin:0 24px 20px;padding:13px 16px;background:#fff4ee;color:#a96848;font-size:12px;border:1px solid #f1dccc;border-radius:5px}.custom-dates{display:flex;align-items:center;gap:12px;padding:0 24px 20px;font-size:11px}.custom-dates label{display:flex;gap:8px;align-items:center}.custom-dates input{padding:8px;border:1px solid var(--line);border-radius:5px;color:#697d63}.drawer-backdrop{position:fixed;inset:0;background:#17291f55;z-index:10;backdrop-filter:blur(2px)}.call-drawer{position:fixed;right:0;top:0;bottom:0;width:460px;max-width:100vw;background:#fbfcf8;z-index:11;box-shadow:-10px 0 60px #10251818;overflow:auto}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:25px 28px;border-bottom:1px solid var(--line)}.icon-button{border:1px solid var(--line);background:#fff;border-radius:50%;height:29px;width:29px;color:#829178;font-size:22px;line-height:22px}#detail-content{padding:28px}.detail-hero{padding-bottom:27px;border-bottom:1px solid var(--line)}.detail-hero>.call-icon{height:46px;width:46px;font-size:22px;margin-bottom:17px}.detail-hero h2{font-size:27px;font-weight:450;letter-spacing:-.8px;margin:0 0 10px}.detail-hero p{color:#8a9980;font-size:12px}.detail-section{padding:23px 0;border-bottom:1px solid var(--line)}.detail-section h3{font-size:10px;font-weight:650;letter-spacing:1.3px;color:#879679;margin:0 0 20px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px}.detail-grid dt{font-size:9px;color:#9aa58d;margin-bottom:7px}.detail-grid dd{margin:0;font-size:12px;color:#4d6446;overflow-wrap:anywhere}.detail-grid .span-two{grid-column:span 2}.contact-id{font-family:ui-monospace,monospace;font-size:10px!important}.recording-card{border:1px solid #dfe7d7;background:white;border-radius:8px;padding:16px;margin-bottom:12px}.recording-card h4{font-size:12px;margin:0 0 6px;font-weight:500}.recording-card p{font-size:9px;color:#a0aa92;margin:0 0 14px}.recording-card audio{width:100%;height:36px}.recording-notice{font-size:10px;color:#9ba88f;line-height:1.7}.audio-error{font-size:11px;color:#a35d40}.toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);max-width:calc(100vw - 40px);z-index:20;background:#244b3b;color:#fff;padding:14px 22px;border-radius:6px;font-size:12px;box-shadow:0 6px 30px #203c2420}.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}.login-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#f8faf5}.login-story{background:#1c3e34;color:#f2f4e8;padding:48px 60px;min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-story:after{content:"";position:absolute;width:580px;height:580px;border:1px solid #ffffff0a;border-radius:50%;bottom:-390px;right:-180px;box-shadow:0 0 0 60px #ffffff03,0 0 0 120px #ffffff03,0 0 0 180px #ffffff02}.login-story .brand-mark{background:#e1e9ce;color:#264c3c}.login-story .brand-sub{color:#b1c0a8;border-color:#47604e}.story-copy{margin:auto 0;padding:80px 0}.story-copy .eyebrow{color:#a9bc96;font-size:9px}.story-copy h1{font-size:clamp(36px,4vw,64px);font-weight:400;line-height:1.22;letter-spacing:-2.5px;margin:26px 0}.story-copy h1 em{font-family:Georgia,serif;font-weight:400;color:#c2d0a7}.story-copy>p{color:#b3c1ab;max-width:290px;font-size:13px;line-height:1.8}.story-lines{display:flex;gap:23px;margin-top:35px;font-size:10px;color:#b9c7ac}.story-lines span{display:flex;align-items:center;gap:7px}.story-lines i{width:5px;height:5px;background:#98b282;border-radius:50%}.login-story footer{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.6px;color:#91a68a;z-index:1}.login-form-area{display:flex;align-items:center;justify-content:center;padding:48px}.login-card{width:100%;max-width:345px}.login-card h2{font-size:28px;font-weight:450;letter-spacing:-1px;margin:16px 0 12px}.login-card>p{font-size:12px;color:#93a087;line-height:1.8}.login-card form{margin-top:33px}.login-card label{display:block;font-size:11px;color:#718264;margin-bottom:9px}.login-card input{border:1px solid #dfe6d6;background:#fff;border-radius:5px;padding:13px 14px;width:100%;color:#395438;font-size:12px;margin-bottom:22px}.login-card input::placeholder{color:#b0b9a4}.login-card small{display:block;margin:-8px 0 20px;color:#9baa8c;font-size:10px;line-height:1.6}.full{width:100%;justify-content:space-between;padding:13px 17px;font-size:12px}.login-card>.text-button{display:block;margin:16px auto 0;font-size:11px}.login-card .private-note{font-size:9px;color:#a6af9b;margin-top:43px;text-align:center}.private-note span{margin-right:5px}.form-message{padding:12px;background:#f6e9dc;color:#a16a42;font-size:11px;line-height:1.6;border-radius:5px}.form-message.success{background:#eaf1e1;color:#617d4e}@media(min-width:1550px){.page-content{padding-top:55px}.summary-card{min-height:170px;padding:25px}.summary-card>strong{font-size:42px;margin:18px 0 12px}td{padding-top:21px;padding-bottom:21px}}@media(max-width:1150px){.sidebar{width:210px;padding-left:15px;padding-right:15px}.main{margin-left:210px;width:calc(100% - 210px)}.topbar{padding:0 27px}.page-content{padding:35px 27px 20px}.page-heading h1{font-size:33px}.summary-grid{gap:10px}.summary-card{padding:18px 15px}.filters{flex-wrap:wrap}.search-box{flex-basis:100%;margin-bottom:1px}.filter-select{flex:1}.filter-select select{width:100%;max-width:none}td,th{padding-left:14px;padding-right:14px}.login-story{padding:40px}.story-copy h1{font-size:47px}}@media(max-width:800px){.sidebar{width:74px;padding:25px 11px}.sidebar>.brand{font-size:0;gap:0;margin:0 auto 35px}.sidebar .brand-sub,.workspace-label,.nav-overview,.business-nav-item strong,.business-nav-item small,.business-nav-item>span:last-child,.sync-indicator,.account-button>span:not(.avatar){display:none}.business-nav-item{height:45px;padding:0;justify-content:center;margin:10px 0}.business-nav-item .business-dot{width:12px;height:12px}.sidebar-bottom{padding-top:0}.account-button{justify-content:center}.main{margin-left:74px;width:calc(100% - 74px)}.page-content{padding:27px 22px}.topbar{height:63px;padding:0 22px}.page-heading{align-items:flex-start;flex-direction:column;gap:0;margin-bottom:24px}.heading-actions{margin-top:20px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:25px}.summary-card{min-height:132px}.summary-card>strong{font-size:31px}.section-heading{padding:22px 18px}.time-note{display:none}.filters{padding:0 18px 18px}.page-footer{font-size:6px;letter-spacing:.8px}.page-footer>span:first-child{display:none}.login-screen{grid-template-columns:1fr}.login-story{display:none}.login-form-area{min-height:100vh;padding:32px}.login-card:before{content:"baio calls";display:block;color:#285442;font-size:24px;letter-spacing:-1px;margin-bottom:60px}.custom-dates{flex-wrap:wrap}.breadcrumb{font-size:8px}.region-label{font-size:8px}}@media(max-width:480px){.page-content{padding:25px 14px}.topbar{padding:0 15px}.region-label{display:none}.page-heading h1{font-size:30px}.page-heading p{font-size:10px}.eyebrow{font-size:8px}.filter-select{flex-basis:42%}.section-heading h2{font-size:14px}.section-heading p{font-size:9px}.summary-card{padding:16px 12px}.stat-label{font-size:9px}.stat-label>span{font-size:12px}.summary-card>small{font-size:8px}.accent-card>strong>span{font-size:9px}.table-footer{padding:12px 17px}.call-drawer{width:100vw}.account-button .avatar{width:29px;height:29px}}
:root .business-dot.clearo{background:#368e75}:root .business-dot.tvmounts{background:#b47734}:root .business-dot.setupcrew{background:#7971bc}:root .business-dot.truesurveying{background:#488ca8}:root .business-dot.baioweb{background:#b86677}.drawer-open{overflow:hidden}
