/* Scoped opt-in calendar paint. NULL legacy settings retain their original CSS. */
html[data-calendar-surface189] body.customer-view .calendar-card,
html[data-calendar-surface189] body.admin-view .calendar-card{background-color:rgba(255,255,255,var(--calendar-opacity185))}
/* Avoid applying the same opacity on four superimposed opaque panels. */
html[data-calendar-surface189] .calendar-card .calendar-month178,
html[data-calendar-surface189] .calendar-card .calendar-main178,
html[data-calendar-surface189] .calendar-card .calendar-selected178{background-color:transparent}
/* An inset paint layer leaves the grid's measured geometry independent of stroke width. */
html[data-calendar-paint189] .calendar-main178 .calendar-day,
html[data-calendar-paint189] .admin-calendar-main178 .admin-day{
 position:relative;border:1px solid transparent!important;border-radius:var(--calendar-radius189);box-sizing:border-box;
}
html[data-calendar-paint189] .calendar-main178 .calendar-day::after,
html[data-calendar-paint189] .admin-calendar-main178 .admin-day::after{
 content:"";position:absolute;inset:-1px;pointer-events:none;border:var(--calendar-width189) solid var(--calendar-border189);border-radius:inherit;box-sizing:border-box;
}
html[data-calendar-paint189] .calendar-main178 .calendar-day.is-today{border:1px solid transparent!important;animation:none!important;box-shadow:none!important}
html[data-calendar-paint189] .calendar-main178 .calendar-day.is-today .day-number{background:#fce9e9;color:#8c2020;border-radius:4px}
html[data-calendar-paint189] .calendar-main178 .calendar-day.is-selected{outline:2px solid #bc7205!important;outline-offset:1px;animation:none!important;box-shadow:none!important}
#calendarBorder189 .border-enabled189{display:flex;align-items:center;gap:8px}
#calendarBorder189 input[type=checkbox]{width:18px;height:18px;margin:0}
#calendarBorder189 .calendar-control189{display:grid;grid-template-columns:minmax(120px,1fr) minmax(70px,150px) 55px;align-items:center;gap:10px;margin:12px 0}
#calendarBorder189 input[type=range]{width:100%;margin:0}
#calendarBorder189 input[type=color]{width:65px;height:34px;padding:2px;margin:0}
#calendarBorder189 output{white-space:nowrap;text-align:right}
#calendarBorder189>button{max-width:100%;white-space:normal;margin:8px 8px 8px 0}
#calendarPreview189{margin-top:16px;padding:10px;background-color:var(--site-bg);background-image:var(--site-bg-image);background-size:cover;background-position:center;pointer-events:none;container-type:inline-size}
#calendarPreview189 .calendar-main178{background-color:rgba(255,255,255,var(--calendar-opacity185,.6))}
#calendarPreview189 h4{display:inline-block;background:#ffffffd9;color:#173d46;padding:4px 8px;border-radius:5px}
@media(max-width:560px){#calendarBorder189 .calendar-control189{grid-template-columns:minmax(0,1fr) 55px}#calendarBorder189 .calendar-control189 label{grid-column:1/-1}}

#calendarPreviewFrame189{display:block;width:100%;border:0;min-height:200px;pointer-events:none}