/* cron-job-generator.css v2-r4 */

.cron-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin-bottom:.9rem}
@media(max-width:520px){.cron-grid{grid-template-columns:1fr 1fr}}
.cron-field label{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);display:block;margin-bottom:.25rem}
.cron-field input{width:100%;padding:.38rem .45rem;border:1px solid var(--border);font-size:.85rem;font-family:ui-monospace,monospace}
.cron-field input:focus{outline:none;border-color:var(--accent)}
.cron-output{margin:.9rem 0;padding:.9rem 1rem;border:1px solid rgba(37,99,235,.3);background:var(--accent-soft)}
.cron-expr{font-size:1.8rem;font-weight:700;font-family:ui-monospace,monospace;letter-spacing:.04em;margin-bottom:.35rem}
.cron-desc{font-size:.82rem;color:var(--text-muted)}
.cron-presets{margin-top:.9rem;padding-top:.9rem;border-top:1px solid var(--border)}
.cron-presets-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);margin-bottom:.5rem}
.cron-preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.4rem}
.cron-preset{font-size:.74rem;padding:.38rem .65rem;border:1px solid var(--border);background:#f9fafb;cursor:pointer;text-align:left;font-family:ui-monospace,monospace}
.cron-preset:hover{background:var(--accent-soft)}
.cron-preset span{display:block;font-family:system-ui,sans-serif;font-size:.68rem;color:var(--text-muted);margin-top:.1rem;font-family:inherit}