.gth-cron-expression-builder .gth-cron-fields { display: grid; grid-template-columns: repeat(5, 1fr); gap: var(--gth-space-3); margin-bottom: var(--gth-space-4); }
.gth-cron-expression-builder .gth-cron-field { text-align: center; }
.gth-cron-expression-builder .gth-cron-field .gth-input { text-align: center; font-family: monospace; }
.gth-cron-expression-builder .gth-field-hint { display: block; font-size: var(--gth-text-xs); color: var(--gth-text-secondary); margin-top: var(--gth-space-1); }
.gth-cron-expression-builder .gth-cron-presets { margin-bottom: var(--gth-space-4); }
.gth-cron-expression-builder .gth-preset-buttons { display: flex; flex-wrap: wrap; gap: var(--gth-space-2); }
.gth-cron-expression-builder .gth-preset-btn { padding: var(--gth-space-2) var(--gth-space-3); background: var(--gth-bg-secondary); border: 1px solid var(--gth-border); border-radius: var(--gth-radius-md); cursor: pointer; font-size: var(--gth-text-sm); transition: all 0.2s; }
.gth-cron-expression-builder .gth-preset-btn:hover { background: var(--gth-primary); color: white; border-color: var(--gth-primary); }
.gth-cron-expression-builder .gth-expression-display { display: flex; align-items: center; gap: var(--gth-space-3); background: var(--gth-bg-secondary); padding: var(--gth-space-3); border-radius: var(--gth-radius-md); margin-bottom: var(--gth-space-4); }
.gth-cron-expression-builder .gth-expression-display code { flex: 1; font-size: var(--gth-text-xl); font-weight: 600; }
.gth-cron-expression-builder .gth-cron-description p { background: var(--gth-bg-secondary); padding: var(--gth-space-3); border-radius: var(--gth-radius-md); margin-bottom: var(--gth-space-4); }
.gth-cron-expression-builder .gth-cron-next ul { list-style: none; padding: 0; margin: 0; }
.gth-cron-expression-builder .gth-cron-next li { padding: var(--gth-space-2) var(--gth-space-3); background: var(--gth-bg-secondary); border-radius: var(--gth-radius-md); margin-bottom: var(--gth-space-1); font-family: monospace; font-size: var(--gth-text-sm); }
@media (max-width: 600px) { .gth-cron-expression-builder .gth-cron-fields { grid-template-columns: repeat(3, 1fr); } }