/* Scoped, provisional calendar styling. The shell owns the final design tokens. */
.pc-demo .pc-calendar-host, [data-pc-slot="calendar"] .pc-calendar-host {
  color: var(--pc-text, #f7effc);
  font: inherit;
  min-width: 0;
}
.pc-calendar-host .pc-calendar {display:grid;gap:18px;width:100%;max-width:660px;margin:auto;padding:20px 12px 34px;box-sizing:border-box}
.pc-calendar-host .pc-calendar__toolbar {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.pc-calendar-host .pc-calendar__toolbar h2 {font-size:clamp(20px,4vw,27px);margin:0;font-weight:700;letter-spacing:.01em}
.pc-calendar-host .pc-calendar__toolbar [role="group"] {display:flex;align-items:center;gap:5px}
.pc-calendar-host .pc-calendar button {font:inherit;cursor:pointer;border:1px solid rgba(211,184,233,.2);background:rgba(243,210,255,.07);color:inherit;border-radius:11px;min-height:38px;padding:7px 11px;transition:background .15s ease}
.pc-calendar-host .pc-calendar button:hover {background:rgba(243,210,255,.15)}
.pc-calendar-host .pc-calendar button:focus-visible {outline:2px solid #e5add8;outline-offset:2px}
.pc-calendar-host .pc-calendar [aria-pressed="true"] {background:rgba(205,126,207,.3);border-color:rgba(255,189,244,.5)}
.pc-calendar-host .pc-calendar__days {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.pc-calendar-host .pc-calendar__day {position:relative;aspect-ratio:1.12;min-width:0;padding:4px!important;font-size:15px!important}
.pc-calendar-host [data-outside-month="true"] {opacity:.43}
.pc-calendar-host [data-today="true"] {outline:1px solid rgba(230,168,238,.5)}
.pc-calendar-host .pc-calendar__day span {display:inline-block;margin-left:3px;color:#eeb4dc}
.pc-calendar-host .pc-calendar__events {list-style:none;padding:0;margin:0;display:grid;gap:9px}
.pc-calendar-host .pc-calendar__events li {background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:11px 13px}
.pc-calendar-host .pc-calendar__event {display:grid;gap:5px}
.pc-calendar-host .pc-calendar__event strong {font-size:15px}
.pc-calendar-host .pc-calendar__event > span:not(.pc-calendar__person) {font-size:12px;opacity:.75}
.pc-calendar-host .pc-calendar__person {display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600}
.pc-calendar-host .pc-calendar__swatch {width:9px;height:9px;border-radius:50%;border:1px solid rgba(255,255,255,.45)}
/* Reviewed palette; no inline style or dynamic CSS is needed under style-src self. */
.pc-calendar-host .pc-calendar__swatch--0 {background-color:#C77CBA}
.pc-calendar-host .pc-calendar__swatch--1 {background-color:#739BD0}
.pc-calendar-host .pc-calendar__swatch--2 {background-color:#D49A5C}
.pc-calendar-host .pc-calendar__swatch--3 {background-color:#7EAD91}
.pc-calendar-host .pc-calendar__swatch--4 {background-color:#9A83D3}
.pc-calendar-host .pc-calendar h3 {margin:0 0 10px;font-size:15px}
.pc-calendar-host [data-calendar-form] {display:grid;gap:10px;padding:16px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1)}
.pc-calendar-host [data-calendar-form] label {display:grid;gap:4px;font-size:13px}
.pc-calendar-host [data-calendar-form] input:not([type="checkbox"]), .pc-calendar-host [data-calendar-form] select {min-height:40px;padding:7px 9px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#281e36;color:inherit;box-sizing:border-box;min-width:0;width:100%;font:inherit;color-scheme:dark}
.pc-calendar-host [data-calendar-form] input[type="checkbox"] {accent-color:#c77cba;margin-right:8px}
.pc-calendar-host [data-calendar-all-day], .pc-calendar-host [data-calendar-timed] {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.pc-calendar-host [hidden] {display:none!important}
.pc-calendar-host [role="status"] {font-size:12px;color:#f2a9c3}
.pc-calendar-host .pc-calendar__note {font-size:11px;line-height:1.6;opacity:.6;margin:0}
@media(max-width:430px) {.pc-calendar-host .pc-calendar {padding:18px 4px 30px;gap:14px}.pc-calendar-host .pc-calendar__toolbar {gap:9px}.pc-calendar-host .pc-calendar__toolbar h2 {width:100%}.pc-calendar-host .pc-calendar__day {aspect-ratio:.98;font-size:13px!important}.pc-calendar-host [data-calendar-all-day], .pc-calendar-host [data-calendar-timed] {grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce) {.pc-calendar-host * {transition:none!important}}