.events-strip { position:relative; z-index:4; width:min(1540px,calc(100% - 12vw)); min-height:56px; margin:4px auto 0; display:flex; align-items:center; gap:22px; padding:8px 23px; border:0; border-radius:0; background:none; box-shadow:none; color:#edf0e8; font-size:13px; }
.events-strip-label { display:flex; gap:10px; align-items:center; flex-shrink:0; font-weight:650; color:#e9ede7; padding-right:22px; border-right:1px solid #c8ac651a; }
.events-strip-label > .events-icon { color:#edc65e; }
.events-icon { display:inline-block; width:19px; height:19px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.events-viewport { min-width:0; flex:1; overflow:hidden; mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent); }
.events-track { display:flex; width:max-content; align-items:center; gap:34px; }
.events-group { display:flex; align-items:center; width:max-content; gap:34px; }
.events-clone[hidden] { display:none; }
.events-track.is-moving { animation:events-drift var(--events-duration,60s) linear infinite; }
.events-strip:is(:hover,:focus-within) .events-track,.events-strip.is-paused .events-track,.events-strip:not(.is-in-view) .events-track,.tab-inactive .events-track { animation-play-state:paused; }
.events-strip:has(:focus-visible) .events-track { animation:none; transform:none; }
.events-strip:has(:focus-visible) .events-viewport { overflow-x:auto; }
.events-strip:has(:focus-visible) .events-clone { display:none; }
.event-chip { display:inline-flex; align-items:center; gap:9px; border:0; background:none; padding:8px 0; color:#f2f2e9; font:inherit; cursor:pointer; white-space:nowrap; }
.event-chip > strong { font-size:13px; max-width:300px; overflow:hidden; text-overflow:ellipsis; }
.event-chip .events-icon { width:17px; height:17px; color:#e9c359; }
.event-chip time { color:#bec7c8; font-size:12px; min-width:101px; text-align:left; font-variant-numeric:tabular-nums; }
.event-chip:hover strong { color:#ffe18a; }
.event-state { display:inline-flex; align-items:center; gap:5px; font-size:10px; font-weight:650; color:#d3bd7a; }
.event-state.is-active { color:#80d89e; }
.event-state.is-active::before { content:''; width:5px; height:5px; border-radius:50%; background:#65d98d; box-shadow:0 0 7px #65d98d50; }
.event-state.is-paused { color:#adb5b5; }
.events-actions { display:flex; gap:7px; align-items:center; flex-shrink:0; }
.events-plan-button,.events-pause { display:inline-flex; align-items:center; justify-content:center; gap:9px; background:none; color:#e7c25b; border:0; border-radius:5px; font-size:12px; font-weight:650; min-height:32px; padding:5px 8px; cursor:pointer; transition:background .2s,color .2s; }
.events-plan-button:hover,.events-pause:hover { background:#e6ba2d0b; color:#ffe18a; }
.events-pause { width:28px; padding:4px; border-color:transparent; background:none; }
.events-pause .events-icon { width:14px; height:14px; }
.events-pause[hidden] { display:none; }
.events-placeholder { font-size:12px; color:#aeb8ba; padding:8px 16px; }
.lower-grid .events-tile { grid-column:2/-1; position:relative; isolation:isolate; overflow:hidden; padding:22px 25px; min-height:224px; background:#0d151b; border-color:#b8c5cf47; transition:border-color .3s,box-shadow .3s; }
.events-tile::before { content:''; position:absolute; z-index:-2; inset:0; background:url('assets/kafelek-wydarzenia-v1.webp') 72% 50%/cover no-repeat; opacity:.9; }
.events-tile::after { content:''; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,#0d151b 5%,#0d151bf0 33%,#0d151b80 70%,#0d151b3d),linear-gradient(0deg,#0d151b85,transparent 80%); }
.lower-grid .events-tile:hover { border-color:#d8b65780; box-shadow:0 10px 28px #0003; }
.events-tile-content { position:relative; max-width:80%; display:flex; flex-direction:column; align-items:flex-start; min-height:178px; }
.events-tile-heading { display:flex; align-items:center; gap:10px; margin-bottom:13px; }
.events-tile-heading h2 { margin:0; font-size:14px; line-height:1.4; font-weight:700; color:#eef0e9; }
.events-tile-symbol { display:grid; place-items:center; color:#efc657; }
.events-tile-symbol .events-icon { width:22px; height:22px; }
.events-tile-preview { flex:1; min-height:87px; }
.events-tile-kicker { display:block; font-size:10px; color:#b7bdb7; margin-bottom:4px; }
.events-tile-preview h3 { margin:0 0 7px; color:#f0e6c5; font-size:18px; line-height:1.4; font-weight:700; letter-spacing:-.25px; overflow-wrap:anywhere; }
.events-tile-preview p { margin:0; color:#bbc5cc; font-size:12px; line-height:1.75; max-width:355px; }
.events-tile-meta { display:flex; align-items:center; flex-wrap:wrap; gap:9px 15px; margin:7px 0; }
.events-tile-countdown { display:inline-flex; align-items:center; gap:6px; color:#c5cdd0; font-size:11px; }
.events-tile-countdown .events-icon { width:13px; height:13px; color:#d3b665; }
.events-tile .events-tile-button { margin-top:14px; font-family:inherit; cursor:pointer; min-height:34px; background:#0c141bb3; border-color:#ceb25369; color:#ebcb70; transition:background .25s,border-color .25s; }
.events-tile-button .events-icon { width:15px; height:15px; transition:transform .25s; }
.events-tile-button:hover { background:#ccb04b14; border-color:#ebc955bb; }
.events-tile-button:hover .events-icon { transform:translateX(3px); }
.lower-grid .news-card { position:relative; isolation:isolate; overflow:hidden; background:#0d151b; min-height:224px; padding:22px 20px; }
.lower-grid .news-card::before { content:''; position:absolute; z-index:-2; inset:0; background:url('assets/kafelek-aktualnosci-v1.webp') 72% 50%/cover no-repeat; opacity:.85; }
.lower-grid .news-card::after { content:''; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,#0d151bf5 2%,#0d151be6 36%,#0d151b69 80%,#0d151b2b),linear-gradient(0deg,#0d151b80,transparent 75%); }
.lower-grid .news-card::before,.lower-grid .events-tile::before { inset:-8px; transform:translate3d(0,0,0); backface-visibility:hidden; will-change:transform; pointer-events:none; transition:transform .9s cubic-bezier(.22,.61,.36,1); }
@media(hover:hover) and (pointer:fine) {
 .lower-grid .news-card:hover::before,.lower-grid .events-tile:hover::before { transform:translate3d(-4px,-2px,0); }
}
.lower-grid .news-card .news-thumbnail { display:none; }
.lower-grid .news-preview { position:relative; display:block; margin-top:17px; }
.lower-grid .news-preview > div:last-child { max-width:min(300px,80%); }
.lower-grid .news-preview h3 { font-size:16px; line-height:1.4; color:#f0e6c5; margin-bottom:8px; }
.lower-grid .news-preview p { color:#c2cbd0; line-height:1.75; }
.lower-grid .news-preview .tag { margin-top:13px; }
@media(max-width:1000px) { .lower-grid .events-tile { grid-column:1/-1; } }
@media(max-width:600px) {
 .lower-grid .events-tile { padding:20px; min-height:232px; }
 .events-tile-content { max-width:100%; }
 .events-tile-preview h3 { font-size:17px; }
 .events-tile-preview p { max-width:240px; }
 .events-tile::after { background:linear-gradient(90deg,#0d151bf5,#0d151bd9 60%,#0d151b8c),linear-gradient(0deg,#0d151bc0,transparent); }
}
@media(prefers-reduced-motion:reduce) { .events-tile::before,.lower-grid .news-card::before,.events-tile-button .events-icon { transition:none; transform:none!important; will-change:auto; } }
.event-plan-heading { display:flex; align-items:center; gap:12px; margin:4px 0 14px; }
.event-plan-heading > .events-icon { width:29px; height:29px; color:#ebc65f; }
.event-plan-heading h2 { margin:0!important; }
.event-plan > p { color:#bbc6cb; font-size:13px; line-height:1.65; margin-bottom:14px; }
.events-freshness { display:flex; align-items:center; gap:7px; color:#a9b7bb; font-size:11px; margin-bottom:16px; }
.events-freshness .events-icon { width:14px; height:14px; }
.event-plan-list { list-style:none; padding:0 7px 0 0; margin:0; display:grid; gap:10px; max-height:49dvh; overflow:auto; scrollbar-width:thin; scrollbar-color:#bca45577 transparent; overscroll-behavior:contain; }
.event-plan-list::-webkit-scrollbar { width:4px; }
.event-plan-list::-webkit-scrollbar-thumb { background:#bca45577; border-radius:4px; }
.event-plan-card { padding:15px; border:1px solid #64778139; border-radius:9px; background:#15212961; }
.event-plan-card.is-active-event { border-color:#8cbc7650; background:linear-gradient(115deg,#a0b65c0b,#15212961 65%); }
.event-plan-card.is-selected { border-color:#dbb65290; background:#d8b3460b; }
#modal[open] .event-plan.is-opening .event-plan-card { animation:event-date-arrive .5s cubic-bezier(.2,.7,.25,1) var(--event-delay,0ms) both; }
#modal[open] .event-plan.is-opening .event-plan-heading { animation:event-date-arrive .4s ease both; }
#modal[open] .event-plan.is-opening .event-plan-command { animation:event-date-arrive .45s ease .15s both; }
#modal[open] .event-plan-card.is-active-event .event-state::before { animation:event-live-light 2.6s ease-in-out infinite; }
.tab-inactive .event-plan-card.is-active-event .event-state::before { animation-play-state:paused!important; }
.event-plan-card header { display:flex; align-items:center; gap:10px; margin-bottom:7px; }
.event-plan-card header > .events-icon { width:23px; height:23px; color:#edc654; }
.event-plan-card h3 { font-size:14px; margin:0; line-height:1.4; }
.event-plan-card .event-state { margin-left:auto; flex-shrink:0; }
.event-plan-card p { margin:8px 0; color:#b3bfc5; font-size:12px; line-height:1.65; }
.event-plan-dates { display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px 12px; color:#d5ddd9; font-size:11px; line-height:1.7; font-variant-numeric:tabular-nums; }
[data-event-time] { display:inline-block; }
.event-plan-command { margin-top:18px; display:flex; align-items:center; gap:10px; border-top:1px solid #61777c26; padding-top:15px; }
.event-plan-command code { color:#f4d478; font-size:14px; }
.event-plan-command span { color:#a9b8be; font-size:11px; }
.event-plan-command button { margin-left:auto; width:32px; height:32px; display:grid; place-items:center; border:1px solid #d0b45350; border-radius:6px; color:#edce72; background:#d0b4530b; cursor:pointer; }
.event-plan-command .event-copy-button { position:relative; isolation:isolate; flex:0 0 112px; width:112px; height:38px; display:flex; justify-content:center; gap:8px; padding:0 9px; transition:background .2s,color .2s,border-color .2s,transform .18s; }
.event-plan-command .event-copy-button span { font-size:11px; font-weight:650; color:inherit; }
.event-copy-button .events-icon { width:16px; height:16px; transition:transform .2s; }
.event-copy-button:hover { border-color:#e7c25caa; background:#d0b45318; }
.event-copy-button:not(.is-copied):hover .events-icon { transform:translateY(-1px) rotate(-5deg); }
.event-copy-button:active { transform:scale(.97); }
.event-copy-button[aria-busy="true"] { opacity:.65; cursor:wait; }
.event-plan-command .event-copy-button.is-copied { color:#92dfa9; border-color:#70c98e70; background:#66bd8112; }
.event-copy-button.is-copied .events-icon { animation:event-copy-confirm .35s cubic-bezier(.2,.7,.3,1) both; }
.event-copy-button.is-copied .events-icon path { stroke-dasharray:1; animation:event-check-draw .3s ease-out both; }
.event-copy-button.is-copied::after { content:''; position:absolute; inset:-1px; z-index:-1; border:1px solid #83d69c70; border-radius:inherit; pointer-events:none; animation:event-copy-ring .65s ease-out both; }
.event-plan-empty { padding:24px 10px; text-align:center; color:#b5c0c6; font-size:13px; line-height:1.75; }
@keyframes event-date-arrive { from { opacity:0; transform:translateY(9px); } to { opacity:1; transform:translateY(0); } }
@keyframes event-live-light { 0%,100% { opacity:.65; box-shadow:0 0 3px #65d98d30; } 50% { opacity:1; box-shadow:0 0 9px #65d98d80; } }
@keyframes event-copy-confirm { from { opacity:.25; transform:scale(.85); } to { opacity:1; transform:scale(1); } }
@keyframes event-check-draw { from { stroke-dashoffset:1; } to { stroke-dashoffset:0; } }
@keyframes event-copy-ring { from { opacity:.65; transform:scale(1); } to { opacity:0; transform:scale(1.09,1.2); } }
@keyframes events-drift { to { transform:translate3d(calc(-1 * var(--events-distance)),0,0); } }
@keyframes events-arrive { from { opacity:0; translate:0 8px; } to { opacity:1; translate:0 0; } }
.events-strip.events-entered { animation:events-arrive .7s ease both; }
@media(max-width:1279px) { .events-strip { width:calc(100% - 64px); gap:16px; padding-inline:17px; } .events-strip-label { padding-right:16px; } }
@media(max-width:600px) {
 .events-strip { width:calc(100% - 42px); display:grid; grid-template-columns:1fr auto; gap:4px 12px; padding:4px 12px; margin-top:8px; min-height:76px; border-radius:0; }
 .events-strip-label { gap:7px; font-size:12px; padding-right:0; border-right:0; }
 .events-strip-label > .events-icon { width:16px; height:16px; }
 .events-viewport { grid-column:1/-1; grid-row:2; width:100%; }
 .events-group,.events-track { gap:26px; }
 .event-chip { gap:7px; }
 .event-chip > strong { max-width:260px; font-size:12px; }
 .events-actions { gap:4px; grid-column:2; grid-row:1; }
 .events-plan-button { font-size:10px; padding:4px 6px; }
 .events-pause { width:24px; }
 .event-chip .event-state { font-size:9px; }
 .event-plan-card { padding:12px; }
}
@media(prefers-reduced-motion:reduce) {
 #modal[open] .event-plan.is-opening .event-plan-card,#modal[open] .event-plan.is-opening .event-plan-heading,#modal[open] .event-plan.is-opening .event-plan-command,#modal[open] .event-plan-card.is-active-event .event-state::before,.event-copy-button.is-copied .events-icon,.event-copy-button.is-copied .events-icon path,.event-copy-button.is-copied::after { animation:none; }
 .event-copy-button,.event-copy-button .events-icon { transition:none!important; transform:none!important; }
 .event-copy-button.is-copied::after { display:none; }
 .events-strip.events-entered,.events-track.is-moving { animation:none; transform:none; }
 .events-clone { display:none; }
 .events-viewport { overflow-x:auto; scrollbar-width:thin; scrollbar-color:#bca45577 transparent; }
 .events-pause { display:none; }
}
/* Szczegóły terminarza: animowany akordeon, terminy i postęp wydarzenia. */
.event-plan-card{padding:0;overflow:hidden}.event-summary{display:flex;align-items:center;gap:11px;width:100%;padding:15px;color:#e7eae4;background:none;border:0;font:inherit;text-align:left;cursor:pointer}.event-summary:hover{background:#ffffff04}.event-summary-symbol{width:35px;height:35px;display:grid;place-items:center;flex-shrink:0;color:#f0c758;background:#e5c3490d;border-radius:9px}.event-summary-symbol svg{width:22px;height:22px}.event-summary-copy{display:grid;gap:5px;flex:1;min-width:0;line-height:1.5}.event-summary-copy strong{font-size:14px}.event-summary-copy>span{font-size:11px;color:#a8b9bf}.event-summary .event-state{margin-left:0;font-size:11px}.event-expand-chevron{font-size:20px;line-height:1;color:#c0ab68;transition:transform .3s ease}.event-summary[aria-expanded=true] .event-expand-chevron{transform:rotate(180deg)}.event-expand-content{padding:0 17px 18px}.event-plan-card .event-description{font-size:13px;line-height:1.85;padding-top:12px;margin:0 0 16px;border-top:1px solid #b5c8c71c;color:#c2cecf}.event-countdown{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;color:#eed078;margin-bottom:16px}.event-countdown small{margin-left:auto;color:#95a9b2;font-size:11px}.event-facts{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:15px 18px}.event-facts>div{min-width:0}.event-facts dt{font-size:11px;color:#91a6b2;margin:0 0 5px}.event-facts dd{margin:0;font-size:12px;line-height:1.6;color:#e5eae5}.event-progress{height:5px;background:#b2c6ce14;border-radius:5px;overflow:hidden;margin:19px 0 4px}.event-progress i{display:block;height:100%;background:linear-gradient(90deg,#a7913c,#f4cd50);transform:scaleX(var(--event-progress,0));transform-origin:left;transition:transform 1s linear}.event-extra{margin:18px 0 0}.event-extra h4{margin:0 0 8px;color:#e8c657;font-size:12px}.event-extra ul{padding-left:18px;margin:0;color:#bdcbd1;line-height:1.8;font-size:12px}.event-detail-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;border-top:1px solid #9fb1b61c;padding-top:15px;margin-top:18px}.event-detail-actions>span{flex:1;min-width:140px;font-size:11px;line-height:1.75;color:#9fb3bc}.event-detail-actions code{color:#e4c978}.event-reminder{display:inline-flex;align-items:center;gap:7px;border:1px solid #d5b94c55;color:#ead07b;background:#dfbd3c09;border-radius:7px;font:inherit;font-size:11px;padding:9px 10px;cursor:pointer;transition:background .2s,border-color .2s}.event-reminder:hover{background:#e0be3617;border-color:#dfbf4a90}.event-reminder svg{width:15px;height:15px}.event-expand-region[hidden]{display:none}@media(max-width:600px){.event-summary{padding:13px 11px;gap:8px}.event-summary-copy strong{font-size:13px}.event-summary-copy>span{font-size:10px}.event-summary-symbol{width:29px;height:29px}.event-summary .event-state{font-size:10px}.event-expand-content{padding:0 13px 16px}.event-countdown small{width:100%;margin-left:27px}.event-facts{gap:13px 10px}.event-facts dd{font-size:11px}.event-countdown{font-size:12px}.event-detail-actions{gap:10px}.event-reminder{padding:9px}}@media(prefers-reduced-motion:reduce){.event-expand-chevron,.event-progress i,.event-reminder{transition:none}}
.event-plan-heading{padding-right:28px}.event-plan-heading h2{min-width:0;overflow-wrap:normal}#modal:has(.event-plan)>.dialog-close,#modal:has(.notifications-view)>.dialog-close{z-index:3}

.event-reminder[aria-pressed="true"]{color:#f8d25d;border-color:#dfbf4a88;background:#dfbd3c12}.event-reminder[aria-busy="true"]{cursor:wait;opacity:.65}.event-reminder:focus-visible{outline:1px solid #e9c751;outline-offset:2px}.event-reminder.is-confirmed .events-icon{animation:event-reminder-confirm .38s ease-out}@keyframes event-reminder-confirm{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}@media(prefers-reduced-motion:reduce){.event-reminder.is-confirmed .events-icon{animation:none}}