*{box-sizing:border-box}body{overflow:hidden;background:#fff}
.demo-calendar{padding:26px;height:100%;display:flex;flex-direction:column;color:#252129}
.demo-calendar-top{display:flex;justify-content:space-between;gap:18px;margin-bottom:20px;align-items:center}.demo-calendar-top span{font-size:10px;letter-spacing:.12em;color:#817588}.demo-calendar-top h1{font-size:30px;font-weight:600;letter-spacing:-.035em;margin:8px 0 6px}.demo-calendar-top p{font-size:13px;color:#817588;margin:0}.demo-calendar-top>b{border-radius:17px;background:#f4effa;color:#7655a4;padding:13px 19px;font-size:30px;line-height:1}.demo-calendar-top small{display:block;font-size:10px;letter-spacing:.08em;margin-top:6px;text-align:center}
.demo-calendar-people{display:flex;gap:8px;margin-bottom:20px}.demo-calendar-people button{font:inherit;font-size:14px;border:0;background:#f4f2f7;padding:11px 22px;border-radius:24px;min-height:44px;color:#5c5365}.demo-calendar-people button[aria-pressed=true]{background:#7c58b4;color:white}
.demo-day-list{display:none}.demo-day-grid{flex:1;overflow:auto;min-height:0;border:1px solid #e8e4ec;border-radius:15px}.demo-day-grid [data-resize-handle]{display:none!important}.demo-day-grid [data-dnd-drag]{cursor:pointer!important}
.demo-calendar-foot{font-size:11px;color:#817588;text-align:center;margin:14px 0 0}
.demo-appointment{border:0;border-radius:24px;max-width:min(430px,calc(100% - 24px));padding:32px;color:#252129;background:#fff;box-shadow:0 18px 80px #2223}.demo-appointment::backdrop{background:#18102060}.demo-close{position:absolute;right:10px;top:10px;width:44px;height:44px;border:0;border-radius:50%;font-size:28px;background:#f6f4f8;color:#6b5e78}.demo-detail-label{font-size:10px;letter-spacing:.1em;color:#7f6992}.demo-appointment h2{font-size:26px;line-height:1.1;margin:18px 0 8px;padding-right:15px}.demo-appointment p{font-size:17px;color:#776285}.demo-appointment dl{margin:26px 0;display:grid;gap:12px;font-size:14px}.demo-appointment dl>div{display:flex;justify-content:space-between;gap:16px}.demo-appointment dd{margin:0;font-weight:600}.demo-appointment small{display:block;font-size:12px;line-height:1.5;color:#827688}.demo-done{min-height:44px;border:0;border-radius:24px;color:white;background:#7952ad;padding:12px 20px;margin-top:25px;font-size:14px;width:100%}
:root[data-brand=orchidee]{--demo-accent:#9671dd;--welt:264 60% 62%}:root[data-brand=rose]{--demo-accent:#c94e79;--welt:339 52% 55%}:root[data-brand=jade]{--demo-accent:#278f80;--welt:172 57% 36%}:root[data-brand=champagner]{--demo-accent:#b79b77;--welt:35 31% 59%}
.capture-booking .demo-brand-photo{opacity:.7!important}.capture-booking h1 em{font-style:normal;color:var(--demo-accent)}
@media(max-width:600px){.demo-calendar{padding:20px 16px}.demo-calendar-top{margin-bottom:18px}.demo-calendar-top h1{font-size:28px}.demo-calendar-people{margin-bottom:18px}.demo-day-grid{display:none}.demo-day-list{display:block;flex:1;min-height:0}.demo-day-list ul{border:none;border-radius:0}.demo-day-list li{padding:15px 0;min-height:77px}.demo-day-list a{min-height:46px;text-decoration:none}.demo-day-list a>div:first-child{width:70px;font-size:11px}.demo-day-list [data-now-line]{display:none}.demo-day-list .text-text-muted{font-size:11px}.demo-day-list a[data-demo-href^='/pos']{display:none}.demo-calendar-foot{text-align:left;line-height:1.5}.demo-appointment{padding:26px}.demo-calendar-top>b{padding:12px 15px}}
/* A readable two-person original calendar, with a quiet weekly orientation. */
.demo-calendar{padding:30px;background:#fff}.demo-calendar-top{margin-bottom:18px}.demo-calendar-top h1{font-size:35px;letter-spacing:-.045em}.demo-calendar-top span{letter-spacing:.03em;font-size:10px}.demo-calendar-top>b{display:none}.demo-calendar-people{position:absolute;top:52px;right:30px;margin:0}.demo-calendar-people button{padding:10px 17px;background:#f5f5f7;color:#716b7a}.demo-calendar-people button[aria-pressed=true]{background:#24212b;color:#fff}.demo-week{display:grid;grid-template-columns:repeat(7,1fr);margin:5px 0 18px;gap:8px}.demo-week>span{display:grid;gap:6px;text-align:center;padding:10px 5px;border-radius:15px;font-size:17px;color:#9a93a2}.demo-week small{font-size:10px}.demo-week b{font-weight:500}.demo-week [data-today=true]{background:#eee7f7;color:#7755a1}.demo-day-grid{display:block!important;overflow:hidden;border:0;border-radius:18px;background:#faf9fc;min-height:455px;flex:none}.demo-day-grid [data-dnd-drag]{border-radius:12px!important;box-shadow:none!important}.demo-day-grid [data-dnd-drag]:focus-visible{outline:2px solid #7651b7;outline-offset:2px}.demo-calendar-foot{margin-top:12px;font-size:10px}
@media(max-width:600px){.demo-calendar{padding:20px 12px}.demo-calendar-top{margin-bottom:12px}.demo-calendar-top h1{font-size:29px;margin:7px 0}.demo-calendar-top p{font-size:11px}.demo-calendar-top span{font-size:8px}.demo-calendar-people{position:static;margin:0 0 8px;gap:5px}.demo-calendar-people button{font-size:11px;min-height:34px;padding:7px 18px}.demo-week{gap:2px;margin:0 0 12px}.demo-week>span{padding:7px 3px;font-size:15px;border-radius:12px}.demo-week small{font-size:9px}.demo-day-grid{min-height:448px;border-radius:13px}.demo-day-grid [data-dnd-drag]{border-radius:9px!important}.demo-calendar-foot{text-align:center;font-size:9px;margin-top:8px}.demo-day-grid a{font-size:10px}.demo-day-grid .text-xs{font-size:10px}.demo-day-grid .text-sm{font-size:11px}.demo-day-grid [data-dnd-drag] .text-xs{font-size:9px}}
@media(max-width:600px){
 .demo-day-grid .left-0>.relative>span{right:2px;font-size:9px}
 .demo-day-grid .right-0>.relative>span{left:2px;font-size:9px}
 .demo-day-grid [data-dnd-drag] .group>div>div:first-child{flex-wrap:wrap;padding-right:0!important;gap:2px!important}
 .demo-day-grid [data-dnd-drag] .group>div>div:first-child>span:first-child{width:100%;padding-right:15px}
 .demo-day-grid [data-dnd-drag] .group>div>div:first-child>span:first-child>span{font-size:10px!important}
 .demo-day-grid [data-dnd-drag] .group>div>div:first-child>span:last-child{font-size:9px!important}
 .demo-day-grid [data-dnd-drag] .group>div>div:nth-child(2)>span{font-size:9px!important}
}