.task-hero { display: flex; align-items: center; gap: 18px; margin-bottom: 22px; }
.task-hero-icon { width: 58px; height: 58px; display: grid; place-items: center; flex: none; border-radius: 17px; background: #fff1bf; color: #f57c00; font-size: 34px; font-weight: 900; }
.task-hero h2 { margin: 4px 0; }
.task-hero p:last-child { margin: 0; color: var(--muted); font-size: 12px; }
.task-layout { display: grid; grid-template-columns: 350px 1fr; gap: 20px; align-items: stretch; }
.task-editor { display: grid; gap: 17px; align-content: start; }
.task-editor > label, .task-two-cols label, .task-cycle-options label { display: grid; gap: 8px; color: #51627a; font-size: 12px; font-weight: 700; }
.task-field-help { color: #8a98ab; font-size: 10px; font-weight: 500; line-height: 1.5; }
.task-editor input:not([type="checkbox"]), .task-editor select { width: 100%; height: 46px; padding: 0 13px; border: 1px solid #dbe3ee; border-radius: 11px; background: #fff; color: var(--ink); outline: 0; }
.task-editor input:focus, .task-editor select:focus { border-color: #ff9400; box-shadow: 0 0 0 3px rgba(255,148,0,.12); }
.task-reset, .task-refresh { border: 1px solid #dbe3ee; border-radius: 10px; padding: 9px 12px; background: #fff; color: #596a80; font-size: 12px; }
.task-two-cols, .task-cycle-options { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.task-cycle-options { padding: 16px; border: 1px solid #ffd36b; border-radius: 14px; background: #fffaf0; }
.task-cycle-title, .task-cycle-end, .task-cycle-options > p { grid-column: 1 / -1; }
.task-cycle-title { color: #a95700; font-size: 13px; }
.task-cycle-options > p { margin: 0; color: #dc6500; font-size: 11px; line-height: 1.55; }
.task-weekdays { display: grid; grid-template-columns: repeat(7,1fr); gap: 5px; }
.task-weekdays label { display: grid; place-items: center; gap: 4px; padding: 8px 3px; border-radius: 9px; background: #f5f7fa; color: #607089; font-size: 11px; }
.task-enable { grid-template-columns: auto 1fr !important; align-items: start; padding: 13px; border: 1px solid #e3e8ef; border-radius: 11px; background: #f8fafc; }
.task-enable input { margin-top: 3px; accent-color: #1685f8; }
.task-enable small { display: block; margin-top: 4px; color: #8a98aa; font-weight: 400; }
.task-submit { height: 48px; border: 0; border-radius: 11px; background: linear-gradient(90deg,#ff9800,#ff6900); color: #fff; font-weight: 800; }
.task-list-panel { min-width: 0; }
.task-list { display: grid; gap: 14px; margin-top: 20px; }
.task-card { padding: 17px 18px; border: 1px solid #d9e2ed; border-radius: 14px; background: #fff; }
.task-card.enabled { border-color: #9beec8; background: #f6fffb; }
.task-card-head { display: flex; gap: 14px; justify-content: space-between; align-items: flex-start; }
.task-card-title { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.task-card-title strong { font-size: 15px; }
.task-tag { padding: 5px 9px; border-radius: 20px; background: #fff1cf; color: #d87000; font-size: 10px; font-weight: 800; }
.task-tag.on { background: #dcfae9; color: #098752; }
.task-tag.source { background: #eaf1ff; color: #2d69ce; }
.task-card-actions { display: flex; gap: 7px; }
.task-card-actions button { border: 1px solid #dbe3ee; border-radius: 9px; padding: 8px 11px; background: #fff; color: #52647c; font-size: 11px; font-weight: 700; }
.task-card-actions .edit { border-color: #c9ddff; background: #edf5ff; color: #2772dd; }
.task-card-actions .delete { border-color: #ffd1d5; background: #fff5f5; color: #df3147; }
.task-card-meta { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 12px; color: #607089; font-size: 12px; }
.task-card-note { margin: 9px 0 0; color: #7a8a9e; font-size: 11px; }
.task-card-cycle { margin: 9px 0 0; color: #e66c00; font-size: 11px; }
.task-record-panel { margin-top: 20px; min-width: 0; }
.task-record-head p:last-child { margin: 5px 0 0; color: var(--muted); font-size: 12px; }
.task-record-filter { display: grid; grid-template-columns: minmax(220px,1fr) minmax(160px,220px) minmax(140px,180px) auto auto; gap: 10px; margin: 18px 0 10px; }
.task-record-filter .search { display: flex; align-items: center; gap: 8px; height: 44px; padding: 0 13px; border: 1px solid #dbe3ee; border-radius: 11px; background: #fff; }
.task-record-filter input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; }
.task-record-filter select { height: 44px; padding: 0 12px; border: 1px solid #dbe3ee; border-radius: 11px; background: #fff; color: var(--ink); }
.task-record-filter button { min-height: 44px; padding: 0 16px; }
.task-record-summary { margin: 12px 0; color: #718198; font-size: 12px; }
.task-record-table { width: 100%; border-collapse: collapse; min-width: 1060px; }
.task-record-table th, .task-record-table td { padding: 13px 12px; border-bottom: 1px solid #e7ecf3; text-align: left; vertical-align: middle; font-size: 12px; }
.task-record-table th { background: #f6f8fb; color: #77879b; font-size: 11px; }
.task-record-table td.result-cell { max-width: 320px; color: #617188; line-height: 1.55; overflow-wrap: anywhere; }
.task-result { display: inline-flex; align-items: center; gap: 5px; padding: 5px 9px; border-radius: 18px; background: #eef1f5; color: #66768b; font-size: 10px; font-weight: 800; white-space: nowrap; }
.task-result.success { background: #ddf9ea; color: #088854; }
.task-result.fail { background: #fff0f1; color: #dc3548; }
.task-action { display: inline-flex; align-items: center; padding: 5px 9px; border-radius: 18px; background: #eef1f5; color: #66768b; font-size: 10px; font-weight: 800; white-space: nowrap; }
.task-action.open { background: #e5f7ff; color: #087aa5; }
.task-action.close { background: #fff1e3; color: #c75c00; }
.task-record-delete { border: 1px solid #ffd1d5; border-radius: 8px; padding: 7px 10px; background: #fff5f5; color: #df3147; font-size: 11px; }
.task-record-mobile { display: none; }
.task-record-card { padding: 15px; border: 1px solid #e0e7f0; border-radius: 13px; background: #fff; }
.task-record-card + .task-record-card { margin-top: 10px; }
.task-record-card-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.task-record-card dl { display: grid; grid-template-columns: 82px 1fr; gap: 8px; margin: 13px 0; font-size: 12px; }
.task-record-card dt { color: #8a98aa; }
.task-record-card dd { margin: 0; overflow-wrap: anywhere; }

@media (max-width: 1050px) {
  .task-layout { grid-template-columns: 1fr; }
  .task-record-filter { grid-template-columns: 1fr 1fr; }
  .task-record-filter .search { grid-column: 1 / -1; }
}
@media (max-width: 680px) {
  .task-hero { align-items: flex-start; }
  .task-two-cols, .task-cycle-options { grid-template-columns: 1fr; }
  .task-card-head { flex-direction: column; }
  .task-card-actions { width: 100%; flex-wrap: wrap; }
  .task-card-actions button { flex: 1; }
  .task-record-filter { grid-template-columns: 1fr 1fr; }
  .task-record-filter .search { grid-column: 1 / -1; }
  .task-record-filter button { width: 100%; }
  .task-record-panel .table-scroll { display: none; }
  .task-record-mobile { display: block; }
}