.optib-shared-calendar { --optib-calendar-accent:#2271b1; container-type:inline-size; color:inherit; font:inherit; max-width:100%; }
.optib-shared-calendar *, .optib-shared-calendar *::before, .optib-shared-calendar *::after { box-sizing:border-box; }
.optib-shared-calendar__frame { border:1px solid #d7dce1; border-radius:10px; background:#fff; overflow:hidden; min-width:0; }
.optib-shared-calendar__title { margin:0; padding:.8rem .7rem 0; font-size:1.1rem; line-height:1.4; }
.optib-shared-calendar__header { padding:.7rem; border-bottom:1px solid #d7dce1; }
.optib-shared-calendar__navigation { display:grid; grid-template-columns:2.25rem minmax(0,1fr) 2.25rem; align-items:center; gap:.25rem; }
.optib-shared-calendar__month { margin:0; text-align:center; font-size:1rem; line-height:1.4; }
.optib-shared-calendar__nav, .optib-shared-calendar__close { appearance:none; border:1px solid #bac3cc; border-radius:6px; background:#fff; color:inherit; cursor:pointer; min-height:2rem; }
.optib-shared-calendar__nav:hover, .optib-shared-calendar__nav:focus-visible, .optib-shared-calendar__close:hover, .optib-shared-calendar__close:focus-visible { border-color:var(--optib-calendar-accent); outline:2px solid color-mix(in srgb, var(--optib-calendar-accent), transparent 70%); outline-offset:1px; }
.optib-shared-calendar__grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); }
.optib-shared-calendar__weekday { padding:.45rem .1rem; overflow:hidden; text-align:center; font-size:.75rem; font-weight:700; color:#4b5563; }
.optib-shared-calendar__day { display:flex; position:relative; flex-direction:column; align-items:stretch; min-width:0; min-height:5.1rem; padding:.3rem; overflow:hidden; border:0; border-top:1px solid #e5e7eb; border-right:1px solid #e5e7eb; background:#fff; color:inherit; text-align:left; cursor:pointer; font:inherit; }
.optib-shared-calendar__day:nth-child(7n) { border-right:0; }
.optib-shared-calendar__day.is-outside-month { background:#f8fafc; color:#9ca3af; }
.optib-shared-calendar__day:hover, .optib-shared-calendar__day:focus-visible { background:#f0f7fc; outline:2px solid var(--optib-calendar-accent); outline-offset:-2px; z-index:1; }
.optib-shared-calendar__day.is-today .optib-shared-calendar__date { display:inline-grid; place-items:center; width:1.5rem; height:1.5rem; border-radius:50%; background:var(--optib-calendar-accent); color:#fff; }
.optib-shared-calendar__day.is-selected { box-shadow:inset 0 0 0 2px var(--optib-calendar-accent); }
.optib-shared-calendar__date { font-size:.85rem; line-height:1.5rem; }
.optib-shared-calendar__business { overflow:hidden; margin-top:.1rem; color:#475569; font-size:.68rem; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; }
.optib-shared-calendar__event-count { margin-top:auto; overflow:hidden; color:var(--optib-calendar-accent); font-size:.7rem; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
.optib-shared-calendar__day.has-events::after { position:absolute; top:.32rem; right:.32rem; width:.38rem; height:.38rem; border-radius:50%; background:var(--optib-calendar-accent); content:""; }
.optib-shared-calendar__dialog-backdrop { display:grid; position:fixed; z-index:100000; inset:0; place-items:center; padding:1rem; background:rgb(15 23 42 / .55); }
.optib-shared-calendar__dialog { position:relative; width:min(34rem,100%); max-height:min(80vh,42rem); overflow:auto; padding:1.25rem; border-radius:12px; background:#fff; color:#111827; box-shadow:0 20px 50px rgb(0 0 0 / .28); }
.optib-shared-calendar__close { float:right; padding:.35rem .6rem; font-size:.8rem; }
.optib-shared-calendar__dialog-title { margin:0 4rem 1rem 0; font-size:1.1rem; }
.optib-shared-calendar__dialog-business { padding:.6rem; border-left:3px solid var(--optib-calendar-accent); background:#f8fafc; }
.optib-shared-calendar__event-list { display:grid; gap:.75rem; margin:0; padding:0; list-style:none; }
.optib-shared-calendar__event { padding:.75rem; border:1px solid #e5e7eb; border-radius:8px; }
.optib-shared-calendar__event h4, .optib-shared-calendar__event p { margin:.15rem 0; }
.optib-shared-calendar__event p { font-size:.9rem; white-space:pre-wrap; }
.optib-shared-calendar__inline-details { padding:.75rem; border-top:1px solid #d7dce1; }
.optib-shared-calendar__inline-details h3, .optib-shared-calendar__inline-details p { margin:.2rem 0; }
.optib-shared-calendar--small .optib-shared-calendar__day { min-height:3.75rem; }
.optib-shared-calendar--large .optib-shared-calendar__day { min-height:6.25rem; }
@media (max-width:480px) { .optib-shared-calendar__day { min-height:4.25rem; padding:.2rem; } .optib-shared-calendar__business { display:none; } .optib-shared-calendar__event-count { font-size:.62rem; } .optib-shared-calendar__dialog-backdrop { align-items:end; padding:0; } .optib-shared-calendar__dialog { width:100%; max-height:82vh; border-radius:14px 14px 0 0; } }
@media (max-width:280px) { .optib-shared-calendar__header { padding:.4rem; } .optib-shared-calendar__weekday { padding:.3rem 0; font-size:.62rem; } .optib-shared-calendar__day { min-height:3.1rem; padding:.1rem; } .optib-shared-calendar__date { font-size:.7rem; } .optib-shared-calendar__event-count { display:none; } .optib-shared-calendar__day.has-events::after { top:.2rem; right:.2rem; width:.3rem; height:.3rem; } }
@container (max-width:240px) { .optib-shared-calendar__header { padding:.4rem; } .optib-shared-calendar__weekday { padding:.3rem 0; font-size:.62rem; } .optib-shared-calendar__day { min-height:3.1rem; padding:.1rem; } .optib-shared-calendar__date { font-size:.7rem; } .optib-shared-calendar__business { display:block; max-width:100%; overflow:hidden; font-size:0; } .optib-shared-calendar__business::before { color:#475569; content:"●"; font-size:.62rem; } .optib-shared-calendar__intervals, .optib-shared-calendar__event-count { display:none; } .optib-shared-calendar__day.has-events::after { top:.2rem; right:.2rem; width:.3rem; height:.3rem; } }
@media (prefers-reduced-motion:reduce) { .optib-shared-calendar * { scroll-behavior:auto; } }