/* Tasks module: isolated styles for the operational worklist. */
.task-page-intro { margin-bottom: 20px; }
.task-page-intro p:not(.eyebrow) { max-width: 610px; }
.task-storage-note { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; margin-top: 9px; color: #718096; font-size: 12px; line-height: 1.45; }
.task-storage-note i { width: 7px; height: 7px; border-radius: 999px; background: #a5b3c2; }
.task-storage-note .text-button { padding: 0; font-size: 12px; }
.task-storage-note.is-ready { color: #3b8560; }
.task-storage-note.is-ready i { background: #2da26c; }
.task-storage-note.is-error,.task-storage-note.is-forbidden { color: #ad5e42; }
.task-storage-note.is-error i,.task-storage-note.is-forbidden i { background: #de8058; }
.task-summary-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 18px; }
.task-summary-card { display: flex; align-items: center; gap: 13px; min-height: 94px; padding: 18px; border: 1px solid #e0e8f0; border-radius: 16px; background: #fff; box-shadow: 0 3px 12px rgba(24, 49, 74, .035); }
.task-summary-card > div { display: grid; gap: 3px; min-width: 0; }
.task-summary-card strong { color: #152b47; font-size: 28px; line-height: 1; letter-spacing: -.04em; }
.task-summary-card span:not(.task-summary-icon) { color: #5d7189; font-size: 12px; font-weight: 600; line-height: 1.3; }
.task-summary-icon { display: grid; flex: none; width: 38px; height: 38px; place-items: center; border-radius: 11px; font-size: 18px; font-weight: 700; }
.task-summary-icon.blue { background: #e7f0ff; color: #146cce; }
.task-summary-icon.orange { background: #fff0e8; color: #d87322; }
.task-summary-icon.violet { background: #f0ebff; color: #7048d7; }
.task-summary-icon.green { background: #e8f8ef; color: #1d9a61; }
.task-toolbar { display: grid; grid-template-columns: minmax(230px, 1.25fr) auto minmax(165px, .55fr); gap: 12px; align-items: center; padding: 11px; margin-bottom: 18px; }
.task-search { display: flex; align-items: center; gap: 9px; min-height: 42px; padding: 0 12px; border: 1px solid #dce6f0; border-radius: 10px; background: #fbfcfe; }
.task-search input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: #203956; font: inherit; font-size: 14px; }
.task-state-tabs { display: flex; gap: 4px; padding: 3px; border-radius: 10px; background: #f2f5f8; }
.task-state-tabs button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 36px; padding: 0 10px; border: 0; border-radius: 8px; background: transparent; color: #65768b; font: inherit; font-size: 12px; font-weight: 600; white-space: nowrap; }
.task-state-tabs button b { display: grid; min-width: 18px; height: 18px; place-items: center; border-radius: 6px; background: #e6ebf0; color: #6c7c8e; font-size: 10px; }
.task-state-tabs button.is-active { background: #fff; color: #146cce; box-shadow: 0 1px 3px rgba(38, 69, 100, .08); }
.task-state-tabs button.is-active b { background: #e7f0ff; color: #146cce; }
.task-priority-filter select { width: 100%; min-height: 42px; padding: 0 31px 0 12px; border: 1px solid #dce6f0; border-radius: 10px; background: #fff; color: #526b86; font: inherit; font-size: 13px; }
.task-page-layout { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(280px, .68fr); gap: 18px; align-items: start; }
.task-worklist { padding: 22px; }
.task-worklist .section-heading { align-items: center; margin-bottom: 15px; }
.task-list-caption { margin-top: 3px; color: #7a8a9d; font-size: 12px; }
.task-page-list { display: grid; }
.task-card { display: grid; grid-template-columns: 24px minmax(0, 1fr) max-content; gap: 13px; align-items: start; padding: 15px 0; border-top: 1px solid #e7edf3; }
.task-card:first-child { border-top: 0; padding-top: 1px; }
.task-checkbox { display: grid; width: 21px; height: 21px; place-items: center; margin-top: 1px; cursor: pointer; }
.task-checkbox input { position: absolute; inline-size: 1px; block-size: 1px; opacity: 0; }
.task-checkbox span { display: grid; width: 19px; height: 19px; place-items: center; border: 1.5px solid #b9c8d6; border-radius: 6px; background: #fff; color: transparent; font-size: 12px; font-weight: 700; }
.task-checkbox input:checked + span { border-color: #1479df; background: #1479df; color: #fff; }
.task-checkbox input:disabled + span { border-color: #d6e0e9; background: #f6f8fa; cursor: not-allowed; }
.task-checkbox input:focus-visible + span { outline: 3px solid rgba(20, 121, 223, .22); outline-offset: 2px; }
.task-card-copy { min-width: 0; }
.task-card-title { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.task-card-title strong { color: #1c344f; font-size: 14px; font-weight: 600; line-height: 1.42; }
.task-card-copy p { margin-top: 4px; color: #718096; font-size: 12px; line-height: 1.45; }
.task-origin { display: inline-flex; flex: none; align-items: center; min-height: 20px; padding: 0 7px; border-radius: 6px; font-size: 10px; font-weight: 600; white-space: nowrap; }
.task-origin.monitoring { background: #eff5fc; color: #4b718f; }
.task-origin.manual { background: #f2f4f7; color: #718096; }
.task-opportunity { display: inline-flex; gap: 6px; max-width: 100%; margin: 8px 0 0; padding: 0; border: 0; background: transparent; color: #146cce; font: inherit; font-size: 12px; font-weight: 600; line-height: 1.35; text-align: left; }
.task-opportunity:hover { color: #105daa; text-decoration: underline; }
.task-card-meta { display: grid; justify-items: end; gap: 8px; min-width: 118px; padding-top: 1px; }
.task-due { color: #718096; font-size: 11px; font-weight: 500; white-space: nowrap; }
.task-due.is-urgent { color: #c76822; font-weight: 600; }
.task-card.is-complete { opacity: .62; }
.task-card.is-complete .task-card-title strong { color: #8291a0; text-decoration: line-through; }
.task-card.is-complete .task-opportunity { pointer-events: none; }
.task-empty { display: grid; min-height: 208px; place-content: center; gap: 5px; padding: 24px; border: 1px dashed #d6e0e9; border-radius: 12px; color: #77889a; text-align: center; }
.task-empty strong { color: #4c6177; font-size: 15px; }
.task-aside { display: grid; gap: 18px; }
.task-focus { padding: 22px; }
.task-focus .section-heading { margin-bottom: 12px; }
.task-focus-list { display: grid; gap: 12px; }
.task-focus-list > div { display: grid; grid-template-columns: 23px minmax(0, 1fr); gap: 10px; align-items: start; }
.task-focus-list > div > span { display: grid; width: 22px; height: 22px; place-items: center; border-radius: 7px; background: #e7f0ff; color: #146cce; font-size: 11px; font-weight: 700; }
.task-focus-list p { display: grid; gap: 3px; }
.task-focus-list strong { color: #2b415a; font-size: 12px; font-weight: 600; line-height: 1.38; }
.task-focus-list small { color: #8492a1; font-size: 11px; }
.task-guidance { padding: 22px; }
.task-guidance h2 { margin-top: 4px; }
.task-guidance ol { display: grid; gap: 11px; margin: 15px 0 0; padding-left: 19px; color: #66788d; font-size: 12px; line-height: 1.48; }
.task-guidance li::marker { color: #146cce; font-weight: 700; }
.task-modal { width: min(590px, 100%); }
.task-modal .modal-header { margin-bottom: 20px; }
.task-form-field { display: grid; gap: 7px; margin-bottom: 16px; }
.task-form-field > span { color: #5e7186; font-size: 12px; font-weight: 600; }
.task-form-field input,.task-form-field textarea,.task-form-field select { width: 100%; box-sizing: border-box; border: 1px solid #dbe5ee; border-radius: 10px; background: #fff; color: #263e59; font: inherit; font-size: 14px; outline: none; }
.task-form-field input,.task-form-field select { min-height: 42px; padding: 0 11px; }
.task-form-field textarea { min-height: 86px; padding: 10px 11px; resize: vertical; line-height: 1.45; }
.task-form-field input:focus,.task-form-field textarea:focus,.task-form-field select:focus { border-color: #82b3e7; box-shadow: 0 0 0 3px rgba(20, 121, 223, .12); }
.task-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.task-form-note { color: #77889a; font-size: 11px; line-height: 1.4; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

@media (max-width: 1040px) {
  .task-toolbar { grid-template-columns: minmax(220px, 1fr) auto; }
  .task-priority-filter { grid-column: span 2; }
  .task-page-layout { grid-template-columns: 1fr; }
  .task-aside { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 620px) {
  .task-page-intro { margin-bottom: 16px; }
  .task-page-intro .primary-button { width: 100%; }
  .task-summary-grid { grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 14px; }
  .task-summary-card { min-height: 84px; gap: 10px; padding: 13px; border-radius: 14px; }
  .task-summary-card strong { font-size: 24px; }
  .task-summary-card span:not(.task-summary-icon) { font-size: 11px; }
  .task-summary-icon { width: 31px; height: 31px; border-radius: 9px; font-size: 15px; }
  .task-toolbar { grid-template-columns: 1fr; gap: 9px; padding: 9px; margin-bottom: 14px; }
  .task-priority-filter { grid-column: auto; }
  .task-state-tabs { overflow-x: auto; padding: 3px; }
  .task-state-tabs button { flex: 0 0 auto; }
  .task-worklist,.task-focus,.task-guidance { padding: 17px; }
  .task-card { grid-template-columns: 23px minmax(0, 1fr); gap: 10px; padding: 13px 0; }
  .task-card-meta { grid-column: 2; grid-row: 2; display: flex; align-items: center; justify-items: start; justify-content: space-between; min-width: 0; padding-top: 0; }
  .task-card-title strong { font-size: 13px; }
  .task-card-copy p { font-size: 11px; }
  .task-aside { grid-template-columns: 1fr; gap: 14px; }
  .task-form-grid { grid-template-columns: 1fr; gap: 0; }
  .task-modal { padding: 20px; }
  .task-modal .modal-actions { align-items: stretch; }
  .task-form-note { display: block; width: 100%; }
}