/* Visual preview only. Existing controls, status colors, and calendar geometry retained. */
:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#263341;background:#f5f7fa}
body{background:#f5f7fa}main{padding:28px 32px}.top{margin-bottom:20px}h1{font-size:32px;letter-spacing:-.5px}h2{font-size:21px;letter-spacing:-.35px}button{font-weight:600;transition:background .12s,border-color .12s}button,input,select,textarea{border-radius:10px}button:disabled{cursor:default;opacity:.55}input,select,textarea{min-height:44px;border-color:#d4dce5}input:focus,select:focus,textarea:focus{outline:2px solid var(--personal-accent,#355b70);outline-offset:2px}
aside{box-shadow:4px 0 24px #24344208}.salon-logo-frame{width:116px}.brand{gap:12px}aside nav button{padding:12px 14px;border-radius:9px}aside nav{gap:5px}.banner{font-size:12px;background:#f8fafc!important;border-color:#e1e7ee;color:#607080!important;padding:10px 14px;margin-bottom:20px}.card{border-color:#e1e7ee;box-shadow:0 3px 14px #26334104;border-radius:16px}.toolbar{padding:16px 18px;border-radius:16px 16px 0 0;gap:16px}.toolbar button{min-height:42px}.toolbar input,.toolbar select{border-color:#dce3eb}.calendar{border-color:#e1e7ee;border-radius:0 0 16px 16px;box-shadow:0 8px 24px #26334105}.calhead{background:#f9fbfd!important}.calhead>div{font-size:13px;letter-spacing:.15px;padding:16px;color:#3d5061}.time{font-size:12px;color:#7b8998}.appointment{box-shadow:0 2px 6px #2633410b;border-radius:8px;padding-left:10px}.appointment b{font-size:14px}.appointment small{opacity:.8}
dialog{max-width:800px;padding:28px 30px;border:1px solid #e0e6ed;border-radius:20px;box-shadow:0 28px 100px #16253633}dialog::backdrop{background:#182a3b70;backdrop-filter:blur(3px)}dialog h2{margin-bottom:20px}dialog .formgrid{gap:20px}dialog label{font-size:13px;line-height:1.5;color:#4c5b6b}dialog .muted{font-size:12px;line-height:1.6}.notice{background:#f5f8fb;border:1px solid #e0e7ef;padding:14px 16px;border-radius:12px;line-height:1.6}.error:not(:empty){background:#fff0f1;padding:12px;border-radius:10px}dialog .actions{padding:18px 0 2px;border-top:1px solid #e7edf3;gap:10px;margin-top:24px;flex-wrap:wrap}dialog .actions button{min-height:44px}.staff-service-search>p{margin:0 0 8px;font-size:12px;font-weight:600;color:#3c5365}.staff-service-search>div{max-height:150px!important;border:1px solid #e2e8ef;border-radius:12px;background:#f9fbfd;padding:6px!important;margin-top:8px}.staff-service-search .listbutton{min-height:44px!important;padding:10px 12px!important;margin:3px 0!important;font-size:13px;border-width:1px!important}.staff-service-search .listbutton[aria-pressed="true"]{box-shadow:inset 3px 0 var(--personal-accent,#223f52)}#bookingPriceSummary{background:#f6f8fb;margin-top:18px;padding:18px}#bookingPriceSummary>strong{display:block;color:#263341;font-size:15px}#bookingPriceSummary label{display:flex!important;justify-content:space-between;align-items:center;gap:16px}#bookingPriceSummary input{max-width:140px;min-height:42px!important;font-size:16px!important}#bookingPriceSummary>p{font-size:12px;color:#718091;margin-bottom:0}#bookingNote{font-size:12px;color:#657587;background:#f9fafc;border-radius:10px;padding:12px}#booking> .row.spread{padding:12px 14px;border:1px solid #e0e7ee;border-radius:12px;background:#f7f9fc}
.cintiaCustomerPanel>h2{margin-bottom:6px}.cintiaCustomerPanel>h2+p{color:#718091;font-size:13px;margin-bottom:24px}#cStartLines{background:#f7f9fc;border:1px solid #e4eaf1;border-radius:12px;padding:18px;line-height:2!important;font-size:15px}#cStartTotal{background:#eef4f7;border-left:4px solid var(--personal-accent,#223f52);border-radius:10px;padding:18px 20px;font-size:18px;font-weight:600;line-height:1.9!important}.cintiaCustomerPanel>label{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid #e1e7ee;border-radius:12px}.cintiaCustomerPanel input[type=checkbox]{flex-shrink:0;min-height:24px!important}.cintiaCustomerPanel>p{color:#647587;font-size:13px;line-height:1.6}#cStartSend{background:var(--personal-accent,#223f52);color:white;border-color:var(--personal-accent,#223f52)}
@media(max-width:800px){main{padding:20px 14px}.top{gap:12px;align-items:center}h1{font-size:27px}aside .salon-logo-frame{width:54px}aside{box-shadow:0 2px 10px #26334108}aside nav button{padding:10px 12px}dialog{width:calc(100% - 16px);padding:22px 18px;max-height:94dvh;border-radius:18px}dialog .formgrid{gap:16px}.toolbar{padding:12px}.toolbar .row{gap:8px}#bookingPriceSummary input{max-width:110px}dialog .actions button{flex:1}#cStartTotal{font-size:17px}}
/* Keep the existing appointment-options menu compact and accessible. */
dialog:has(#booking)>details{position:absolute;right:30px;top:22px;margin:0!important;z-index:4}dialog:has(#booking)>details>summary{list-style:none;border:1px solid #e0e7ee;border-radius:9px;background:white;font-size:20px!important;line-height:36px}dialog:has(#booking)>details>summary::-webkit-details-marker{display:none}dialog:has(#booking)>details[open]{max-width:300px;padding:10px;background:white;border:1px solid #dce3eb;border-radius:12px;box-shadow:0 8px 24px #2434421c}dialog:has(#booking)>h2{padding-right:60px;margin-bottom:22px}#cStartTotal{color:#263341}.cintiaCustomerPanel #cStartLines{color:#354657}
@media(max-width:800px){dialog:has(#booking)>details{right:18px;top:15px}}