/* Календарь использует общие стекло, цвет текста и цвета статусов. */
#frameSeg{min-width:0}
#frameSeg button,#frameSeg #calendarTab,#frameSeg .seg-tray{flex:1 1 0;min-width:0;width:0;font-size:var(--fs-caption);padding:0 2px!important;gap:0}
#frameSeg #trayN{position:absolute;top:0;right:0;min-width:18px;height:18px;line-height:var(--lh-caption);color:color-mix(in srgb,var(--inbox-violet) 55%,var(--fg));border-color:color-mix(in srgb,var(--inbox-violet) 38%,transparent)}
.inbox-open #modeBtn .mode-glyph{width:27px;height:27px;color:color-mix(in srgb,var(--inbox-violet) 32%,var(--fg))}
.calendar-open #scrTasks{padding:0 12px 10px;min-height:0}
.calendar-mode{gap:8px;color:var(--fg);--c-text:var(--fg);--c-text-2:color-mix(in srgb,var(--fg) 65%,transparent);--c-text-3:color-mix(in srgb,var(--fg) 40%,transparent);--c-bg:var(--bg);--c-surface:transparent;--c-card:color-mix(in srgb,var(--inbox-white) 3%,transparent);--c-edge:var(--glass-line);--c-line-2:color-mix(in srgb,var(--inbox-white) 13%,transparent);--c-accent:color-mix(in srgb,var(--inbox-white) 15%,transparent);--c-on-accent:var(--fg);--cal-hour:68px;--cal-hour-week:68px;--cal-min:calc(var(--cal-hour) / 60);--cal-gutter-w:44px;--cal-gutter-w-week:44px}
.calendar-mode .cal-head,.calendar-mode .cal-ranges,.calendar-mode .cal-month,.calendar-mode .cal-scroll,.calendar-mode .cal-allday{border:1px solid var(--glass-line);border-radius:var(--r-20);background:var(--glass);box-shadow:inset 0 1px color-mix(in srgb,var(--inbox-white) 19%,transparent),0 5px 18px color-mix(in srgb,var(--bg) 20%,transparent);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.calendar-mode .cal-head{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:2px;padding:10px 10px 5px}
.calendar-mode .cal-titles{display:contents}
.calendar-mode .cal-title{grid-column:1/-1;grid-row:1;white-space:nowrap;font-size:var(--fs-cal-title);line-height:var(--lh-cal-title);font-weight:600;display:block;color:var(--fg)}
.calendar-mode .cal-sub{grid-column:1;grid-row:2;font-size:var(--fs-micro);color:color-mix(in srgb,var(--fg) 65%,transparent)}
.calendar-mode .cal-arrow{width:40px;height:44px;color:var(--fg)}
.calendar-mode .cal-today{font-size:var(--fs-caption);color:var(--fg);border-color:var(--glass-line)}
.calendar-mode .cal-tools{display:flex;padding:0}
.calendar-mode .cal-ranges{padding:4px;gap:3px;border-radius:var(--r-card)}
.calendar-mode .cal-range{height:44px;border-radius:var(--r-20);font-size:var(--fs-small);color:color-mix(in srgb,var(--fg) 70%,transparent)}
.calendar-mode .cal-range.is-on{color:var(--fg);background:linear-gradient(145deg,color-mix(in srgb,var(--inbox-white) 19%,transparent),color-mix(in srgb,var(--inbox-white) 5%,transparent));box-shadow:inset 0 1px color-mix(in srgb,var(--inbox-white) 27%,transparent)}
.calendar-mode .cal-cols{padding:0 8px 0 46px}.calendar-mode .cal-colh{min-height:44px}
.calendar-mode .cal-allday{padding:8px;flex:none;max-height:125px;overflow:auto}
.calendar-mode .cal-allday-k{font-size:var(--fs-cal-tiny);line-height:var(--lh-cal-all);color:var(--fg)}
.calendar-mode .cal-scroll{padding:0;min-height:0;touch-action:pan-y}
.calendar-mode .cal-hl{color:color-mix(in srgb,var(--fg) 62%,transparent);font-size:var(--fs-cal-time)}
.calendar-mode .cal-hline,.calendar-mode .cal-vline{background:color-mix(in srgb,var(--fg) 14%,transparent)}
.calendar-mode .cal-plate,.calendar-mode .cal-pill{border-color:var(--glass-line);background:linear-gradient(145deg,color-mix(in srgb,var(--inbox-white) 10%,transparent),color-mix(in srgb,var(--inbox-white) 3%,transparent));color:var(--fg);border-radius:var(--r-10)}
.calendar-mode .cal-plate.is-urgent,.calendar-mode .cal-pill.is-urgent{background:color-mix(in srgb,var(--c-urgent) 19%,var(--bg));border-color:var(--c-urgent-text)}
.calendar-mode .cal-plate.is-imp,.calendar-mode .cal-pill.is-imp{color:var(--home-gold);border-color:color-mix(in srgb,var(--home-gold) 55%,transparent)}
.calendar-mode .cal-plate.is-done{background:color-mix(in srgb,var(--c-done) 25%,var(--bg));color:var(--c-done);border-color:color-mix(in srgb,var(--c-done) 55%,transparent)}
.calendar-mode .cal-month{padding:10px;min-height:0}.calendar-mode .cal-mgrid{padding:0}
.calendar-mode .cal-mday{color:var(--fg);min-height:44px;border-radius:var(--r-14);border-top:0}.calendar-mode .cal-mday.is-out{opacity:.4}
.calendar-mode .cal-mday.is-sel .cal-mnum{border-color:var(--glass-line);box-shadow:0 0 16px color-mix(in srgb,var(--inbox-white) 9%,transparent)}
.calendar-mode .cal-mlist{padding:10px 0 0}.calendar-mode .cal-mrow{border-radius:var(--r-14);border:1px solid var(--glass-line);background:color-mix(in srgb,var(--inbox-white) 3%,transparent);margin-bottom:6px}
.calendar-mode .cal-mrow.is-done{color:var(--c-done);border-color:color-mix(in srgb,var(--c-done) 45%,transparent);background:color-mix(in srgb,var(--c-done) 15%,var(--bg))}
.calendar-mode .cal-mlist[hidden]{display:none}
.calendar-mode.r-year .cal-month{overflow:auto;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--inbox-white) 25%,transparent) transparent}.calendar-mode.r-year .cal-mgrid{flex:none}
.cal-year-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 7px}
.cal-year-month{min-width:0;border-radius:var(--r-14);padding:8px 4px;border:1px solid var(--glass-line);background:color-mix(in srgb,var(--inbox-white) 3%,transparent);color:var(--fg);text-align:center;min-height:133px}
.cal-year-month strong{display:block;text-align:left;margin:0 0 6px 3px;font-size:var(--fs-caption);font-weight:600}
.cal-year-dows,.cal-year-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));font-size:var(--fs-cal-mini);gap:2px 0}
.cal-year-dows{opacity:.55;margin-bottom:4px}.cal-year-dows i{font-style:normal}
.cal-year-days>span{position:relative;min-height:14px;line-height:var(--lh-micro)}.cal-year-days .is-today{background:color-mix(in srgb,var(--inbox-white) 15%,transparent);border-radius:var(--r-8)}
.cal-year-dot{position:absolute;width:2px;height:2px;bottom:0;left:calc(50% - 1px);background:var(--home-gold);border-radius:var(--r-round)}
@media(max-width:360px){#assistantTab{width:44px;height:52px}#frameSeg button,#frameSeg #calendarTab,#frameSeg .seg-tray{font-size:var(--fs-cal-time);padding:0 1px!important}.cal-year-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cal-year-dows,.cal-year-days{font-size:var(--fs-cal-time)}.cal-year-days>span{min-height:17px;line-height:var(--lh-cal-compact)}}
