.calendar-config-status{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;margin:18px 0 0;padding:14px 16px;border:1px solid #33464b;border-radius:11px;background:rgba(10,22,25,.86);transition:.25s}
.calendar-config-status__icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#17262a;color:#a9b8bb;font-size:1.05rem}
.calendar-config-status strong{display:block;margin:0;color:#edf2f4;font-size:.83rem}
.calendar-config-status small{display:block;margin-top:4px;color:#91a2a6;font-size:.7rem;line-height:1.45}
/* Běžný stav monitoru je schovaný. Kontrola dál běží na pozadí a panel se ukáže jen při problému. */
.calendar-config-status.is-checking,.calendar-config-status.is-current{display:none}
.calendar-config-status.is-stale{display:grid;border-color:rgba(235,174,67,.65);background:linear-gradient(135deg,rgba(112,65,15,.26),rgba(37,22,13,.72));box-shadow:0 0 0 1px rgba(235,174,67,.06)}
.calendar-config-status.is-stale .calendar-config-status__icon{color:#ffd17d;background:rgba(235,174,67,.13)}
.calendar-config-status.is-stale strong{color:#ffd17d}
.calendar-config-status.is-unknown{display:grid;border-color:rgba(156,169,179,.35)}
.calendar-config-status.is-unknown .calendar-config-status__icon{color:#aab7ba}
html[data-calendar-config="stale"] .event-source-note{border-color:rgba(235,174,67,.45);background:rgba(235,174,67,.075)}
@keyframes calendar-config-spin{to{transform:rotate(360deg)}}
@media(max-width:650px){.calendar-config-status{grid-template-columns:36px minmax(0,1fr);padding:12px}.calendar-config-status__icon{width:36px;height:36px}.calendar-config-status small{font-size:.66rem}}