:root{font-family:Segoe UI,Arial,sans-serif;color:#132a30;background:#f0f4f3;font-size:16px}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header{height:86px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:#132a30;color:white}.brand{font-size:22px;font-weight:700;display:flex;gap:10px;align-items:center;color:inherit;text-decoration:none}.brand img{width:40px}.brand span{font-weight:400;color:#c6dcda}#account{display:flex;align-items:center;gap:12px}header button{color:white!important}main{max-width:1240px;padding:35px 24px 60px;margin:auto}h1{font-size:38px;letter-spacing:-1.1px;line-height:1.15;margin:10px 0 15px}h2{font-size:21px;margin:0 0 12px}p{line-height:1.55}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#50716e;margin:0}.intro{display:flex;justify-content:space-between;align-items:center;margin:12px 0 28px}.intro p{margin-bottom:0}.badge{font-size:12px;padding:8px 12px;border-radius:22px;background:#e2edeb;white-space:nowrap;color:#375c57}.card{padding:28px;background:white;border:1px solid #dfe8e5;border-radius:18px;box-shadow:0 4px 15px #17362f04}.grid{display:grid;grid-template-columns:1.08fr 1fr;gap:22px}.section-heading{display:flex;justify-content:space-between;align-items:start}.step{color:#bccbc7;font-size:22px;font-weight:600}.login{max-width:500px;margin:45px auto;padding:40px}.login p,.login small{color:#617470}.login small{display:block;line-height:1.6;margin-top:24px}form{display:grid;gap:15px}label{display:grid;gap:7px;font-size:13px;font-weight:600}input,textarea,select{font:inherit;border:1px solid #ccd9d5;border-radius:9px;padding:12px;color:#132a30;width:100%;background:#fbfdfc}input:focus,textarea:focus,select:focus{outline:2px solid #73bca7;outline-offset:1px}textarea{resize:vertical;min-height:95px}input[type=checkbox]{width:17px;height:17px;accent-color:#18775f}button{font:inherit;font-size:14px;cursor:pointer;border:0;border-radius:9px;padding:12px 17px;font-weight:600}button:disabled{cursor:not-allowed;opacity:.45}.primary{color:white;background:#17745d}.secondary{color:#185a4b;background:#e2f0eb}.danger{background:#b43c4d;color:white}.quiet{background:transparent;color:#56716a;padding:8px;font-size:12px}.actions{display:flex;gap:10px;margin-top:9px}.actions button{flex:1}.subtle{font-size:12px;color:#697d77;line-height:1.6}.inline{display:flex;align-items:center;gap:18px}.inline label{min-width:165px}.check{display:flex;align-items:center;gap:10px}.list{margin-top:17px;display:grid;gap:10px}.row{padding:13px 0;border-top:1px solid #e8eeeb;display:flex;gap:10px;align-items:start}.row .grow{flex:1;min-width:0;overflow-wrap:anywhere}.row strong{font-size:14px}.row small{display:block;line-height:1.5;color:#687c75;margin-top:4px}.row .check{align-items:start;font-size:14px}.row .check input{flex-shrink:0}.empty{font-size:13px;color:#82928c;padding:15px 0}.compact-form{display:flex;align-items:end;gap:10px;margin-top:15px}.compact-form label{flex:1;min-width:0}.compact-form button{white-space:nowrap}.admin{margin-top:26px}details{margin-top:24px}summary{font-weight:600;cursor:pointer;padding:10px 0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}#message{border-radius:10px;padding:15px 18px;margin-bottom:20px;background:#fff0d6;color:#755320;overflow-wrap:anywhere}#message.success{background:#ddefe5;color:#205a45}.credential{padding:16px;background:#fff4d9;border-radius:10px;overflow-wrap:anywhere;margin-top:15px;white-space:pre-wrap}.user-row{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:center}.user-row label{font-weight:400}.live-state{display:flex;align-items:center;gap:10px;margin-top:25px}.live-dot{width:10px;height:10px;border-radius:50%;background:#2ba676}footer{margin-top:30px;color:#71817b;font-size:12px;line-height:1.8}footer a{color:#17745d;margin-left:8px}@media(max-width:800px){header{padding:0 20px;height:74px}.brand{font-size:18px}.brand span{display:none}#username{display:none}main{padding:25px 16px}.intro{display:block}.intro .badge{display:inline-block;margin-top:18px}h1{font-size:30px}.grid{grid-template-columns:1fr}.card{padding:22px}.login{padding:28px;margin:20px auto}.compact-form{flex-wrap:wrap}.compact-form button{width:100%}.settings-grid{grid-template-columns:1fr}.user-row{grid-template-columns:1fr}.inline{align-items:start}.actions{flex-direction:column}}

/* One workspace with a company table and conversation tools. */
:root{color:#202238;background:#f5f6fa}header{background:white;color:#252841;border-bottom:1px solid #e5e7ef;height:74px}.brand span{color:#7c7f96}header button{color:#52566e!important}main{max-width:1440px}#workspace{padding-left:180px}.workspace-nav{position:fixed;top:115px;left:max(24px,calc((100vw - 1392px)/2));width:165px;display:grid;gap:8px}.workspace-nav strong{font-size:11px;color:#9295a9;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.workspace-nav a{font-size:13px;color:#656b83;text-decoration:none;border-radius:8px;padding:11px 9px}.workspace-nav a:hover,.workspace-nav a:focus{background:#ebeaff;color:#5750cf}.card{border-radius:12px;box-shadow:none;border-color:#e6e8f0;padding:24px}.primary{background:#6157e8}.secondary{background:#eeedff;color:#5149bd}.badge{background:#eeedff;color:#5750bb}input:focus,textarea:focus,select:focus{outline-color:#b4adff}input[type=checkbox]{accent-color:#6157e8}input,textarea,select{background:white;border-color:#dfe2ec;color:#292d45}.eyebrow{color:#827ba7}.step{display:none}.intro h1{font-size:31px}.company-table{overflow:auto;margin-top:20px}.company-table table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.company-table th{color:#7a7f95;font-size:11px;font-weight:600;background:#f8f9fc;padding:12px}.company-table td{padding:12px;border-bottom:1px solid #edeef4;vertical-align:top}.company-table tr.selected{background:#f1f0ff}.company-table td small{display:block;color:#8b8fa2;margin-top:4px}.company-table .quiet{color:#6157e8;white-space:nowrap}audio{width:100%;max-width:360px;margin-top:10px}.transcript{white-space:pre-wrap;font-size:12px;max-height:260px;overflow:auto}.crm-summary{background:#f5f3ff;padding:10px;border-radius:7px}.list{max-height:420px;overflow:auto}section[id]{scroll-margin-top:20px}.company-table+ .actions{align-items:center}footer a{color:#6157e8}@media(max-width:1000px){#workspace{padding-left:0}.workspace-nav{position:static;display:flex;overflow:auto;width:auto;margin-bottom:20px;gap:6px}.workspace-nav strong{display:none}.workspace-nav a{white-space:nowrap;background:white;border:1px solid #e6e8f0}.company-table th,.company-table td{padding:9px}}

#crm-note-form,#dialer{scroll-margin-top:85px}.company-table tbody tr:hover,.company-table tbody tr:focus{background:#f0ebff;outline:2px solid #b7a0ed}#crm-call-selected{margin-bottom:20px}

.phone-screen{margin:24px 0;scroll-margin-top:85px}.phone-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.phone-toolbar h2{margin-right:auto}.phone-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,1fr);gap:24px;align-items:start}.phone-customer .dialer{box-shadow:none;padding:20px 0 0;margin-top:20px;border-top:1px solid #e4deee}.phone-customer .settings-grid{gap:10px}.calendar-slots{display:grid;grid-template-columns:repeat(5,minmax(65px,1fr));gap:6px;overflow:auto;margin-bottom:20px}.calendar-day{display:flex;flex-direction:column;gap:5px}.calendar-day strong{font-size:12px;text-align:center}.calendar-slot{padding:7px 4px;font-size:12px;background:#eee8fa;color:#503187;border-radius:6px;border:1px solid #d2c4eb}.calendar-slot:disabled{background:#f1f1f1;color:#aaa;border-color:#eee}.calendar-slot.chosen{background:#7543c4;color:white}.phone-booking{position:sticky;top:85px}#phone-customer-links a{display:inline-block;margin-bottom:12px}.phone-screen textarea{min-height:80px}@media(max-width:900px){.phone-columns{grid-template-columns:1fr}.phone-booking{position:static}}

.calendar-slots{max-height:250px;overflow-y:auto}#crm-note-form{margin-top:14px}.phone-customer label{margin-bottom:10px}.phone-customer #crm-notes{min-height:100px}.phone-booking #appointment-form{margin-top:22px}

.phone-columns.without-calendar{grid-template-columns:minmax(0,1fr)}#phone-booking-panel[hidden]{display:none!important}

.finance-payment{display:inline-block;padding:10px 16px;border-radius:9px;background:#eef0ff;color:#3e36a8;font-weight:600;text-decoration:none;margin:6px 0 12px}.finance-payment:hover{background:#e1e4ff}.finance-payment:focus-visible{outline:3px solid #6552db;outline-offset:3px}

#workspace.finance-view > :not(.workspace-nav):not(#finance-panel){display:none!important}.workspace-nav a[aria-current="page"]{background:#ebeaff;color:#5750cf;font-weight:600}

.service-workspace h2{margin:0}.service-console{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;margin:24px 0 32px}.service-call{display:flex;align-items:center;justify-content:center;flex-direction:column;background:#f6f7fb;border:1px solid #e3e6ef;border-radius:14px;min-height:245px;padding:24px;gap:12px}.service-phone-icon{font-size:40px;color:#5850cf}.service-call>strong{font-size:20px}.service-call-buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:12px}.service-call-buttons a{display:inline-flex;align-items:center;border-radius:9px;padding:12px 18px;text-decoration:none;background:#5850cf;color:white;font-weight:600}.service-call small{font-size:12px;color:#697386}.service-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.service-tools a{border:1px solid #e3e6ef;background:white;border-radius:12px;padding:19px;color:#283449;display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:600}.service-tools a:hover{background:#f1f0ff;border-color:#9c95e5}.service-tools a span{color:#5850cf;font-size:24px}.service-history-labels,.service-history-row{display:grid;grid-template-columns:1fr 1fr 2fr;gap:18px;padding:14px 12px}.service-history-labels{font-size:12px;color:#697386;border-bottom:1px solid #dfe4ec}.service-history-row{border-bottom:1px solid #edf0f5;align-items:start}.service-history-row p{margin:0}.service-history-heading h3{margin:0}@media(max-width:700px){.service-console{grid-template-columns:1fr}.service-history-labels{display:none}.service-history-row{grid-template-columns:1fr}.service-workspace .badge{max-width:150px}}

.service-tools button{border:1px solid #e3e6ef;background:white;border-radius:12px;padding:19px;color:#283449;display:flex;align-items:center;gap:12px;text-align:left;font-weight:600}.service-tools button:hover{background:#f1f0ff;border-color:#9c95e5}.service-tools button span{color:#5850cf;font-size:24px}#service-inline{border-top:1px solid #e3e6ef;padding-top:20px;margin-bottom:28px}#service-inline-content>.card{box-shadow:none;border:0;padding:0}.service-call-buttons button[data-service-panel]{background:#5850cf;color:white}

#service-recordings-nav{background:#ebeaff;color:#5750cf;border:1px solid #dcd8ff;white-space:nowrap;font-weight:600}#service-recordings-section{scroll-margin-top:20px}.service-history-row audio{display:block;width:100%;margin-top:10px}

#service-recordings-nav{display:flex;align-items:center;justify-content:flex-start;min-height:44px;width:100%;font-size:14px;padding:11px 9px}#service-history{max-height:none;overflow:visible}.service-history-row{overflow-wrap:anywhere}.service-history-heading{margin-top:22px}.service-workspace>.section-heading{gap:12px;flex-wrap:wrap}.service-workspace .badge{white-space:normal}.service-call-buttons>*{min-height:44px}.service-tools button{min-height:58px}@media(max-width:1000px){.workspace-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.workspace-nav a{white-space:normal}.workspace-nav label{grid-column:1/-1;display:flex;align-items:center;gap:12px}.workspace-nav select{width:auto;max-width:180px}#service-recordings-nav{width:auto}}@media(max-width:500px){.workspace-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.service-call-buttons{flex-direction:column;width:100%}.service-tools button{padding:12px;font-size:13px}.service-workspace .badge{max-width:100%}}

.service-history-labels,.service-history-row{grid-template-columns:1fr 1fr 1.5fr 1.5fr}.service-recording-cell{display:flex;flex-direction:column;gap:10px}.service-recording-cell audio{width:100%;min-width:190px}#service-greeting{background:#f4f6fa}#service-agent-instructions{width:100%;margin-top:12px}@media(max-width:900px){.service-history-row{grid-template-columns:1fr}.service-history-labels{display:none}}