/* Cron expression explainer — kilaz.com */
.cron-input { font-size: 1.25rem !important; text-align: center; letter-spacing: 0.04em; }
.cron-legend { text-align: center; }
.cron-presets { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1rem; }
.cron-presets .btn { padding: 0.4rem 0.8rem; font-size: 0.85rem; }
.cron-desc-panel { text-align: center; }
.cron-desc { font-size: 1.25rem; font-weight: 600; color: var(--text-primary); margin: 0; }
.cron-fields td.err { color: #e53935; }
.cron-fields td.raw { width: 7em; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.cron-fields th { width: 30%; }
.cron-utc { display: flex; align-items: center; gap: 0.5rem; color: var(--text-primary); margin-bottom: 0.5rem; flex-wrap: wrap; }
.cron-next { padding-left: 2rem; line-height: 1.8; color: var(--text-primary); }
.cron-next .rel { color: var(--text-secondary); font-family: inherit; font-size: 0.85rem; }
@media (max-width: 600px) {
    .cron-fields th { width: 28%; }
    .cron-fields td.raw { width: auto; padding-right: 0.3rem; word-break: normal; }
    .cron-next { font-size: 0.82rem; padding-left: 1.6rem; }
    .cron-fields th, .cron-fields td { padding: 0.45rem 0.35rem; }
}