.cal-root{--cal-line:#e0e2d8;--cal-cream:#f8f7f1;max-width:1500px;margin:auto}.cal-toolbar,.cal-nav,.cal-title-row,.cal-form-actions,.cal-legend{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cal-toolbar,.cal-title-row{justify-content:space-between;margin:18px 0}.cal-root button,.cal-root input,.cal-root select{min-height:44px}.cal-nav input{max-width:165px}.cal-title-row h2{margin:0}.cal-week-grid,.cal-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.cal-today .cal-week-grid{grid-template-columns:1fr}.cal-day{background:white;border:1px solid var(--cal-line);border-radius:15px;padding:12px;min-width:0}.cal-day h3{font-size:14px}.cal-event{display:flex;flex-direction:column;width:100%;text-align:left;padding:12px;border:0;border-left:4px solid var(--cal-accent,#92ac43);border-radius:10px;margin:9px 0;gap:5px;overflow-wrap:anywhere;color:#242923;background:var(--cal-bg,#e7efcc);cursor:pointer}.cal-event span,.cal-event small{font-size:12px;line-height:1.4}.cal-color-lime{--cal-bg:#edf3cc;--cal-accent:#8aa42e}.cal-color-sage{--cal-bg:#e1ebe1;--cal-accent:#608165}.cal-color-blue{--cal-bg:#e0eaf1;--cal-accent:#507997}.cal-color-lavender{--cal-bg:#ece6f1;--cal-accent:#896ba2}.cal-color-clay{--cal-bg:#f3e5dc;--cal-accent:#ae7353}.cal-color-charcoal{--cal-bg:#e1e3e1;--cal-accent:#46514a}.cal-empty,.cal-root .form-help{color:#687168;font-size:13px;line-height:1.6}.cal-overlay-control,.cal-info{padding:15px;background:var(--cal-cream);border:1px solid var(--cal-line);border-radius:12px;margin:14px 0;line-height:1.6}.cal-check{display:flex!important;align-items:center;gap:10px!important}.cal-check input{width:20px!important;flex:0 0 20px}.cal-legend span{padding:7px 12px;border-radius:6px;border:1px solid #c9ccc2;font-size:12px}.cal-available{background:#fbfaf4;color:#464c41}.cal-booked{background:#dedfdc;color:#343b34}.cal-unavailable{background:repeating-linear-gradient(135deg,#c9cdc8,#c9cdc8 5px,#d1d4ce 5px,#d1d4ce 10px);color:#394139}.cal-status{padding:9px;margin:7px 0;border:1px solid #c9ccc2;border-radius:7px;display:flex;flex-direction:column;gap:4px;font-size:12px}.cal-availability{border-top:1px solid var(--cal-line);margin-top:14px;padding-top:8px}.cal-availability h4{font-size:12px}.cal-month-day{min-height:130px;border:1px solid var(--cal-line);border-radius:10px;background:white;text-align:left;display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:10px;color:#242923}.cal-month-day.is-selected{outline:2px solid #829c35;background:#fcfdf4}.cal-month-event{background:var(--cal-bg);font-size:11px;border-radius:4px;padding:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-agenda{display:none}.cal-month-agenda{display:block;max-width:760px;margin:24px auto}.cal-day-strip{display:none}.cal-editor{max-width:780px;padding:24px;margin:20px auto;border:1px solid var(--cal-line);border-radius:20px;background:white}.cal-editor form{display:grid;gap:18px}.cal-editor label{display:grid;gap:7px;font-size:14px}.cal-editor input,.cal-editor select,.cal-editor textarea{width:100%;min-width:0;padding:11px;border:1px solid #c9cec2;border-radius:8px;background:white;color:#252b23;font:inherit}.cal-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cal-editor fieldset{border:1px solid var(--cal-line);border-radius:10px;padding:15px;display:grid;gap:10px}.cal-editor legend{padding:0 7px}.cal-editor .cal-colors{display:flex;flex-wrap:wrap}.cal-colors label{display:flex;align-items:center;background:var(--cal-bg);border-radius:8px;padding:8px;text-transform:capitalize}.cal-colors input{width:18px;min-height:20px}.cal-hours-row{display:grid;grid-template-columns:1.2fr 1fr auto 1fr;gap:10px;align-items:center}.cal-conflict{margin-top:20px;background:#fff5dc;border:1px solid #d6b469;border-radius:12px;padding:18px}.cal-next{padding:22px;margin:20px 0}.cal-root button:focus-visible{outline:3px solid #596d28;outline-offset:3px}
@media(max-width:900px){.cal-desktop{display:none}.cal-agenda{display:block}.cal-day-strip{display:flex;gap:8px;overflow-x:auto;padding:8px 2px;margin-bottom:16px;scrollbar-width:thin}.cal-day-strip button{flex:0 0 56px;min-height:86px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;border:1px solid var(--cal-line);border-radius:12px;background:white;color:#30372c}.cal-day-strip button.is-active{background:#e8f0bf;border-color:#829c35}.cal-day-strip span{font-size:11px}.cal-day-strip strong{font-size:20px}.cal-title-row h2{font-size:20px}.cal-event{padding:16px}.cal-event span{font-size:14px}.cal-event strong{font-size:17px}.cal-status{flex-direction:row;justify-content:space-between;padding:13px;font-size:14px}.cal-editor{padding:17px}.cal-fields{grid-template-columns:1fr}.cal-nav{gap:6px}.cal-toolbar{align-items:flex-start}.cal-root .ui-tabs{width:100%}.cal-hours-row{grid-template-columns:1fr 1fr auto 1fr;gap:5px}.cal-hours-row .cal-check{font-size:12px;gap:4px!important}.cal-hours-row input{padding:5px;font-size:14px}.cal-form-actions{position:sticky;bottom:0;background:white;padding:12px 0}.cal-next h2{font-size:20px}}

.cal-month-labels{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:8px;color:#687168;font-size:13px;text-align:center}
@media(max-width:900px){.cal-root input,.cal-root select,.cal-root textarea{font-size:16px}}
.cal-source{margin:1rem 0;padding:1rem}.cal-source summary{padding:1rem 0;cursor:pointer}.cal-source-map{display:flex;gap:.75rem;align-items:end;margin:1rem 0;flex-wrap:wrap}.cal-source-map label{flex:1;min-width:200px}.cal-source-map select{display:block;width:100%;min-height:44px}.cal-cancelled{opacity:.6;text-decoration:line-through}

.cal-own_session{background:#edf3cc;color:#35431b;border-color:#8aa42e}

/* One viewport-wide week at every size: a shared axis and seven equal tracks. */
.cal-root{min-width:0;width:100%;--cal-axis:40px}
.cal-desktop.cal-week{display:block;min-width:0}.cal-week-agenda{display:none!important}
.cal-week-shell,.cal-week-shell *{box-sizing:border-box}
.cal-week-shell{min-width:0;width:100%;border:1px solid var(--cal-line);border-radius:16px;background:#fff;overflow:hidden}
.cal-time-scroll{width:100%;overflow-x:hidden;overflow-y:auto;max-height:72vh;max-height:68dvh;isolation:isolate;overscroll-behavior-y:contain;touch-action:pan-y pinch-zoom;scrollbar-width:thin;scrollbar-color:#c9cec0 transparent}
.cal-time-grid{display:grid;grid-template-columns:var(--cal-axis) repeat(7,minmax(0,1fr));width:100%;min-width:0;position:relative}
.cal-time-corner,.cal-root .cal-time-heading{position:sticky;top:0;z-index:4;background:#f8f9f4;border:0;border-bottom:1px solid var(--cal-line);border-radius:0;margin:0;padding:8px 0;text-align:center;font-size:11px;font-weight:500;min-height:62px;min-width:0;color:#69715f;box-shadow:none}
.cal-root .cal-time-heading{border-left:1px solid var(--cal-line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer}
.cal-time-heading strong{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:16px;font-weight:750;color:#252e20;line-height:1}
.cal-time-heading.is-today strong{background:#c7f344;color:#2b390c}.cal-root .cal-time-heading[aria-pressed="true"]{background:#edf3df}
.cal-time-corner{left:0;z-index:6;display:grid;place-items:center;font-size:10px}
.cal-time-axis{position:sticky;left:0;z-index:3;background:#fff;height:1728px}
.cal-time-axis span{position:absolute;right:6px;font-size:10px;line-height:1;color:#71796a;padding-top:4px;font-variant-numeric:tabular-nums;white-space:nowrap}
.cal-time-day{position:relative;height:1728px;min-width:0;border-left:1px solid var(--cal-line);background:#fff}
.cal-time-day.is-today{background:#fbfdf4}
.cal-time-day::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background-image:linear-gradient(to bottom,#dce1d6 1px,transparent 1px),linear-gradient(to bottom,#e9ece5 1px,transparent 1px);background-size:100% 72px,100% 36px}
.cal-time-event{position:absolute;z-index:2;padding:1px;min-height:0;min-width:0}
.cal-root .cal-time-event .cal-event{height:100%;min-height:0;min-width:0;margin:0;padding:5px 4px;gap:3px;overflow:hidden;border-left-width:2px;border-radius:5px;box-shadow:none;justify-content:flex-start;align-items:stretch}
.cal-time-event .cal-event strong{font-size:11px;line-height:1.18;font-weight:650;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.cal-time-event .cal-event .cal-compact-time{font-size:10px;line-height:1.1;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;overflow:hidden}
.cal-time-event:focus-within{z-index:5}.cal-time-event .cal-event:focus-visible{outline-offset:-2px}
.cal-time-availability{position:absolute;inset-inline:0;z-index:0;overflow:hidden;pointer-events:none}
.cal-time-availability>span{display:block;padding:4px 2px;font-size:9px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.cal-grid-hint{margin:0;padding:10px 12px;border-top:1px solid var(--cal-line);font-size:11px;line-height:1.4;color:#737c6b;background:#fafbf7}
.cal-week-detail{margin-top:14px;padding:16px;border:1px solid var(--cal-line);border-radius:15px}.cal-week-detail .cal-title-row{margin:0 0 12px}.cal-week-detail h3{margin:0;font-size:16px}
/* Status is communicated by hue, pattern AND text; no booking names are exposed. */
.cal-available{background:#e3f1ff;color:#244e6f;border-color:#8bb6d6}
.cal-booked{background:#f9ddcf;color:#783e27;border-color:#d39977}
.cal-unavailable{background:repeating-linear-gradient(135deg,#f2f3f0,#f2f3f0 5px,#e5e8e1 5px,#e5e8e1 7px);color:#596154;border-color:#c5ccbf}
.cal-own_session{background:#e6f2b4;color:#324519;border-color:#9cb54a}
.cal-legend{gap:6px}.cal-legend span{padding:5px 8px;font-size:11px;font-weight:600;border-color:currentColor}
.cal-overlay-control p{font-size:12px;margin:9px 0}.cal-overlay-control .cal-check{font-weight:650}
.cal-source{margin:12px 0;padding:0;border:1px solid var(--cal-line);border-radius:12px;box-shadow:none}
.cal-source>summary{display:flex;align-items:center;gap:10px;list-style:none;padding:12px 14px;font-size:12px}
.cal-source>summary::-webkit-details-marker{display:none}.cal-source>summary::after{content:'⌄';font-size:16px;color:#66725b}
.cal-source>summary>span:first-child{flex:1;min-width:0}.cal-source>summary strong{display:block;font-size:12px}.cal-source>summary small{display:block;margin-top:3px;font-size:11px;color:#737b6b}
.cal-source-state{font-size:11px;color:#516237;background:#eff3e6;border-radius:20px;padding:5px 8px}.cal-source-warning .cal-source-state{background:#f9ddcf;color:#783e27}
.cal-source-body{padding:0 14px 14px;border-top:1px solid var(--cal-line);font-size:13px}.cal-source-body>p{margin:12px 0}
@media(max-width:600px){
 .cal-root{--cal-axis:30px}.cal-root>.ui-page-heading{gap:10px;margin-bottom:14px!important}.cal-root>.ui-page-heading .eyebrow{display:none}.cal-root>.ui-page-heading h1{font-size:28px;margin:0}.cal-root>.ui-page-heading>.button{font-size:12px;padding:10px 12px;min-height:40px}
 .cal-toolbar{gap:10px;margin:12px 0}.cal-toolbar .ui-tabs{padding:3px;gap:3px;display:flex;width:100%}.cal-toolbar .ui-tabs button{flex:1;min-height:38px;padding:7px 10px}
 .cal-nav{width:100%;gap:5px;flex-wrap:nowrap}.cal-nav .button{min-height:36px;padding:6px 11px;font-size:12px}.cal-nav label{margin-left:auto;min-width:0}.cal-nav input{width:132px;max-width:100%;min-height:36px;padding:6px;font-size:13px}
 .cal-root>.cal-title-row{margin:14px 0 8px;gap:8px}.cal-root>.cal-title-row h2{font-size:16px;line-height:1.3}.cal-root>.cal-title-row>.button{font-size:11px;padding:6px 9px;min-height:34px}.cal-root>.form-help{font-size:10px;margin:6px 0 12px}
 .cal-root .cal-time-heading,.cal-time-corner{min-height:56px;font-size:10px;padding:6px 0}.cal-time-heading strong{width:25px;height:25px;font-size:14px}.cal-time-axis span{font-size:9px;right:4px}
 .cal-root .cal-time-event .cal-event{padding:4px 2px;gap:3px;border-radius:4px}.cal-time-event .cal-event strong{font-size:9px;line-height:1.2;font-weight:650}.cal-time-event .cal-event .cal-compact-time{font-size:8px}
 .cal-time-availability>span{font-size:8px;padding:4px 2px}.cal-grid-hint{font-size:10px;padding:9px 10px}.cal-week-shell{border-radius:12px}.cal-source>summary{padding:10px 12px}.cal-source-state{max-width:100px;overflow-wrap:break-word}.cal-source-map label{min-width:0;flex-basis:100%}
 .cal-overlay-control{padding:12px;margin:12px 0}.cal-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.cal-legend span{font-size:10px;padding:5px 7px}
}
.cal-header-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.cal-sync-panel{margin:0 0 20px;padding:20px}
.cal-sync-providers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}
.cal-sync-provider{padding:20px;border:1px solid var(--line,#deded6);border-radius:16px;background:var(--surface,#fff);min-width:0}
.cal-sync-provider h3{font-size:1.3rem;margin:4px 0 10px}
.cal-sync-provider>.button{margin:4px 4px 4px 0}
.cal-sync-provider p{line-height:1.55}
.cal-sync-status{font-weight:650}
.cal-sync-apple{margin-top:16px;padding-top:16px;border-top:1px solid var(--line,#deded6)}
.cal-sync-apple label{display:grid;gap:6px;margin:14px 0 8px}
.cal-sync-apple input{width:100%;min-width:0}
.cal-sync-apple details{margin:14px 0}
.cal-sync-apple summary{cursor:pointer;font-weight:650}
@media(max-width:680px){.cal-sync-providers{grid-template-columns:1fr}.cal-sync-panel,.cal-sync-provider{padding:16px}.cal-header-actions{justify-content:flex-start}.cal-root>.ui-page-heading{flex-wrap:wrap;gap:12px}}