/* Shared visual rhythm for customer bookings and the profile hub. */
body .bookluit-customer-shell{background:radial-gradient(ellipse at 95% 0,#e5f3ef,transparent 42%),#f8fafb;min-height:calc(100dvh - 76px);padding:28px 18px 125px}
body .bookluit-customer-header{align-items:center;gap:16px;margin-bottom:24px}
body .bookluit-customer-header h1{font-size:34px;line-height:1.12;letter-spacing:-1.5px;color:#17354d}
body .bookluit-explore-button{width:44px;min-width:44px;height:44px;padding:0;border:1px solid #dae7e7;border-radius:15px;box-shadow:none;background:#fff}
body .bookluit-explore-button span{background:transparent;color:#168174}
body .bookluit-booking-tabs{display:flex;gap:4px;padding:5px;margin:0 0 23px;border:1px solid #e2eaec;border-radius:17px;background:#edf2f3;overflow-x:auto}
body .bookluit-booking-tabs button{flex:1;display:flex;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:9px 7px;border-radius:12px;font-size:12px;white-space:nowrap;color:#75858e}
body .bookluit-booking-tabs button::after{display:none}
body .bookluit-booking-tabs button.active{background:#fff;color:#17354d;box-shadow:0 3px 9px #17354d0a}
body .bookluit-booking-tabs b{min-width:20px;height:20px;padding:0 5px;font-size:10px}
body .bookluit-booking-tabs button.active b{background:#e1f3ed;color:#168174}
body .bookluit-booking-card{display:flex;flex-direction:column;padding:20px;margin-bottom:16px;border:1px solid #e2eaed;border-radius:23px;box-shadow:0 8px 26px #17354d06;background:#fff}
body .bookluit-booking-label{order:0;margin-bottom:18px;padding:7px 10px;border-radius:9px;font-size:11px;font-weight:700}
body .bookluit-booking-label svg{width:16px;height:16px}
body .bookluit-booking-service{order:1;grid-template-columns:minmax(0,1fr) 58px;gap:14px}
body .bookluit-booking-service h2{font-size:24px;letter-spacing:-.7px;margin-bottom:6px}
body .bookluit-booking-service p{font-size:13px;line-height:1.5;color:#75858e}
body .bookluit-booking-logo{width:58px;height:58px;border-radius:17px;box-shadow:none}
body .bookluit-booking-meta{order:2;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:20px 0 0;padding:16px;border:0;border-radius:16px;background:#f2f8f6}
body .bookluit-booking-meta time{flex-shrink:0;color:#17354d;text-align:right}
body .bookluit-booking-meta time b{font-size:13px;color:#168174}
body .bookluit-booking-meta time span{display:block;margin-top:5px;font-size:25px;font-weight:800;letter-spacing:-.6px;color:#17354d}
body .bookluit-booking-person{gap:8px}
body .bookluit-booking-person i{width:30px;height:30px;background:#deeee9;color:#168174;font-size:12px}
body .bookluit-booking-person b{font-size:13px}
body .bookluit-booking-person small,body .bookluit-payment-note{font-size:10px;color:#72868c}
body .bookluit-booking-reference{order:3;display:flex;justify-content:space-between;gap:8px;padding:13px 1px;margin:0;background:transparent;border:0;font-size:10px;color:#8a99a0}
body .bookluit-booking-reference b{font-size:10px;color:#71848e;font-weight:600}
body .bookluit-cancellation-note{order:4}
body .bookluit-booking-actions{order:5;display:flex;gap:10px;margin-top:7px}
body .bookluit-booking-actions button{min-height:46px;padding:10px 15px;border-radius:14px;font-size:14px;font-weight:700;box-shadow:none}
body .bookluit-primary-action{flex:1;background:#173d58;color:#fff}
body .bookluit-secondary-action{border:1px solid #e2e8eb;background:#fff;color:#637780}
body .bookluit-booking-actions button:focus-visible{outline:3px solid #168174;outline-offset:3px}
@media(min-width:700px){body .bookluit-customer-shell{padding:38px 30px 100px}body .bookluit-booking-card{padding:26px}body .bookluit-booking-tabs button{font-size:14px}}