/* Cron表达式显示区 */
.cron-display{margin-bottom: 25px;}
.cron-input-box{display: flex;align-items: center;gap: 10px;margin-bottom: 10px;}
.cron-input-box input{flex:1;font-size: 22px;font-weight: bold;text-align: center;padding: 14px;border: 2px solid #e0e3eb;border-radius: 8px;letter-spacing: 3px;font-family: 'Courier New', monospace;color: #2196F3;outline: none;transition: border-color 0.3s;}
.cron-input-box input:focus{border-color: #2196F3;box-shadow: 0 0 0 3px rgba(33,150,243,0.15);}
.cron-desc{text-align: center;font-size: 15px;color: #666;padding: 8px;background: #f0f7ff;border-radius: 6px;}

/* 字段标签 */
.cron-field-label{display: flex;align-items: center;gap: 8px;margin-bottom: 12px;font-weight: 600;color: #2c3e50;font-size: 15px;}
.cron-field-label .material-icons{font-size: 20px;color: var(--primary-color);}

/* 类型单选组 */
.cron-type-radio-group{display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: 12px;}
.cron-type-radio-group label{display: flex;align-items: center;gap: 4px;cursor: pointer;padding: 6px 12px;border: 1px solid #ddd;border-radius: 6px;font-size: 13px;transition: all 0.2s;background: #fafafa;}
.cron-type-radio-group label:hover{border-color: var(--primary-color);background: #e3f2fd;}
.cron-type-radio-group input[type="radio"]:checked + span{color: var(--primary-color);font-weight: 600;}
.cron-type-radio-group label:has(input[type="radio"]:checked){border-color: var(--primary-color);background: #e3f2fd;}

/* 类型内容区 */
.cron-type-content{margin-top: 10px;padding: 10px;background: #fafafa;border-radius: 6px;min-height: 40px;overflow: visible;}
.cron-type-content.hidden{display: none;}

/* 复选框网格 */
.cron-checkbox-grid{display: flex;flex-wrap: wrap;gap: 4px;}
.cron-checkbox-grid label{display: flex;align-items: center;justify-content: center;min-width: 38px;height: 32px;padding: 0 6px;border: 1px solid #ddd;border-radius: 4px;cursor: pointer;font-size: 12px;transition: all 0.2s;background: #fff;user-select: none;}
.cron-checkbox-grid label:hover{border-color: var(--primary-color);background: #e3f2fd;}
.cron-checkbox-grid input[type="checkbox"]:checked + span{color: #fff;font-weight: 600;}
.cron-checkbox-grid label:has(input[type="checkbox"]:checked){background: #2196F3;border-color: #2196F3;color: #fff;}

/* 范围和步长输入 */
.cron-range-inputs,.cron-step-inputs{display: flex;align-items: center;gap: 8px;flex-wrap: wrap;}
.cron-range-inputs select,.cron-step-inputs select,.cron-range-inputs input,.cron-step-inputs input{padding: 6px 10px;border: 1px solid #ddd;border-radius: 4px;font-size: 13px;outline: none;min-width: 70px;}
.cron-range-inputs select:focus,.cron-step-inputs select:focus,.cron-range-inputs input:focus,.cron-step-inputs input:focus{border-color: var(--primary-color);}
.cron-range-inputs span,.cron-step-inputs span{font-size: 13px;color: #666;}

/* 模板区域 */
.cron-template-area{margin: 20px 0;}
.cron-template-area h4{color: #2c3e50;margin-bottom: 12px;display: flex;align-items: center;gap: 8px;}
.cron-template-area h4 .material-icons{color: var(--primary-color);font-size: 20px;}
.cron-template-btns{display: flex;flex-wrap: wrap;gap: 8px;}
.cron-template-btn{padding: 8px 14px;font-size: 12px;border: 1px solid #ddd;border-radius: 6px;cursor: pointer;background: #fff;transition: all 0.2s;color: #555;}
.cron-template-btn:hover{border-color: var(--primary-color);color: var(--primary-color);background: #e3f2fd;}
.cron-template-btn .tpl-expr{font-family: 'Courier New', monospace;color: #2196F3;font-size: 11px;display: block;margin-top: 2px;}

/* 下次执行时间 */
.cron-next-runs{margin-top: 20px;}
.cron-next-runs h4{color: #2c3e50;margin-bottom: 12px;display: flex;align-items: center;gap: 8px;}
.cron-next-runs h4 .material-icons{color: var(--primary-color);font-size: 20px;}
.cron-next-runs-list{list-style: none;padding: 0;}
.cron-next-runs-list li{padding: 8px 14px;border-bottom: 1px solid #f0f0f0;font-size: 14px;display: flex;align-items: center;gap: 8px;}
.cron-next-runs-list li:last-child{border-bottom: none;}
.cron-next-runs-list li .material-icons{font-size: 16px;color: #4CAF50;}
.cron-next-runs-list li span{font-family: 'Courier New', monospace;color: #333;}

/* 响应式 */
@media (max-width: 768px) {
    .cron-input-box input{font-size: 16px;letter-spacing: 1px;}
    .cron-template-btns{gap: 6px;}
    .cron-template-btn{padding: 6px 10px;font-size: 11px;}
}