.auto-rules-panel { color:#24364d; }
.auto-rules-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; }
.auto-rules-heading > div { min-width:0; }
.auto-rules-heading strong { font-size:20px; }
.auto-rule-switch { display:inline-flex; align-items:center; gap:10px; white-space:nowrap; cursor:pointer; font-size:14px; }
.auto-rules-panel input[type="checkbox"] { appearance:auto; width:22px; height:22px; margin:0; padding:0; accent-color:#2563eb; cursor:pointer; }
.auto-rule-master { padding:12px 16px; background:#fff; border:1px solid #dce5f5; border-radius:12px; }
.auto-rules-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:18px 0; }
.auto-rule-card { padding:20px; background:#fff; border:1px solid #dce5f5; border-radius:16px; }
.auto-rule-card.is-enabled { border-color:#94b7f8; background:#f8fbff; }
.auto-rule-card-head { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; }
.auto-rule-days { display:flex; flex-wrap:wrap; align-items:center; gap:10px; font-weight:600; }
.auto-rules-panel .auto-rule-days input { width:92px; min-width:0; padding:10px 12px; font:inherit; font-variant-numeric:tabular-nums; background:white; border:1px solid #cad6e8; border-radius:10px; }
.auto-rules-panel input:focus-visible,.auto-rules-panel button:focus-visible,.auto-rule-preview summary:focus-visible { outline:3px solid #3976df; outline-offset:3px; }
.auto-rules-panel input[aria-invalid="true"] { border-color:#b42318; }
.auto-rules-panel .auto-rule-card p { font-size:14px; color:#52647b; line-height:1.6; margin:14px 0 2px; }
.auto-rule-error { display:block; min-height:22px; color:#b42318; font-size:14px; }
.auto-rule-feedback { min-height:28px; margin-top:10px; line-height:1.7; color:#245d42; overflow-wrap:anywhere; }
.auto-rule-feedback.is-error { color:#b42318; }
.auto-rules-panel small,#employeeAutoDirty { color:#52647b; }
.auto-rules-panel .auto-rule-footnote { font-size:14px; margin-top:14px; line-height:1.7; color:#52647b; }
.auto-rule-preview { margin-top:18px; padding-top:14px; border-top:1px solid #dce5f5; }
.auto-rule-preview summary { cursor:pointer; padding:8px 0; font-weight:600; }
.auto-rule-preview-list { max-height:360px; overflow:auto; margin-top:12px; }
.auto-rule-preview-row { display:grid; grid-template-columns:minmax(100px,1fr) minmax(125px,1fr) minmax(140px,1fr) minmax(180px,2fr); gap:16px; align-items:center; padding:14px 8px; border-bottom:1px solid #e1e8f3; font-size:14px; overflow-wrap:anywhere; }
.auto-rule-preview-row small { display:block; font-size:13px; margin-top:5px; }
.auto-rule-empty { padding:20px 8px; }
@media (max-width:1000px) { .auto-rules-grid { grid-template-columns:1fr; } .auto-rules-heading { flex-wrap:wrap; gap:12px; } .auto-rule-preview-row { grid-template-columns:1fr 1fr; } .auto-rule-preview-row > div:last-child { grid-column:1 / -1; } }

body.employee-automation-open { overflow:hidden; }
.employee-automation-dialog { width:min(1320px,calc(100vw - 48px)); max-width:none; max-height:calc(100vh - 48px); margin:auto; padding:0; border:1px solid #dce5f5; border-radius:20px; color:#24364d; background:#f8fbff; box-shadow:0 24px 80px #13274738; font:inherit; overflow:hidden; }
.employee-automation-dialog[open] { display:flex; flex-direction:column; }
.employee-automation-dialog::backdrop { background:#152b4c80; }
.employee-automation-head { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px 28px; background:#fff; border-bottom:1px solid #dce5f5; }
.employee-automation-head h2 { font-size:24px; margin:0; }
.employee-automation-head p { margin:6px 0 0; color:#52647b; font-size:14px; }
.employee-automation-dialog button { min-height:44px; cursor:pointer; }
.employee-automation-dialog button:disabled { cursor:default; }
.employee-automation-dialog :is(button,input,select,summary):focus-visible { outline:3px solid #3976df; outline-offset:2px; }
.employee-automation-tabs { display:flex; gap:8px; padding:12px 28px; background:#fff; border-bottom:1px solid #dce5f5; flex-shrink:0; }
.employee-automation-tabs button { background:transparent; color:#52647b; border:1px solid transparent; border-radius:10px; padding:10px 18px; font-weight:600; }
.employee-automation-tabs button[aria-selected="true"] { background:#eaf1ff; border-color:#b9cff8; color:#1d4ed8; }
.employee-automation-content { min-height:0; overflow:auto; overscroll-behavior:contain; padding:24px 28px; }
.employee-automation-content [role="tabpanel"][hidden] { display:none !important; }
.employee-automation-content :is(.employee-preview,.employee-preview-automation) { margin:0; border:0; padding:0; background:transparent; }
.employee-automation-content .employee-preview-head strong { font-size:20px; }
.employee-automation-content .employee-preview-list,.employee-automation-content .employee-preview-jobs,.employee-automation-content #employeeAutoJobs { max-height:none; overflow:visible; }
.employee-automation-content .employee-preview-jobs { font-size:14px; }
.employee-automation-content .employee-task-row { padding:12px 0; }
.employee-automation-content .employee-task-row > span { min-width:0; overflow-wrap:anywhere; }
.employee-automation-content .employee-task-row button { flex-shrink:0; }
.employee-automation-content #employeeBatchList { border-top:1px solid #dce5f5; margin-top:24px; padding-top:18px; }
.employee-automation-filter-note { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-bottom:20px; padding:12px 16px; background:#eef4ff; border:1px solid #dce5f5; border-radius:12px; font-size:14px; color:#52647b; }
.employee-automation-foot { padding:14px 28px; border-top:1px solid #dce5f5; background:#fff; color:#52647b; font-size:13px; flex-shrink:0; }
@media (max-width:860px) {
  .employee-automation-dialog { width:calc(100vw - 24px); max-height:calc(100vh - 24px); border-radius:14px; }
  .employee-automation-head,.employee-automation-content { padding:18px; }
  .employee-automation-tabs { padding:10px 18px; flex-wrap:wrap; }
  .employee-automation-tabs button { flex:1 1 auto; padding:10px; }
  .employee-automation-content .employee-preview-row { grid-template-columns:28px 1fr 1fr; gap:8px 12px; padding:14px 4px; }
  .employee-automation-content .employee-preview-row > input { grid-column:1; grid-row:1 / span 3; }
  .employee-automation-content .employee-preview-row > strong { grid-column:2 / -1; }
  .employee-automation-content .employee-preview-row > span:nth-child(3) { grid-column:2; }
  .employee-automation-content .employee-preview-row > span:nth-child(4) { grid-column:3; }
  .employee-automation-content .employee-preview-row > span:last-child { grid-column:2 / -1; overflow-wrap:anywhere; }
  .employee-automation-foot { padding:12px 18px; }
  .employee-actions { flex-wrap:wrap; }
}

.employee-task-record{display:flex;align-items:center;gap:12px;flex:1;min-width:0;cursor:pointer}.employee-task-record input{width:20px;height:20px;flex-shrink:0}.employee-task-record span{overflow-wrap:anywhere}.employee-record-tools{margin-bottom:18px}.employee-record-tools>span{font-size:13px;color:#65758b}

.employee-automation-content #employeeBatchList{margin:16px 0 22px;padding:12px 16px;border:1px solid #e5ebf5;border-radius:12px;background:#fff}.employee-record-note{font-size:13px;color:#65758b;margin:0 0 16px}.employee-record-tools{margin-bottom:8px}