.greff-customer-booking{--g:#183c32;--a:#a7b67b;--bg:#f5f4ee;--line:#dcded4;color:var(--g);font-family:inherit}.greff-customer-booking *{box-sizing:border-box}.greff-customer-booking__shell{max-width:980px;margin:0 auto}.greff-customer-booking__intro{text-align:center;max-width:700px;margin:0 auto 34px}.greff-customer-booking__eyebrow{display:block;font-size:12px;letter-spacing:.16em;font-weight:700;margin-bottom:10px}.greff-customer-booking h2{font-size:clamp(34px,5vw,58px);line-height:1.02;margin:0 0 14px;font-weight:600}.greff-customer-booking__intro p{font-size:17px;line-height:1.6;margin:0;color:#5e685f}.greff-customer-booking__lookup{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 12px 36px rgba(24,60,50,.06)}.greff-customer-booking__lookup label span{display:block;font-size:12px;font-weight:700;margin:0 0 7px}.greff-customer-booking__lookup input{width:100%;height:52px;border:1px solid #cfd3c9;border-radius:12px;padding:0 14px;font:inherit;color:var(--g);outline:none}.greff-customer-booking__lookup input:focus{border-color:var(--g);box-shadow:0 0 0 3px rgba(24,60,50,.08)}.greff-customer-booking__lookup button{height:52px;border:0;border-radius:12px;padding:0 22px;background:var(--g);color:#fff;font:inherit;font-weight:700;white-space:nowrap;cursor:pointer}.greff-customer-booking__lookup button:disabled{opacity:.65;cursor:wait}.greff-customer-booking__notice{margin:16px 0 0;padding:14px 16px;border-radius:12px;background:#fff2ef;color:#8f3127;border:1px solid #f0cdc7}.greff-customer-booking__result{margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(22px,4vw,38px);box-shadow:0 16px 48px rgba(24,60,50,.07);scroll-margin-top:20px}.greff-customer-booking__head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.greff-customer-booking__id{font-size:12px;letter-spacing:.12em;font-weight:700;color:#758078}.greff-customer-booking h3{font-size:clamp(26px,4vw,40px);margin:7px 0 0;line-height:1.08}.greff-customer-booking__status{display:inline-flex;align-items:center;border-radius:999px;padding:9px 13px;background:#eef2e8;font-size:13px;font-weight:700;white-space:nowrap}.greff-customer-booking__status.is-cancelled{background:#fff0ed;color:#8f3127}.greff-customer-booking__timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:34px 0;border-top:1px solid var(--line);padding-top:24px}.greff-customer-step{position:relative;text-align:center;color:#9ba29b;font-size:12px;font-weight:600}.greff-customer-step:before{content:"";position:absolute;top:14px;left:-50%;width:100%;height:1px;background:var(--line);z-index:0}.greff-customer-step:first-child:before{display:none}.greff-customer-step__dot{position:relative;z-index:1;display:flex;width:30px;height:30px;border-radius:50%;align-items:center;justify-content:center;margin:0 auto 8px;background:#fff;border:1px solid var(--line)}.greff-customer-step.is-done{color:var(--g)}.greff-customer-step.is-done:before{background:var(--a)}.greff-customer-step.is-done .greff-customer-step__dot{background:var(--g);border-color:var(--g);color:#fff}.greff-customer-step.is-current .greff-customer-step__dot{box-shadow:0 0 0 5px rgba(167,182,123,.22)}.greff-customer-booking__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.greff-customer-booking__grid>div,.greff-customer-booking__price,.greff-customer-booking__next,.greff-customer-booking__note{background:var(--bg);border-radius:16px;padding:18px}.greff-customer-booking small{display:block;font-size:12px;font-weight:700;letter-spacing:.04em;color:#758078;margin-bottom:6px}.greff-customer-booking__grid strong{font-size:18px}.greff-customer-booking__price{margin-top:12px}.greff-customer-booking__price strong{display:block;font-size:clamp(30px,4vw,44px);line-height:1.1}.greff-customer-booking__price p,.greff-customer-booking__next p,.greff-customer-booking__note p{margin:8px 0 0;line-height:1.55;color:#5e685f}.greff-customer-booking__next{margin-top:12px;background:#edf1e5}.greff-customer-booking__next p{color:var(--g);font-size:17px}.greff-customer-booking__note{margin-top:12px}.greff-customer-booking__note p{white-space:pre-wrap}@media(max-width:760px){.greff-customer-booking__lookup{grid-template-columns:1fr}.greff-customer-booking__lookup button{width:100%}.greff-customer-booking__head{display:block}.greff-customer-booking__status{margin-top:14px}.greff-customer-booking__timeline{overflow-x:auto;grid-template-columns:repeat(5,110px);justify-content:flex-start;padding-bottom:6px}.greff-customer-booking__grid{grid-template-columns:1fr}}
html.greff-modal-open{overflow:hidden}.greff-customer-modal[hidden]{display:none!important}.greff-customer-modal{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:20px}.greff-customer-modal__backdrop{position:absolute;inset:0;background:rgba(16,35,30,.58);backdrop-filter:blur(3px)}.greff-customer-modal__dialog{position:relative;width:min(620px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border:1px solid #dcded4;border-radius:22px;padding:30px;box-shadow:0 24px 80px rgba(16,35,30,.24);color:#183c32}.greff-customer-modal__close{position:absolute;top:14px;right:14px;width:38px;height:38px;padding:0;border:1px solid #dcded4!important;border-radius:50%!important;background:#fff!important;color:#183c32!important;font-size:26px!important;line-height:1!important;cursor:pointer}.greff-customer-modal__eyebrow{display:block;margin:0 46px 10px 0;font-size:12px;font-weight:700;letter-spacing:.16em;color:#758078}.greff-customer-modal__dialog h3{margin:0 46px 10px 0!important;font-size:32px!important;line-height:1.1!important;color:#183c32!important}.greff-customer-modal__dialog>p{margin:0 0 22px;line-height:1.55;color:#5e685f}.greff-customer-modal form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.greff-customer-modal label span{display:block;margin-bottom:7px;font-size:13px;font-weight:700}.greff-customer-modal label em{font-style:normal;font-weight:400;color:#7b847d}.greff-customer-modal input,.greff-customer-modal textarea{width:100%;border:1px solid #cfd3c9!important;border-radius:11px!important;background:#fff!important;color:#183c32!important;font:inherit!important;box-shadow:none!important}.greff-customer-modal input{height:50px;padding:0 13px!important}.greff-customer-modal textarea{min-height:105px;padding:12px 13px!important;resize:vertical}.greff-customer-modal input:focus,.greff-customer-modal textarea:focus{outline:none!important;border-color:#183c32!important;box-shadow:0 0 0 3px rgba(24,60,50,.08)!important}.greff-customer-modal__full,.greff-customer-modal__notice,.greff-customer-modal__actions{grid-column:1/-1}.greff-customer-modal__notice{padding:13px 15px;border-radius:11px;background:#fff2ef;border:1px solid #f0cdc7;color:#8f3127;font-size:14px}.greff-customer-modal__notice.is-success{background:#edf1e5;border-color:#cfd9bd;color:#183c32}.greff-customer-modal__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:2px}.greff-customer-modal__actions button{min-height:48px;padding:0 19px!important;border-radius:10px!important;border:1px solid #183c32!important;background:#183c32!important;color:#fff!important;font:inherit!important;font-weight:700!important;cursor:pointer}.greff-customer-modal__actions button:hover{background:#a7b67b!important;border-color:#a7b67b!important;color:#183c32!important}.greff-customer-modal__actions .greff-customer-modal__secondary{background:#fff!important;color:#183c32!important;border-color:#d2d7ce!important}.greff-customer-modal__actions .greff-customer-modal__secondary:hover{background:#f5f4ee!important;border-color:#d2d7ce!important;color:#183c32!important}@media(max-width:620px){.greff-customer-modal{padding:12px}.greff-customer-modal__dialog{padding:24px 18px;border-radius:18px}.greff-customer-modal__dialog h3{font-size:27px!important}.greff-customer-modal form{grid-template-columns:1fr}.greff-customer-modal label,.greff-customer-modal__full,.greff-customer-modal__notice,.greff-customer-modal__actions{grid-column:1}.greff-customer-modal__actions{flex-direction:column-reverse}.greff-customer-modal__actions button{width:100%}}
