.customer-open{border:0;background:transparent;color:#645bdd;font-size:9px;cursor:pointer;white-space:nowrap}
.side-backdrop{justify-content:flex-start;padding:0}
.side-drawer{height:100%;width:min(510px,100%);border-radius:0;overflow:auto;animation:drawerIn .25s ease}
.side-drawer .modal-head{position:sticky;top:0;background:#fff;z-index:2}
.side-drawer .form-grid{grid-template-columns:1fr}
.side-drawer .form-grid .full{grid-column:auto}
@keyframes drawerIn{from{transform:translateX(-100%)}to{transform:translateX(0)}}
.booking-modal{width:min(780px,100%)}
.stepper{display:grid;grid-template-columns:repeat(4,1fr);padding:20px 28px 8px;position:relative}
.stepper:before{content:"";position:absolute;top:38px;right:12%;left:12%;height:2px;background:#e6e8ef}
.stepper button{border:0;background:transparent;position:relative;color:#8b94a2;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}
.stepper b{width:36px;height:36px;border-radius:50%;background:#edf0f5;display:grid;place-items:center}
.stepper span{font-size:9px}
.stepper button.active,.stepper button.done-step{color:#6158d8}
.stepper button.active b,.stepper button.done-step b{background:#675ee0;color:white}
.booking-step{display:none;min-height:285px}
.booking-step.active{display:block}
.services-check>span{display:block;margin-bottom:10px}
.services-check>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.services-check label{background:#f8f9fb;border:1px solid #e6e9ef;border-radius:8px;padding:10px}
.services-check input{display:inline;width:auto;margin:0 0 0 5px}
.booking-review{text-align:center;padding:35px}
.review-icon{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;margin:auto;background:#dcf5eb;color:#23856b;font-size:24px}
.booking-review h3{margin-bottom:5px}.booking-review p,.booking-review small{color:#838c9a}
.booking-review>div{display:flex;justify-content:center;gap:8px;margin:20px;flex-wrap:wrap}
.booking-review>div span{background:#f0efff;color:#6259d8;border-radius:16px;padding:6px 10px;font-size:10px}
.customer-drawer{padding-bottom:70px}.customer-hero{display:flex;align-items:center;gap:12px;padding:20px 24px}
.avatar.large{width:50px;height:50px;font-size:14px}.customer-hero>div:nth-child(2){flex:1}
.customer-hero strong,.customer-hero span{display:block}.customer-hero span{font-size:10px;color:#8992a0;margin-top:4px}
.customer-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 24px 18px}
.customer-summary article{background:#f7f8fa;border-radius:9px;padding:11px;text-align:center}
.customer-summary span,.customer-summary strong{display:block}.customer-summary span{font-size:8px;color:#89919f}
.customer-summary strong{margin-top:3px}.next-action{margin:0 24px 18px;padding:15px;border:1px solid #f0d89f;background:#fff9ec;border-radius:10px}
.next-action>span,.next-action>strong,.next-action>small{display:block}.next-action>span{font-size:8px;color:#a47a2d}
.next-action>strong{font-size:11px;margin:5px 0}.next-action>small{font-size:8px;color:#c44f5f}
.next-action button{margin-top:11px;border:0;background:#675ee0;color:white;border-radius:7px;padding:7px 10px;font-size:9px}
.drawer-tabs{display:flex;border-bottom:1px solid #e5e8ee;padding:0 24px}.drawer-tabs button{border:0;background:transparent;padding:10px 12px;font-size:9px;color:#818a99}
.drawer-tabs button.active{color:#6158d8;border-bottom:2px solid #675ee0}.timeline{padding:20px 28px}
.timeline article{display:flex;gap:12px;position:relative;padding-bottom:24px}.timeline article:before{content:"";position:absolute;right:5px;top:13px;bottom:0;width:1px;background:#e3e6ec}
.timeline article:last-child:before{display:none}.timeline i{width:11px;height:11px;border-radius:50%;background:#b8bfca;z-index:1;flex:0 0 auto}
.timeline i.green-dot{background:#31a182}.timeline i.blue-dot{background:#4c8fda}.timeline strong,.timeline p,.timeline small{display:block;margin:0}
.timeline strong{font-size:11px}.timeline p{font-size:9px;color:#778190;margin:5px 0}.timeline small{font-size:8px;color:#a0a7b2}
.drawer-footer{position:fixed;bottom:0;left:0;width:min(510px,100%);background:white;border-top:1px solid #e4e7ed;padding:13px 22px;display:flex;justify-content:flex-end;gap:8px}
@media(max-width:600px){.stepper span{display:none}.booking-review{padding:25px 12px}.customer-open{width:auto}}
.mapped-data{margin-top:18px}.mapped-data .panel-head>span{align-self:center}.mapped-data td:nth-child(3){color:#8b93a0;font-size:9px}
.real-empty{padding:30px;text-align:center;color:#8a93a2;font-size:11px}.real-empty.small{padding:18px}.kanban-col{max-height:640px;overflow:auto}
.order-section+.order-section{border-top:8px solid #f5f7fb}.order-section-title{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;border-bottom:1px solid #edf0f4}.order-section-title h3,.order-section-title p{margin:0}.order-section-title h3{font-size:13px}.order-section-title p{font-size:9px;color:#8c95a3;margin-top:4px}.service-calc-modal{width:min(720px,100%)}.calc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:20px}.calc-card{border:1px solid #e3e7ed;border-radius:10px;padding:14px}.calc-card span,.calc-card strong,.calc-card small{display:block}.calc-card span{font-size:9px;color:#818a98}.calc-card strong{font-size:16px;margin:5px 0}.calc-card small{font-size:8px;color:#9aa2ae}.calc-card.unknown{background:#fafbfc}.calc-card.unknown strong{font-size:12px;color:#929aa7}.calc-note{margin:0 20px 20px;padding:13px;background:#fff8e9;border:1px solid #f1dfb5;border-radius:9px;font-size:9px;line-height:1.8;color:#80662f}@media(max-width:600px){.calc-grid{grid-template-columns:1fr 1fr}}