/* «Календар»: панелі кроків — масштаби, подія одним рядком, Google в обидва боки, задачі з терміном, гості й нагадування */
.cz{position:absolute;inset:44px 14px 14px;display:grid;grid-template-rows:auto 1fr;gap:12px}
.cv{position:relative}
.cv>div{position:absolute;inset:0;opacity:0}
.cv>div.on{opacity:1}
.cw{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;align-content:start}
.cw b{font:600 11px var(--f-body);color:var(--ink3);padding:2px 4px}
.cw span{height:150px;border-radius:7px;border:1px solid var(--line);position:relative}
.cw span i{position:absolute;left:3px;right:3px;top:var(--t);height:var(--h);border-radius:5px;background:var(--rc);font:600 10px/1.2 var(--f-body);font-style:normal;color:var(--ev-ink);padding:3px 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} /* назва події; четвер 15 = вид «День» */
.cd{display:grid;grid-template-columns:44px 1fr;gap:6px;align-content:start;font:500 11px var(--f-mono);color:var(--ink3)}
.cd i{font-style:normal;padding:7px 10px;border-radius:7px;background:color-mix(in srgb,var(--rc) 24%,transparent);color:var(--ink);font:500 12.5px var(--f-body)}
.cd em{border-top:1px solid var(--line);height:28px}
.cm{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:44px;gap:4px;align-content:start}
.cm span{border-radius:6px;border:1px solid var(--line);padding:3px 5px;font:500 11px var(--f-mono);color:var(--ink3);display:flex;flex-direction:column;gap:3px}
.cm span i{display:block;width:6px;height:6px;border-radius:50%;background:var(--rc)}
.cm span.td{border-color:var(--c);color:var(--c)}
.cy{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-content:start}
.cy span{display:grid;gap:4px;font:600 11px var(--f-body);color:var(--ink2)}
.cy span::after{content:"";height:58px;border-radius:7px;border:1px solid var(--line);background:radial-gradient(circle,var(--line2) 1.2px,transparent 1.6px) 0 0/9px 9px}
.cy span.td{color:var(--c)}
.cy span.td::after{border-color:var(--c)}

.ql{position:absolute;inset:44px 14px 14px;display:grid;gap:14px;align-content:start}
.ql .qin{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:10px;border:1px solid var(--line2);background:var(--card-in);font:500 15px var(--f-body);color:var(--ink);min-height:48px}
.ql .qin .plus{color:var(--c);font-weight:700}
.qp{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;padding:12px 14px;border-radius:12px;border:1px dashed var(--line2);font-size:13px;color:var(--ink3);opacity:0}
.qp b{color:var(--ink);font-weight:600}
.day1{display:grid;grid-template-columns:44px 1fr;gap:4px;font:500 11px var(--f-mono);color:var(--ink3)}
.day1 em{border-top:1px solid var(--line);height:30px;position:relative}
.day1 .ev{position:absolute;left:0;right:0;top:2px;height:26px;border-radius:6px;background:var(--c);color:var(--ev-ink);font:600 12px var(--f-body);padding:5px 9px;opacity:0}

.gg{position:absolute;inset:44px 14px 14px;display:grid;grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);gap:10px;align-items:start}
.gg .card{display:grid;gap:8px;align-content:start;box-shadow:none;min-height:240px}
.gg .card>b{font-size:13.5px;display:flex;gap:8px;align-items:center}
.gev{padding:8px 10px;border-radius:8px;background:color-mix(in srgb,var(--rc) 22%,transparent);font-size:12.5px;color:var(--ink)}
.gev small{display:block;color:var(--ink3);font-size:11.5px}
.garr{display:grid;gap:18px;justify-items:center;padding-top:70px;color:var(--c)}
.garr svg{width:44px;height:20px}
.gfly{opacity:0}

.dt{position:absolute;inset:44px 14px 14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-content:start}
.dt>span{display:grid;gap:7px;align-content:start;padding:10px;border-radius:12px;border:1px solid var(--line);min-height:200px}
.dt>span>b{font:600 12px var(--f-body);color:var(--ink3)}
.dt .chk{font-size:13px}
.dt .chk b{transition:background .3s,border-color .3s}
.dt .chk.ok b{background:var(--c-dg);border-color:var(--c-dg)}
.dt .ev2{padding:6px 9px;border-radius:7px;background:color-mix(in srgb,var(--rc) 22%,transparent);font-size:12.5px;color:var(--ink)}

.gs{position:absolute;inset:44px 14px 14px;display:grid;gap:12px;align-content:start}
.gs .card{display:grid;gap:10px;box-shadow:none}
.gs .tt{font:700 17px var(--f-body)}
.gl{display:grid;gap:6px}
.gl div{display:flex;gap:9px;align-items:center;font-size:13px;color:var(--ink2)}
.gl .pill{margin-left:auto;opacity:0}
.rsvp{display:flex;gap:6px}
.rsvp span{padding:6px 11px;border-radius:8px;border:1px solid var(--line2);font-size:12.5px;color:var(--ink2);transition:background .3s,color .3s,border-color .3s}
.rsvp span.on{background:var(--c);border-color:var(--c);color:var(--ev-ink)}
.gs .toast{position:relative;right:auto;bottom:auto;opacity:0;justify-self:end}
@media (max-width:640px),(pointer:coarse) and (max-width:1100px){.cw span{height:110px}.cy{grid-template-columns:repeat(3,minmax(0,1fr))}.cy span::after{height:40px}.gg{grid-template-columns:1fr 40px 1fr}.dt{grid-template-columns:1fr 1fr}.dt>span:nth-child(3){display:none}}