/* A calm booking workspace; existing fields and handlers remain authoritative. */
.salon-dialog.salon-appointment-editor{width:min(940px,calc(100vw - 32px));padding:0;max-height:92dvh;scroll-padding-top:84px;overscroll-behavior:contain}
.salon-appointment-editor form{padding:0 24px 12px}
.salon-appointment-editor header{position:sticky;top:0;z-index:5;background:var(--panel,#fffdf9);padding:20px 0 16px;margin:0 0 16px;border-bottom:1px solid color-mix(in srgb,currentColor 10%,transparent)}
.salon-appointment-editor .salon-editor-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:'customer customer' 'treatment time';gap:16px;align-items:start}
.salon-editor-customer{grid-area:customer}.salon-editor-time{grid-area:time}.salon-editor-treatment{grid-area:treatment}.salon-editor-team{grid-area:team}
.salon-appointment-editor .salon-editor-section{min-width:0;padding:18px;background:color-mix(in srgb,var(--panel,#fff) 95%,var(--accent,#a27c49));border:1px solid color-mix(in srgb,currentColor 11%,transparent);border-radius:14px}
.salon-appointment-editor .salon-editor-section h3{font-size:.92rem;margin:0 0 16px;font-weight:700}
.salon-appointment-editor .salon-editor-section label{font-size:.85rem;font-weight:600;margin:0 0 12px}
.salon-appointment-editor input:not([type=checkbox]),.salon-appointment-editor select{min-height:46px;font-weight:400;font-size:1rem;background:var(--panel,#fff);border-radius:10px}
.salon-appointment-editor .salon-two,.salon-appointment-editor .salon-three{align-items:start;gap:12px}
.salon-appointment-editor .salon-customer-picker{display:grid;grid-template-columns:1fr 1.3fr;column-gap:16px;align-items:start}
.salon-appointment-editor .salon-customer-picker>.salon-two{grid-template-columns:minmax(0,1fr) auto;align-items:start}
.salon-appointment-editor [data-new-customer]{justify-self:start;min-height:46px;margin:25px 0 0;font-size:.85rem}
.salon-appointment-editor [data-customer-count]{display:block;margin-top:6px;font-size:.73rem;font-weight:400;opacity:.8}
.salon-appointment-editor [data-customer-count][hidden]{display:none}
.salon-appointment-editor .salon-customer-help{font-size:.78rem;margin:0;line-height:1.5;grid-column:1/-1}
.salon-appointment-editor .salon-three{grid-template-columns:1fr 1fr}.salon-appointment-editor .salon-three>label:first-child{grid-column:1/-1}
.salon-appointment-editor .salon-inline{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:2px 0 14px}
.salon-appointment-editor .salon-editor-team .salon-two{grid-template-columns:1fr}
.salon-appointment-editor .booking-allocation-hint{font-size:.74rem;font-weight:400;margin-top:5px;opacity:.8}
.salon-appointment-editor .booking-handoff{padding:12px 16px;margin:0 0 16px;background:color-mix(in srgb,var(--accent,#a27c49) 9%,var(--panel,#fff));border-left:3px solid var(--accent,#a27c49);border-radius:10px}
.booking-request-title{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:.82rem}
.booking-request-title>span{padding:4px 8px;border-radius:6px;background:var(--panel,#fff);font-size:.76rem}
.salon-appointment-editor .booking-handoff details{margin:8px 0 0}.salon-appointment-editor .booking-handoff summary{font-size:.76rem;font-weight:400}
.salon-appointment-editor .booking-handoff p{font-size:.8rem;margin:8px 0 0}
.salon-appointment-editor .salon-editor-team details{font-size:.78rem;margin:8px 0 0}
.salon-appointment-editor .check{align-items:flex-start!important;line-height:1.5;font-weight:400!important;margin-top:10px!important}
.salon-appointment-editor [data-save-info]{font-size:.73rem;line-height:1.5;opacity:.8;margin:12px 0}
.salon-appointment-editor footer{z-index:6;bottom:-1px;background:var(--panel,#fffdf9);margin:12px -24px -12px;padding:14px 24px;border-top:1px solid color-mix(in srgb,currentColor 12%,transparent);box-shadow:0 -8px 20px #00000004}
@media(max-width:720px){.salon-dialog.salon-appointment-editor{width:calc(100vw - 16px);max-height:95dvh}.salon-appointment-editor form{padding:0 14px 10px}.salon-appointment-editor header{padding:14px 0;margin-bottom:12px}.salon-appointment-editor .salon-editor-grid{grid-template-columns:1fr;grid-template-areas:'customer' 'treatment' 'time';gap:12px}.salon-appointment-editor .salon-editor-section{padding:14px}.salon-appointment-editor .salon-editor-section h3{margin-bottom:12px}.salon-appointment-editor footer{margin:12px -14px -10px;padding:12px 14px}.salon-appointment-editor footer button{flex:1;min-height:44px}.salon-appointment-editor .booking-handoff{padding:10px 12px}.salon-appointment-editor [data-new-customer]{justify-self:stretch}}

@media(max-width:720px){.salon-appointment-editor .salon-customer-picker{grid-template-columns:1fr}.salon-appointment-editor .salon-customer-picker>.salon-two{grid-template-columns:1fr}.salon-appointment-editor [data-new-customer]{margin:0;justify-self:stretch;min-height:42px}.salon-appointment-editor .salon-editor-section label{margin-bottom:10px}}

@media(max-width:720px){.salon-appointment-editor .salon-editor-treatment .salon-two{grid-template-columns:1fr}}