.scheduler-heading { align-items: center; gap: 20px; }
.scheduler-heading p:last-child { margin-bottom: 0; }
.scheduler-summary { display: grid; grid-template-columns: .75fr 1.25fr 1fr; gap: 16px; margin: 24px 0; }
.scheduler-summary > div { background: var(--surface, #fff); border: 1px solid var(--border, #d8e2f2); border-radius: 16px; padding: 20px 24px; }
.scheduler-summary > div > span { display: block; color: var(--muted, #617086); font-size: 13px; font-weight: 650; margin-bottom: 10px; }
.scheduler-summary strong { display: block; font-size: 30px; line-height: 1.25; color: var(--text, #112441); }
.scheduler-summary strong small { color: var(--muted, #617086); font-size: 16px; font-weight: 500; }
.scheduler-summary .scheduler-summary-date { font-size: 17px; line-height: 1.65; }
.scheduler-editor, .scheduler-list, .scheduler-history { margin-bottom: 24px; }
.scheduler-editor .panel-header, .scheduler-list .panel-header, .scheduler-history .panel-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 22px; }
.scheduler-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 28px; }
.scheduler-form .field { min-width: 0; align-content: start; }
.scheduler-form small, .scheduler-footnote { color: var(--muted, #617086); font-size: 12px; line-height: 1.6; }
.scheduler-form .field > small { display: block; margin-top: 7px; }
.scheduler-optional { font-weight: 400; color: var(--muted, #617086); }
.scheduler-interval { display: flex; align-items: center; gap: 12px; }
.scheduler-interval input { width: 110px; }
.scheduler-label { font-size: 13px; font-weight: 700; display: block; margin-bottom: 8px; }
.scheduler-check { background: var(--surface-muted, #f2f6fb); border-radius: 10px; padding: 12px 14px; }
.scheduler-check strong, .scheduler-check span { display: block; font-size: 13px; overflow-wrap: anywhere; }
.scheduler-check span { color: var(--muted, #617086); margin-top: 4px; }
.scheduler-form-footer { border-top: 1px solid var(--border, #d8e2f2); margin-top: 26px; padding-top: 22px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.scheduler-enable { display: flex; align-items: flex-start; gap: 10px; cursor: pointer; }
.scheduler-enable input { width: 18px; height: 18px; flex: 0 0 auto; margin-top: 2px; accent-color: var(--primary, #245bce); }
.scheduler-enable strong, .scheduler-enable small { display: block; }
.scheduler-enable strong { font-size: 13px; }
.scheduler-form-buttons, .scheduler-row-actions { display: flex; gap: 6px; flex-wrap: wrap; }
.scheduler-form-buttons { flex-shrink: 0; }
.scheduler-table { width: 100%; border-collapse: collapse; }
.scheduler-table td { vertical-align: top; }
.scheduler-table td small { display: block; max-width: 290px; color: var(--muted, #617086); font-size: 12px; line-height: 1.55; margin-top: 5px; overflow-wrap: anywhere; }
.scheduler-table td strong { font-size: 13px; }
.scheduler-table .badge { white-space: normal; }
.scheduler-count { font-size: 13px; color: var(--muted, #617086); }
.scheduler-empty { padding: 28px 16px 36px; text-align: center; }
.scheduler-empty-clock { display: inline-grid; place-items: center; width: 54px; height: 54px; border-radius: 15px; background: #edf3ff; color: #2657be; font-size: 34px; }
.scheduler-empty h4 { font-size: 17px; margin: 14px 0 8px; }
.scheduler-empty p { max-width: 510px; margin: 0 auto; color: var(--muted, #617086); line-height: 1.6; }
.scheduler-empty-history { padding: 16px; }
.scheduler-footnote { margin: 16px 0 0; }
.scheduler-notice { padding: 13px 16px; border: 1px solid #b8dbc9; background: #eef9f3; color: #20543b; border-radius: 10px; margin: 16px 0; font-size: 13px; }
.scheduler-notice.scheduler-error { border-color: #f0c0c0; background: #fff1f1; color: #852727; }
@media (max-width: 1100px) { .scheduler-summary { grid-template-columns: 1fr 1fr; } .scheduler-summary > div:last-child { grid-column: 1 / -1; } .scheduler-form-footer { align-items: flex-start; flex-direction: column; } }
@media (max-width: 650px) { .scheduler-summary, .scheduler-form-grid { grid-template-columns: 1fr; } .scheduler-summary > div:last-child { grid-column: auto; } .scheduler-heading { align-items: flex-start; flex-direction: column; } .scheduler-table { min-width: 710px; } }