.booking-overview{display:flex;align-items:stretch;gap:14px;flex-wrap:wrap}.booking-summary{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.booking-summary span{background:#edf5f5;border-radius:9px;padding:9px 12px;color:#58717a;font:700 11px Manrope}.booking-summary b{color:#173e4a;font-size:15px}.booking-calendar,.booking-card,.booking-approvals,.booking-payroll{background:#fff;border:1px solid #dfe9ed;border-radius:13px;padding:19px;box-shadow:0 5px 15px #18364a08}.booking-calendar{box-sizing:border-box;width:480px;max-width:100%;padding:13px 14px}.booking-calendar header,.booking-card header,.booking-approvals header,.booking-payroll header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid #edf1f3}.booking-calendar header{padding-bottom:9px}.booking-calendar h2,.booking-card h2,.booking-approvals h2,.booking-payroll h2{margin:0;font-size:16px;text-transform:capitalize}.booking-calendar h2{font-size:15px}.booking-card p,.booking-approvals p{margin:5px 0 0;color:#74828d;font-size:11px}.booking-calendar-actions{display:flex;gap:5px}.booking-calendar-actions button{min-width:31px;padding:6px 8px;font-size:13px}.booking-calendar-weekdays,.booking-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.booking-calendar-weekdays{padding:9px 1px 4px;color:#82909a;text-align:center;font:800 8px Manrope;text-transform:uppercase}.booking-calendar-grid{gap:3px}.booking-calendar-day,.booking-calendar-empty{position:relative;min-height:36px;border:1px solid transparent;border-radius:6px;background:#f8fafb;color:#294551}.booking-calendar-day{cursor:pointer;font:700 11px Manrope;transition:border-color .15s,background .15s,color .15s}.booking-calendar-day:hover{border-color:#f09a91;background:#fff5f3}.booking-calendar-day.selected{border-color:#e96c61;background:#f16960;color:#fff;box-shadow:0 3px 8px #e4605540}.booking-calendar-day.today:not(.selected){border-color:#a8c3c7;background:#eef6f6}.booking-calendar-day.workday:not(.selected){border-color:#9ed5c2;background:#ebf8f2}.booking-calendar-day i{position:absolute;bottom:5px;left:50%;width:4px;height:4px;border-radius:50%;background:#3a9d7e;transform:translateX(-50%)}.booking-calendar-day em{position:absolute;top:3px;right:4px;color:#29816a;font:800 8px/1 Manrope;font-style:normal}.booking-calendar-day.selected i,.booking-calendar-day.selected em{background:#fff;color:#fff}.booking-calendar-day.selected em{background:transparent}.booking-calendar-empty{background:transparent}.booking-calendar-hint{display:flex;align-items:center;gap:6px;margin:8px 1px 0;color:#7b8992;font:600 8px Manrope}.booking-calendar-hint i{width:6px;height:6px;border-radius:50%;background:#3a9d7e}.booking-calendar-hint em{color:#29816a;font:800 10px/1 Manrope;font-style:normal}.booking-payroll{box-sizing:border-box;width:310px;max-width:100%;padding:14px 15px}.booking-payroll header{padding-bottom:10px}.booking-payroll header>span{border-radius:12px;background:#edf5f5;color:#47717a;padding:5px 7px;font:800 9px Manrope;white-space:nowrap}.booking-payroll-total{padding:13px 0 11px;border-bottom:1px solid #edf1f3}.booking-payroll-total small,.booking-payroll-total b,.booking-payroll-total span{display:block}.booking-payroll-total small{color:#70808a;font:700 9px Manrope}.booking-payroll-total b{margin:3px 0;color:#173e4a;font:800 23px Manrope;letter-spacing:-.6px}.booking-payroll-total span{color:#83909a;font:600 9px Manrope}.booking-payroll-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:11px 0}.booking-payroll-breakdown div{padding:8px;border-radius:7px;background:#f7fafb}.booking-payroll-breakdown span,.booking-payroll-breakdown b,.booking-payroll-breakdown small{display:block}.booking-payroll-breakdown span{color:#75838d;font:700 8px/1.2 Manrope}.booking-payroll-breakdown b{margin-top:4px;color:#294551;font:800 12px Manrope}.booking-payroll-breakdown small{margin-top:2px;color:#4a8374;font:700 9px Manrope}.booking-payroll-note{margin:0;color:#7c8992;font:600 8px/1.4 Manrope}.booking-window-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:10px;padding-top:15px}.booking-window{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:70px;border:1px solid #e1eaed;border-radius:10px;padding:12px 13px;background:#fbfcfd}.booking-window strong,.booking-window span{display:block}.booking-window strong{font:800 14px Manrope;color:#173e4a}.booking-window>div:first-child>span{margin-top:4px;color:#74828d;font:600 10px Manrope}.booking-window-action{display:flex;align-items:center;gap:7px;text-align:right}.booking-window-action button,.booking-approval-row button{white-space:nowrap;padding:8px 10px;font-size:10px}.booking-status{max-width:118px;color:#74828d;font:800 9px/1.25 Manrope}.booking-status.pending{color:#ad7907}.booking-status.confirmed{color:#27806a}.booking-status.unavailable{color:#98a3aa}.booking-cancel{padding:7px 8px!important}.booking-footnote{margin:12px 2px 0;color:#7a8790;font:10px/1.45 Manrope}.booking-empty{margin:0;padding:20px 3px;color:#7a8790;font-size:11px}.booking-approvals{margin-bottom:16px}.booking-approval-list{display:grid}.booking-approval-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;border-top:1px solid #edf1f3}.booking-approval-row:first-child{border-top:0}.booking-approval-row b,.booking-approval-row span{display:block}.booking-approval-row b{font-size:11px;color:#2c4451}.booking-approval-row span{margin-top:3px;color:#74828d;font-size:10px}.booking-approval-row>div:last-child{display:flex;gap:7px}.booking-approval-row.is-unavailable{opacity:.72}.booking-approval-row.is-unavailable span{color:#be655d}@media(max-width:600px){.booking-overview{display:grid;grid-template-columns:1fr}.booking-calendar,.booking-card,.booking-approvals{padding:14px}.booking-calendar,.booking-payroll{width:100%;padding:12px}.booking-calendar h2{font-size:14px}.booking-calendar-day,.booking-calendar-empty{min-height:34px}.booking-card header,.booking-approvals header,.booking-approval-row{align-items:stretch;flex-direction:column}.booking-window-list{grid-template-columns:1fr}.booking-window{align-items:flex-start;flex-direction:column}.booking-window-action{width:100%;justify-content:space-between;text-align:left}.booking-approval-row>div:last-child{width:100%}.booking-approval-row button{flex:1}}
.booking-calendar-day.pending-day:not(.selected){border-color:#efd274;background:#fff7df;color:#755a08}.booking-calendar-hint b{width:7px;height:7px;border-radius:2px;background:#fff0bb;border:1px solid #efd274}
.booking-payroll-deductions{border-top:1px solid #edf1f3;padding-top:10px}.booking-payroll-deductions h3{margin:0 0 7px;color:#556873;font:800 10px Manrope}.booking-payroll-deductions>p{margin:0;color:#84909a;font:600 9px/1.4 Manrope}.booking-payroll-deductions article{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:7px 0;border-top:1px solid #f0f3f4}.booking-payroll-deductions article:first-of-type{border-top:0}.booking-payroll-deductions article div{min-width:0}.booking-payroll-deductions article b,.booking-payroll-deductions article span,.booking-payroll-deductions article strong,.booking-payroll-deductions article small{display:block}.booking-payroll-deductions article b{color:#536774;font:700 9px Manrope}.booking-payroll-deductions article span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;color:#7c8992;font:600 8px Manrope}.booking-payroll-deductions article strong{flex:0 0 auto;color:#bd7352;text-align:right;font:800 10px Manrope}.booking-payroll-deductions article small{margin-top:2px;color:#b98870;font:700 8px Manrope}
.booking-approval-filters{display:flex;align-items:end;gap:9px;flex-wrap:wrap;padding:13px 0 5px}.booking-approval-filters label{display:grid;gap:5px;color:#75838d;font:700 9px Manrope}.booking-approval-filters select,.booking-approval-filters input{min-width:175px;border:1px solid #d7e2e6;border-radius:7px;padding:8px;background:#fff;color:#17354e;font:11px Manrope}.booking-approval-filters button{padding:8px 10px;font-size:10px}@media(max-width:600px){.booking-approval-filters{align-items:stretch;display:grid;grid-template-columns:1fr}.booking-approval-filters select,.booking-approval-filters input{width:100%}}