/* Istante calendar — v3.12.6 production canonical layer. Loaded last on purpose: one readable calendar system, one set of breakpoints. */ #calendar-view{background:var(--bg)!important;color:var(--ink)!important} #calendar-view .calendar-shell{ width:min(100%,1720px)!important;height:var(--view-h,100dvh)!important;margin:0 auto!important; padding:clamp(14px,1.9vw,28px) clamp(16px,2.7vw,44px) max(30px,calc(env(safe-area-inset-bottom) + 24px))!important; display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;overflow:hidden!important; } /* Header */ #calendar-view .calendar-heading-combined{ display:grid!important;grid-template-columns:auto minmax(180px,.78fr) minmax(510px,1.45fr) auto!important; align-items:center!important;gap:12px 20px!important;min-width:0!important; margin:0!important;padding:0 0 13px!important;border-bottom:1px solid var(--line)!important; } #calendar-view .calendar-brand-lockup{display:grid!important;justify-items:start!important;align-content:center!important;gap:3px!important;min-width:max-content!important} #calendar-view .calendar-heading-combined .wordmark{background:transparent!important;padding:0!important;color:var(--ink)!important;font-size:22px!important;line-height:1!important} #calendar-view .calendar-title-copy{min-width:0!important} #calendar-view .calendar-title-copy .section-label{display:none!important} #calendar-view .calendar-title-copy h1{ margin:0!important;font:400 calc(28px * var(--ui-scale,1))/1.08 var(--serif)!important; letter-spacing:-.03em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-transform:capitalize!important; } #calendar-view .calendar-subtitle{display:none!important} #calendar-view .calendar-heading-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;min-width:0!important} #calendar-view .calendar-heading-actions .primary-button,#calendar-view .calendar-heading-actions .secondary-button{min-height:38px!important;padding:8px 12px!important;font-size:calc(12px * var(--ui-scale,1))!important;white-space:nowrap!important} #calendar-view .calendar-heading-actions .icon{width:16px!important;height:16px!important} #calendar-view .calendar-toolbar{display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:center!important;gap:10px!important;margin:0!important;padding:0!important;min-width:0!important;background:transparent!important;border:0!important} #calendar-view .calendar-navigation{display:flex!important;align-items:center!important;gap:4px!important;flex:0 0 auto!important} #calendar-view .calendar-navigation .icon-button{width:36px!important;height:36px!important} #calendar-view .calendar-navigation .secondary-button{min-height:36px!important;padding:7px 12px!important;font-size:calc(12px * var(--ui-scale,1))!important} #calendar-view .cal-prev-icon{transform:rotate(90deg)!important}#calendar-view .cal-next-icon{transform:rotate(-90deg)!important} #calendar-view .calendar-views{display:flex!important;align-items:center!important;gap:2px!important;padding:3px!important;border:1px solid var(--line)!important;border-radius:999px!important;min-width:0!important;background:color-mix(in srgb,var(--surface-2) 58%,transparent)!important} #calendar-view .calendar-views button{min-height:34px!important;padding:7px 11px!important;border-radius:999px!important;background:transparent!important;color:var(--muted)!important;font-size:calc(12px * var(--ui-scale,1))!important;line-height:1!important;white-space:nowrap!important} #calendar-view .calendar-views button[aria-pressed=true]{background:var(--surface)!important;color:var(--ink)!important;box-shadow:0 1px 7px color-mix(in srgb,var(--ink) 6%,transparent)!important} /* Main area */ #calendar-view .calendar-shell>main{min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;padding:0!important} #cal-empty{display:none!important} #calendar-view .calendar-layout{ position:relative!important;min-height:0!important;flex:1!important;display:grid!important; grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important; gap:0!important;padding-top:15px!important;overflow:hidden!important } #calendar-view .calendar-sidebar{ display:flex!important;flex-direction:column!important;position:absolute!important;z-index:12!important; top:9px!important;right:0!important;bottom:0!important;left:auto!important; width:min(292px,calc(100vw - 36px))!important;min-height:0!important;box-sizing:border-box!important; padding:16px!important;border:1px solid var(--line)!important;border-radius:14px!important; background:color-mix(in srgb,var(--surface) 96%,var(--bg))!important;box-shadow:0 22px 60px rgba(0,0,0,.26)!important; overflow:auto!important;overscroll-behavior:contain!important;scrollbar-width:thin!important; transform:translateX(calc(100% + 24px))!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important; transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .2s ease,visibility 0s linear .28s!important } #calendar-view.sidebar-open .calendar-sidebar{transform:translateX(0)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transition-delay:0s!important} #calendar-view .calendar-sidebar-toggle{display:inline-flex!important} #calendar-view .calendar-sidebar-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-bottom:10px!important} #calendar-view .calendar-sidebar h2{font-size:calc(12px * var(--ui-scale,1))!important;font-weight:500!important} #calendar-view .calendar-sidebar-head .icon-button{width:34px!important;height:34px!important} #calendar-view .calendar-sidebar-head .icon{width:16px!important;height:16px!important} #calendar-view .calendar-source-toggle{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;padding:10px 0!important;border-bottom:1px solid var(--line)!important;font-size:calc(11.5px * var(--ui-scale,1))!important;cursor:pointer!important} #calendar-view .calendar-source-toggle input{width:17px!important;height:17px!important;min-width:17px!important;margin:0!important} #calendar-view .calendar-source-toggle span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} #calendar-view .calendar-source-toggle i{width:7px!important;height:7px!important;flex:0 0 7px!important;border-radius:50%!important;background:var(--event-color)!important} #calendar-view .calendar-sync-status{font-size:calc(10px * var(--ui-scale,1))!important;line-height:1.5!important;color:var(--muted)!important;margin-top:12px!important} #calendar-view .calendar-sync-status:empty{display:none!important} #calendar-view .calendar-device-note{display:flex!important;align-items:center!important;gap:7px!important;margin:14px 0 0!important;color:var(--faint)!important;font-size:calc(10px * var(--ui-scale,1))!important;line-height:1.2!important} #calendar-view .calendar-device-note .icon{width:13px!important;height:13px!important;color:var(--accent)!important;flex:0 0 13px!important} #calendar-view .calendar-sidebar-actions{margin-top:auto!important;padding-top:16px!important;border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent)!important} #calendar-view .calendar-sidebar-actions #cal-manage{width:100%!important;min-height:44px!important;justify-content:center!important} #calendar-view .calendar-main{grid-column:1!important;min-width:0!important;min-height:0!important;width:100%!important;position:relative!important;overflow:hidden!important} #calendar-view .calendar-main.is-loading{opacity:.58!important;transition:opacity .18s!important} #calendar-view #cal-content{width:100%!important;height:100%!important;min-height:0!important;overflow:auto!important;overscroll-behavior:contain!important;scrollbar-width:thin!important;scrollbar-color:color-mix(in srgb,var(--faint) 42%,transparent) transparent!important;padding-right:3px!important} #calendar-view #cal-content::-webkit-scrollbar{width:5px!important;height:5px!important}#calendar-view #cal-content::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--faint) 38%,transparent)!important;border-radius:7px!important} /* Month */ #calendar-view #cal-content>.calendar-month{height:100%!important;min-height:500px!important;border:1px solid var(--line)!important;border-radius:14px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;background:color-mix(in srgb,var(--surface) 22%,transparent)!important} #calendar-view .calendar-weekdays{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;border-bottom:1px solid var(--line)!important;flex:0 0 auto!important} #calendar-view .calendar-weekdays span{padding:11px 7px!important;text-align:center!important;font-size:calc(13px * var(--ui-scale,1))!important;line-height:1!important;letter-spacing:.04em!important;color:var(--muted)!important} #calendar-view .calendar-grid{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;grid-template-rows:repeat(6,minmax(66px,1fr))!important;grid-auto-rows:unset!important;flex:1!important;min-height:0!important} #calendar-view .calendar-cell{min-width:0!important;min-height:0!important;padding:7px 6px!important;border-right:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important;overflow:hidden!important} #calendar-view .calendar-cell:nth-child(7n){border-right:0!important}#calendar-view .calendar-cell:nth-last-child(-n/**/+7){border-bottom:0!important} #calendar-view .calendar-cell.is-other{background:color-mix(in srgb,var(--accent-soft) 38%,transparent)!important;opacity:.62!important} #calendar-view .calendar-day-number{display:grid!important;place-items:center!important;width:31px!important;height:31px!important;margin-bottom:4px!important;padding:0!important;border-radius:50%!important;background:transparent!important;font-size:calc(16px * var(--ui-scale,1))!important;line-height:1!important;color:var(--ink)!important} #calendar-view .calendar-day-number.is-today{background:var(--accent)!important;color:var(--bg)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 24%,transparent)!important} #calendar-view .calendar-event{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:23px!important;margin:3px 0!important;padding:4px 6px!important;border:0!important;border-left:2px solid var(--event-color)!important;border-radius:4px!important;background:color-mix(in srgb,var(--accent-soft) 67%,transparent)!important;color:var(--ink)!important;font-size:calc(12px * var(--ui-scale,1))!important;line-height:1.25!important;text-align:left!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} #calendar-view .calendar-event .event-time{font-size:calc(10px * var(--ui-scale,1))!important;opacity:.66!important;margin-right:5px!important} #calendar-view .calendar-more{padding:3px 2px!important;background:none!important;color:var(--muted)!important;font-size:calc(10px * var(--ui-scale,1))!important;line-height:1.15!important} /* Year */ #calendar-view #cal-content>.calendar-year{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px 15px!important;align-content:start!important;height:auto!important;min-height:0!important;overflow:visible!important;grid-auto-rows:auto!important;padding:1px 1px 8px!important} #calendar-view .calendar-mini{min-width:0!important;min-height:0!important;padding:11px 10px!important;border:1px solid var(--line)!important;border-radius:13px!important;background:color-mix(in srgb,var(--surface) 18%,transparent)!important;overflow:visible!important} #calendar-view .calendar-mini h2{margin:0!important} #calendar-view .calendar-mini h2 button{margin:0 0 7px 2px!important;padding:0!important;background:transparent!important;font:400 calc(17px * var(--ui-scale,1))/1.2 var(--serif)!important;text-transform:capitalize!important;color:var(--ink)!important} #calendar-view .calendar-mini-weekdays,#calendar-view .calendar-mini-grid{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:2px!important} #calendar-view .calendar-mini-weekdays span{padding-bottom:4px!important;text-align:center!important;font-size:calc(9px * var(--ui-scale,1))!important;line-height:1!important;color:var(--faint)!important} #calendar-view .calendar-mini-grid button{position:relative!important;display:grid!important;place-items:center!important;justify-self:center!important;align-self:center!important;width:clamp(23px,2vw,29px)!important;height:clamp(23px,2vw,29px)!important;min-width:0!important;min-height:0!important;aspect-ratio:1/1!important;padding:0!important;border-radius:50%!important;background:transparent!important;color:var(--ink)!important;font-size:calc(11px * var(--ui-scale,1))!important;line-height:1!important} #calendar-view .calendar-mini-grid button.is-today{background:var(--accent)!important;color:var(--bg)!important} #calendar-view .calendar-mini-grid button.has-events:after{content:""!important;position:absolute!important;width:3px!important;height:3px!important;left:50%!important;bottom:2px!important;transform:translateX(-50%)!important;border-radius:50%!important;background:var(--accent)!important} #calendar-view .calendar-mini-grid button.is-today.has-events:after{background:var(--bg)!important} /* Week */ #calendar-view #cal-content>.calendar-week{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:8px!important;height:auto!important;min-height:100%!important;overflow:visible!important} #calendar-view .calendar-week-day{min-width:0!important;min-height:320px!important;padding:10px 8px!important;border:1px solid var(--line)!important;border-radius:11px!important} #calendar-view .calendar-week-day>button{display:block!important;width:100%!important;padding:4px 0 13px!important;background:transparent!important;text-align:center!important;font-size:calc(12px * var(--ui-scale,1))!important;color:var(--muted)!important} #calendar-view .calendar-week-day>button strong{display:block!important;margin-top:5px!important;font:400 calc(29px * var(--ui-scale,1))/1 var(--serif)!important;color:var(--ink)!important} #calendar-view .calendar-week-day.is-today{border-color:color-mix(in srgb,var(--accent) 60%,var(--line))!important} #calendar-view .calendar-week-day .calendar-event{white-space:normal!important;overflow-wrap:anywhere!important;padding:7px 6px!important;font-size:calc(11.5px * var(--ui-scale,1))!important} #calendar-view .calendar-week-day .event-time{display:block!important;margin:0 0 3px!important;font-size:calc(9.5px * var(--ui-scale,1))!important} #calendar-view .calendar-empty-day{padding:14px 4px!important;text-align:center!important;font-size:calc(10.5px * var(--ui-scale,1))!important;color:var(--faint)!important} /* Day — dedicated v3.12.6 renderer. */ #calendar-view .calendar-day-view{min-height:100%!important;max-width:980px!important;margin:0 auto!important;padding:clamp(12px,2vw,26px) clamp(6px,1vw,12px) 30px!important} #calendar-view .calendar-day-view-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:20px!important;padding:0 2px 20px!important;border-bottom:1px solid var(--line)!important} #calendar-view .calendar-day-date{display:grid!important;grid-template-columns:auto 1fr!important;grid-template-areas:"weekday weekday" "number month"!important;align-items:end!important;column-gap:13px!important;min-width:0!important} #calendar-view .calendar-day-weekday{grid-area:weekday!important;font-size:calc(11px * var(--ui-scale,1))!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--faint)!important} #calendar-view .calendar-day-date-number{grid-area:number!important;font:300 calc(54px * var(--ui-scale,1))/1 var(--serif)!important;letter-spacing:-.05em!important;color:var(--ink)!important} #calendar-view .calendar-day-month{grid-area:month!important;padding-bottom:6px!important;font:400 calc(20px * var(--ui-scale,1))/1.1 var(--serif)!important;text-transform:capitalize!important;color:var(--muted)!important} #calendar-view .calendar-day-summary{display:grid!important;justify-items:end!important;gap:5px!important;text-align:right!important} #calendar-view .calendar-day-summary .section-label{margin:0!important;font-size:calc(9px * var(--ui-scale,1))!important} #calendar-view .calendar-day-summary strong{font-size:calc(13px * var(--ui-scale,1))!important;font-weight:500!important;color:var(--muted)!important} #calendar-view .calendar-day-events{display:grid!important;gap:0!important;padding-top:8px!important} #calendar-view .calendar-day-events .calendar-agenda-row{grid-template-columns:110px minmax(0,1fr)!important;padding:15px 3px!important} #calendar-view .calendar-day-empty{display:grid!important;justify-items:center!important;gap:8px!important;padding:80px 16px!important;text-align:center!important;color:var(--muted)!important} #calendar-view .calendar-day-empty strong{font:400 calc(23px * var(--ui-scale,1))/1.25 var(--serif)!important;color:var(--ink)!important} #calendar-view .calendar-day-empty p{margin:0!important;font-size:calc(12px * var(--ui-scale,1))!important;color:var(--faint)!important} /* Agenda */ #calendar-view #cal-content>.calendar-agenda{display:grid!important;gap:25px!important;max-width:1100px!important;height:auto!important;min-height:100%!important;overflow:visible!important;margin:0 auto!important;padding:4px 4px 28px!important} #calendar-view .calendar-agenda-day h2{margin:0 0 9px!important;font:400 calc(22px * var(--ui-scale,1))/1.25 var(--serif)!important;text-transform:capitalize!important} #calendar-view .calendar-agenda-row{display:grid!important;grid-template-columns:105px minmax(0,1fr)!important;gap:16px!important;width:100%!important;padding:13px 2px!important;border-bottom:1px solid var(--line)!important;background:transparent!important;text-align:left!important;color:var(--ink)!important} #calendar-view .calendar-agenda-row time{font-size:calc(11.5px * var(--ui-scale,1))!important;color:var(--muted)!important;font-variant-numeric:tabular-nums!important} #calendar-view .calendar-agenda-row strong{font-size:calc(14px * var(--ui-scale,1))!important;font-weight:400!important;line-height:1.45!important} #calendar-view .calendar-agenda-row small{display:block!important;margin-top:4px!important;font-size:calc(10.5px * var(--ui-scale,1))!important;color:var(--muted)!important} #calendar-view .calendar-agenda-row .event-info{min-width:0!important;padding-left:13px!important;border-left:2px solid var(--event-color)!important} #calendar-view .calendar-agenda-empty{padding:55px 14px!important;text-align:center!important;font:400 calc(22px * var(--ui-scale,1)) var(--serif)!important;color:var(--muted)!important} #calendar-view .calendar-warnings{flex:0 0 auto!important;max-height:100px!important;overflow:auto!important;margin:9px 0 0!important;padding:10px 13px!important;border:1px solid var(--line)!important;border-radius:10px!important;color:var(--muted)!important;font-size:calc(10px * var(--ui-scale,1))!important} #calendar-view .calendar-warnings li{margin:5px 0!important;line-height:1.45!important}#calendar-view .calendar-footer{display:none!important} /* Source / event dialogs */ .calendar-source-panel{width:580px!important}.calendar-event-panel{width:580px!important} #cal-sources-dialog .calendar-import{padding-bottom:20px!important;border-bottom:1px solid var(--line)!important;margin-bottom:18px!important}#cal-sources-dialog .calendar-import .field-note{margin-top:10px!important} .calendar-source-panel .stacked-label{margin:16px 0 10px!important;display:flex!important;flex-direction:column!important;gap:8px!important;font-size:12px!important} .calendar-source-panel input[type=text],.calendar-source-panel input[type=url]{width:100%!important;min-width:0!important;box-sizing:border-box!important;background:var(--bg)!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:10px!important;padding:11px 12px!important} .calendar-source-panel .primary-button{margin-top:14px!important}#cal-sources-dialog .calendar-privacy{font-size:10px!important;color:var(--faint)!important;line-height:1.6!important;margin:18px 0!important}#cal-sources-dialog .calendar-message{font-size:11px!important;line-height:1.55!important;margin-top:15px!important;color:var(--accent)!important} #cal-sources-dialog .calendar-source-item{display:flex!important;align-items:center!important;gap:6px!important;padding:12px 0!important;border-top:1px solid var(--line)!important}#cal-sources-dialog .calendar-source-item>div{flex:1!important;min-width:0!important}#cal-sources-dialog .calendar-source-item strong{font-size:12px!important;font-weight:500!important;overflow-wrap:anywhere!important}#cal-sources-dialog .calendar-source-item small{display:block!important;font-size:10px!important;color:var(--muted)!important;margin-top:4px!important}#cal-sources-dialog .calendar-source-item .icon-button{height:34px!important;width:34px!important}#cal-sources-dialog .calendar-source-item .icon{width:16px!important;height:16px!important} .calendar-event-panel .panel-head h2{font-size:30px!important;overflow-wrap:anywhere!important}.calendar-event-panel .panel-content p{font-size:12px!important;line-height:1.7!important;margin-bottom:14px!important;color:var(--muted)!important}#cal-event-description{white-space:pre-wrap!important;overflow-wrap:anywhere!important;font-size:12px!important;line-height:1.75!important;margin:18px 0!important}#cal-event-link{font-size:11px!important} /* Tablet */ @media (max-width:1180px){ #calendar-view .calendar-shell{padding-inline:20px!important} #calendar-view .calendar-layout{grid-template-columns:minmax(0,1fr)!important;gap:0!important;padding-top:10px!important} #calendar-view #cal-content>.calendar-year{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important} #calendar-view #cal-content>.calendar-week{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important}#calendar-view .calendar-week-day{min-height:190px!important} } @media (min-width:900px) and (max-width:1180px){ #calendar-view #cal-content>.calendar-year{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px 11px!important} #calendar-view .calendar-mini{padding:8px 6px!important}#calendar-view .calendar-mini h2 button{font-size:calc(14px * var(--ui-scale,1))!important;margin-bottom:4px!important} #calendar-view .calendar-mini-weekdays span{font-size:calc(8px * var(--ui-scale,1))!important} #calendar-view .calendar-mini-grid button{width:21px!important;height:21px!important;font-size:calc(9.5px * var(--ui-scale,1))!important} } /* Phones / narrow tablets */ @media (max-width:740px){ #calendar-view .calendar-shell{padding:10px 10px max(28px,calc(env(safe-area-inset-bottom) + 22px))!important} #calendar-view .calendar-add-shortcut{display:none!important} #calendar-view .calendar-layout{padding-top:8px!important} #calendar-view #cal-content>.calendar-month{min-height:440px!important;border-radius:11px!important}#calendar-view .calendar-weekdays span{padding:8px 2px!important;font-size:calc(10px * var(--ui-scale,1))!important}#calendar-view .calendar-grid{grid-template-rows:repeat(6,minmax(58px,1fr))!important}#calendar-view .calendar-cell{padding:4px 3px!important}#calendar-view .calendar-day-number{width:26px!important;height:26px!important;font-size:calc(13px * var(--ui-scale,1))!important;margin-bottom:2px!important} #calendar-view .calendar-event{min-height:18px!important;margin:2px 0!important;padding:3px 4px!important;font-size:calc(9.5px * var(--ui-scale,1))!important;line-height:1.15!important}#calendar-view .calendar-event .event-time{font-size:calc(8px * var(--ui-scale,1))!important}#calendar-view .calendar-more{font-size:calc(8.5px * var(--ui-scale,1))!important} #calendar-view #cal-content>.calendar-year{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}#calendar-view .calendar-mini{padding:8px 5px!important}#calendar-view .calendar-mini h2 button{font-size:calc(14px * var(--ui-scale,1))!important}#calendar-view .calendar-mini-weekdays span{font-size:calc(8px * var(--ui-scale,1))!important}#calendar-view .calendar-mini-grid button{width:clamp(20px,5.4vw,24px)!important;height:clamp(20px,5.4vw,24px)!important;font-size:calc(9.5px * var(--ui-scale,1))!important} #calendar-view #cal-content>.calendar-week{grid-template-columns:1fr!important;gap:8px!important}#calendar-view .calendar-week-day{min-height:0!important;padding:9px 11px!important;display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;gap:0 11px!important}#calendar-view .calendar-week-day>button{grid-row:1/span 50!important;padding:4px 0!important;text-align:left!important;font-size:calc(10px * var(--ui-scale,1))!important}#calendar-view .calendar-week-day>button strong{font-size:calc(24px * var(--ui-scale,1))!important}#calendar-view .calendar-week-day .calendar-event{grid-column:2!important;height:auto!important;margin:2px 0!important;padding:6px 6px!important;font-size:calc(10.5px * var(--ui-scale,1))!important} #calendar-view .calendar-day-view{padding:12px 4px 25px!important}#calendar-view .calendar-day-view-head{grid-template-columns:minmax(0,1fr)!important;gap:9px!important;padding-bottom:14px!important}#calendar-view .calendar-day-summary{justify-items:start!important;text-align:left!important}#calendar-view .calendar-day-date-number{font-size:calc(44px * var(--ui-scale,1))!important}#calendar-view .calendar-day-month{font-size:calc(17px * var(--ui-scale,1))!important}#calendar-view .calendar-day-events .calendar-agenda-row{grid-template-columns:76px minmax(0,1fr)!important;padding:12px 1px!important} #calendar-view #cal-content>.calendar-agenda{gap:18px!important}#calendar-view .calendar-agenda-day h2{font-size:calc(18px * var(--ui-scale,1))!important}#calendar-view .calendar-agenda-row{grid-template-columns:75px minmax(0,1fr)!important;gap:9px!important;padding:10px 0!important}#calendar-view .calendar-agenda-row time{font-size:calc(9.5px * var(--ui-scale,1))!important}#calendar-view .calendar-agenda-row strong{font-size:calc(11.5px * var(--ui-scale,1))!important}#calendar-view .calendar-agenda-row small{font-size:calc(9px * var(--ui-scale,1))!important} .calendar-source-panel .panel-head,.calendar-source-panel .panel-content,.calendar-event-panel .panel-head,.calendar-event-panel .panel-content{padding-inline:20px!important}.calendar-event-panel .panel-head h2{font-size:25px!important} } /* Short landscape screens: compact, but still readable. */ @media (max-height:560px) and (orientation:landscape){ #calendar-view .calendar-shell{padding:7px 11px max(20px,calc(env(safe-area-inset-bottom) + 17px))!important} #calendar-view .calendar-layout{padding-top:6px!important}#calendar-view #cal-content>.calendar-month{height:100%!important;min-height:100%!important}#calendar-view .calendar-grid{grid-template-rows:repeat(6,minmax(40px,1fr))!important}#calendar-view .calendar-cell{padding:3px!important}#calendar-view .calendar-day-number{width:23px!important;height:23px!important;font-size:calc(10px * var(--ui-scale,1))!important}#calendar-view .calendar-event{min-height:16px!important;margin:1px 0!important;padding:2px 4px!important;font-size:calc(8.5px * var(--ui-scale,1))!important} #calendar-view #cal-content>.calendar-year{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px 7px!important}#calendar-view .calendar-mini{padding:6px 4px!important}#calendar-view .calendar-mini h2 button{font-size:calc(11px * var(--ui-scale,1))!important;margin:0 0 2px 2px!important}#calendar-view .calendar-mini-weekdays span{font-size:calc(7px * var(--ui-scale,1))!important;padding-bottom:2px!important}#calendar-view .calendar-mini-grid{gap:1px!important}#calendar-view .calendar-mini-grid button{width:17px!important;height:17px!important;font-size:calc(7.5px * var(--ui-scale,1))!important} #calendar-view #cal-content>.calendar-week{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:5px!important}#calendar-view .calendar-week-day{display:block!important;min-height:185px!important;padding:6px 5px!important}#calendar-view .calendar-week-day>button{padding:2px 0 6px!important;text-align:center!important;font-size:calc(8px * var(--ui-scale,1))!important}#calendar-view .calendar-week-day>button strong{font-size:calc(19px * var(--ui-scale,1))!important}#calendar-view .calendar-week-day .calendar-event{display:block!important;font-size:calc(8px * var(--ui-scale,1))!important;padding:3px!important} #calendar-view .calendar-day-view{padding-top:5px!important}#calendar-view .calendar-day-view-head{padding-bottom:8px!important}#calendar-view .calendar-day-date-number{font-size:calc(34px * var(--ui-scale,1))!important}#calendar-view .calendar-day-month{font-size:calc(14px * var(--ui-scale,1))!important;padding-bottom:3px!important}#calendar-view .calendar-day-events .calendar-agenda-row{padding:7px 2px!important} #calendar-view .calendar-agenda-row{padding:7px 0!important}.view-dots{bottom:0!important} } @media (max-width:360px){ } @media (prefers-reduced-motion:reduce){#calendar-view .calendar-main.is-loading{transition:none!important}} /* -------------------------------------------------------------------------- Istante v3.12.6 — production readability and spatial balance This block is intentionally final and overrides legacy compact breakpoints. -------------------------------------------------------------------------- */ /* The logo is in normal flow: no inherited absolute positioning can overlap it. */ #calendar-view .calendar-brand-lockup .wordmark{ display:flex!important;align-items:center!important;gap:9px!important;padding:0!important; } /* Never let useful calendar text collapse to decorative micro-copy. */ #calendar-view .calendar-sync-status,#calendar-view .calendar-device-note{font-size:calc(10.5px * var(--ui-scale,1))!important} #calendar-view .calendar-event{font-size:calc(12.5px * var(--ui-scale,1))!important;line-height:1.22!important} #calendar-view .calendar-event .event-time{font-size:calc(10.5px * var(--ui-scale,1))!important} #calendar-view .calendar-more{font-size:calc(10.5px * var(--ui-scale,1))!important} /* Week: this is a planning view, so labels and events must be readable at a glance. */ #calendar-view .calendar-week-day>button{font-size:calc(13px * var(--ui-scale,1))!important;line-height:1.15!important} #calendar-view .calendar-week-day>button strong{font-size:calc(30px * var(--ui-scale,1))!important;line-height:1!important} #calendar-view .calendar-week-day .calendar-event{font-size:calc(12.5px * var(--ui-scale,1))!important;line-height:1.22!important;padding:6px 7px!important} #calendar-view .calendar-week-day .calendar-event .event-time{font-size:calc(10.5px * var(--ui-scale,1))!important} /* Year: use the available calendar canvas on normal desktop widths, but stop growing on ultrawide. */ @media (min-width:1181px) and (min-height:561px){ #calendar-view #cal-content>.calendar-year{ width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;margin:0!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; grid-template-rows:repeat(3,minmax(0,1fr))!important;grid-auto-rows:unset!important; gap:clamp(9px,1.15vh,14px) clamp(11px,.9vw,16px)!important;align-content:stretch!important; } #calendar-view .calendar-mini{ min-height:0!important;height:100%!important;padding:clamp(8px,1vh,12px) clamp(7px,.65vw,11px)!important; display:flex!important;flex-direction:column!important;overflow:hidden!important; } #calendar-view .calendar-mini h2{flex:0 0 auto!important} #calendar-view .calendar-mini h2 button{font-size:calc(16px * var(--ui-scale,1))!important;margin-bottom:clamp(3px,.6vh,7px)!important} #calendar-view .calendar-mini-weekdays{flex:0 0 auto!important} #calendar-view .calendar-mini-weekdays span{font-size:calc(10px * var(--ui-scale,1))!important} #calendar-view .calendar-mini-grid{flex:1 1 auto!important;min-height:0!important;grid-template-rows:repeat(6,minmax(0,1fr))!important;align-items:center!important} #calendar-view .calendar-mini-grid button{ width:clamp(21px,2.6vh,29px)!important;height:clamp(21px,2.6vh,29px)!important; font-size:calc(11px * var(--ui-scale,1))!important; } } @media (min-width:2200px){#calendar-view #cal-content>.calendar-year{max-width:1680px!important;margin-inline:auto!important}} /* Tablet keeps a full 4x3 year where possible, with legible mini calendars. */ @media (min-width:900px) and (max-width:1180px){ #calendar-view #cal-content>.calendar-year{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px 12px!important} #calendar-view .calendar-mini-weekdays span{font-size:calc(9.5px * var(--ui-scale,1))!important} #calendar-view .calendar-mini-grid button{width:23px!important;height:23px!important;font-size:calc(10.5px * var(--ui-scale,1))!important} } /* Narrow layouts: preserve touch density, not microscopic typography. */ @media (max-width:740px){ #calendar-view .calendar-event{font-size:calc(10.5px * var(--ui-scale,1))!important} #calendar-view .calendar-event .event-time{font-size:calc(9.8px * var(--ui-scale,1))!important} #calendar-view .calendar-more{font-size:calc(9.8px * var(--ui-scale,1))!important} #calendar-view .calendar-mini-weekdays span{font-size:calc(9.5px * var(--ui-scale,1))!important} #calendar-view .calendar-mini-grid button{font-size:calc(10.5px * var(--ui-scale,1))!important} #calendar-view .calendar-week-day>button{font-size:calc(12px * var(--ui-scale,1))!important} #calendar-view .calendar-week-day>button strong{font-size:calc(27px * var(--ui-scale,1))!important} #calendar-view .calendar-week-day .calendar-event{font-size:calc(12px * var(--ui-scale,1))!important;line-height:1.3!important;padding:7px 8px!important} #calendar-view .calendar-week-day .calendar-event .event-time{font-size:calc(10.5px * var(--ui-scale,1))!important} #calendar-view .calendar-agenda-row time{font-size:calc(10.5px * var(--ui-scale,1))!important} #calendar-view .calendar-agenda-row strong{font-size:calc(12.5px * var(--ui-scale,1))!important} #calendar-view .calendar-agenda-row small{font-size:calc(10px * var(--ui-scale,1))!important} } /* Short landscape still prioritises comprehension over fitting everything at any cost. */ @media (max-height:560px) and (orientation:landscape){ #calendar-view .calendar-event{font-size:calc(10.5px * var(--ui-scale,1))!important;line-height:1.2!important} #calendar-view .calendar-event .event-time{font-size:calc(9.5px * var(--ui-scale,1))!important} #calendar-view .calendar-mini h2 button{font-size:calc(12.5px * var(--ui-scale,1))!important} #calendar-view .calendar-mini-weekdays span{font-size:calc(9.5px * var(--ui-scale,1))!important} #calendar-view .calendar-mini-grid button{width:20px!important;height:20px!important;font-size:calc(10px * var(--ui-scale,1))!important} #calendar-view .calendar-week-day>button{font-size:calc(10.5px * var(--ui-scale,1))!important} #calendar-view .calendar-week-day>button strong{font-size:calc(21px * var(--ui-scale,1))!important} #calendar-view .calendar-week-day .calendar-event{font-size:calc(10.5px * var(--ui-scale,1))!important;padding:4px 5px!important} #calendar-view .calendar-week-day .calendar-event .event-time{font-size:calc(9.5px * var(--ui-scale,1))!important} } @media (max-width:360px){} /* v3.12.6 — readability floor. “Piccolo” remains compact, never microscopic. */ #calendar-view .calendar-sync-status,#calendar-view .calendar-device-note,#calendar-view .calendar-event .event-time,#calendar-view .calendar-more,#calendar-view .calendar-mini-weekdays span,#calendar-view .calendar-week-event .event-time,#calendar-view .calendar-agenda-time,#calendar-view .calendar-agenda-item small{ font-size:max(9.5px,calc(10px * var(--ui-scale,1)))!important; } #calendar-view .calendar-views button{ font-size:max(10px,calc(12px * var(--ui-scale,1)))!important; } #calendar-view .calendar-mini-grid button{ font-size:max(10px,calc(11px * var(--ui-scale,1)))!important; } #calendar-view .calendar-week-day-label{ font-size:max(11px,calc(13px * var(--ui-scale,1)))!important; } #calendar-view .calendar-week-event{ font-size:max(11px,calc(12.5px * var(--ui-scale,1)))!important; } @media (max-width:740px), (max-height:560px) and (orientation:landscape){ #calendar-view .calendar-mini-weekdays span, #calendar-view .calendar-mini-grid button, #calendar-view .calendar-event .event-time, #calendar-view .calendar-week-event .event-time, #calendar-view .calendar-agenda-time, #calendar-view .calendar-agenda-item small{ font-size:max(9.5px,calc(10px * var(--ui-scale,1)))!important; } #calendar-view .calendar-week-event{ font-size:max(10.5px,calc(12px * var(--ui-scale,1)))!important; } } /* v3.12.6 — final Week readability floor, including compact landscape. */ #calendar-view .calendar-week-day>button{ font-size:max(12px,calc(13px * var(--ui-scale,1)))!important; } #calendar-view .calendar-week-day>button strong{ font-size:max(25px,calc(30px * var(--ui-scale,1)))!important; } #calendar-view .calendar-week-day .calendar-event{ font-size:max(11.5px,calc(12.5px * var(--ui-scale,1)))!important; line-height:1.3!important; } #calendar-view .calendar-week-day .calendar-event .event-time{ font-size:max(10.5px,calc(10.5px * var(--ui-scale,1)))!important; }