/* Task-first submission layout shared by quality incidents and improvement ideas. */
main:has(.task-form-shell){width:min(1320px,calc(100% - 56px));padding-top:32px}
.task-form-shell{max-width:none;margin:0;--tf-ink:#172033;--tf-muted:#5b6678;--tf-line:#dfe5ec;--tf-soft:#f7f9fc;--tf-blue:#1769e0;--tf-blue-soft:#eef5ff}
.task-form-header{align-items:flex-end;margin:0 0 22px}
.task-form-context{display:block;margin-bottom:8px;color:var(--tf-blue);font-size:12px;font-weight:750}
.task-form-header h1{margin:0;color:var(--tf-ink);font-size:32px;line-height:1.18;letter-spacing:-.035em}
.task-form-header p{max-width:760px;margin:7px 0 0;color:var(--tf-muted);font-size:14px;line-height:1.65}
.task-form-header .form-progress{flex:0 0 auto;border-radius:10px;background:#fff;box-shadow:0 5px 18px rgba(29,41,57,.035)}
.task-form-header .form-progress[data-state=saving],.task-form-header .form-progress[data-state=pending]{border-color:#b9cee9;background:#f7fbff}.task-form-header .form-progress[data-state=error]{border-color:#f1b8b3;background:#fff7f6}.task-form-header .form-progress[data-state=error] b{color:#b42318}
.task-form.card-form{display:grid;grid-template-columns:minmax(0,1fr) 312px;gap:20px;align-items:start;margin:0;padding:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
.task-form-main{min-width:0;overflow:visible;border:1px solid var(--tf-line);border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(29,41,57,.045)}
.task-form-error{margin:20px 24px 0;padding:12px 14px;border:1px solid #efb4af;border-radius:9px;background:#fff6f5;color:#b42318;font-size:12px}
.task-form-error .errorlist{display:block!important;margin:0;padding-left:18px}
.task-section{scroll-margin-top:96px;padding:28px 30px;border-bottom:1px solid #e8ecf1;background:#fff}
.task-section:first-of-type{border-radius:16px 16px 0 0}.task-section:last-child{border-bottom:0;border-radius:0 0 16px 16px}
.task-section-primary{position:relative;background:#fff;box-shadow:none}
.task-section-primary .cois-rich-editor{border-color:#d0d5dd}
.task-section .form-section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}
.task-section .form-section-title>div{min-width:0}.task-section .form-section-title h2{margin:0;color:var(--tf-ink);font-size:21px;line-height:1.3;letter-spacing:-.02em}.task-section-primary .form-section-title h2{font-size:23px}
.task-section .form-section-title p{max-width:700px;margin:5px 0 0;color:var(--tf-muted);font-size:12px;line-height:1.6}
.task-section .form-section-title em{flex:0 0 auto;padding:5px 8px;border-radius:6px;background:var(--tf-soft);color:#667085;font-size:10px;font-style:normal;font-weight:700;white-space:nowrap}
.task-section-primary .form-section-title em{background:#e7f1ff;color:#175cd3}
.task-section .form-grid{gap:18px 16px}
.task-section .field>label{margin-bottom:7px;color:#344054;font-size:13px;font-weight:700}
.task-section .field>small{color:var(--tf-muted);font-size:11px;line-height:1.55}
.task-section .form-control,.task-section .category-trigger{min-height:46px;background:#fff;font-size:13px}
.task-section .form-control::placeholder,.task-section .cois-rich-editor .ql-editor.ql-blank:before{color:#8792a5;opacity:1}
.task-section .form-control[readonly],.task-section .form-control:disabled{background:#f6f8fb}
.project-master-field{position:relative;overflow:visible;padding-bottom:2px}
.project-manual-fields{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;padding:14px 15px;border:1px solid #dfe5ec;border-radius:11px;background:#fbfcfe}
.project-manual-fields[hidden]{display:none}
.project-manual-heading{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #e7ebf0}.project-manual-heading b{color:#344054;font-size:13px}.project-manual-heading small{margin:0;color:#667085;font-size:11px}
.project-tree-picker{position:relative;width:100%}
.project-picker-control{position:relative;width:100%}
.project-picker-source{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.project-picker-trigger{position:relative;width:100%;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 44px 8px 13px;border:1px solid #d0d5dd;border-radius:9px;background:#fff;color:#344054;text-align:left;cursor:pointer;transition:border-color .18s,box-shadow .18s,background .18s}
.project-picker-control.has-clear .project-picker-trigger{padding-right:82px}
.project-picker-trigger:hover{border-color:#aeb8c6;background:#fcfdff}.project-picker-trigger:focus-visible,.project-picker-trigger[aria-expanded=true]{border-color:var(--tf-blue);outline:0;box-shadow:0 0 0 3px rgba(23,105,224,.12)}
.project-picker-trigger-copy{min-width:0;display:block}.project-picker-trigger-copy b,.project-picker-trigger-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-picker-trigger-copy b{color:#667085;font-size:13px;font-weight:600}.project-picker-trigger-copy small{margin-top:2px;color:#8792a5;font-size:11px;font-weight:400}.project-picker-trigger.has-value .project-picker-trigger-copy b{color:#253247;font-weight:700}.project-picker-trigger.has-value .project-picker-trigger-copy small{color:#596579}
.project-picker-trigger.is-manual .project-picker-trigger-copy b{color:#175cd3;font-weight:700}.project-picker-trigger.is-manual .project-picker-trigger-copy small{color:#596579}
.project-picker-trigger>i{position:absolute;right:14px;top:50%;width:20px;height:20px;transform:translateY(-50%)}.project-picker-trigger>i:before,.project-picker-trigger>i:after{content:"";position:absolute;top:9px;width:8px;height:1.7px;border-radius:2px;background:#667085;transition:background .18s,transform .18s}.project-picker-trigger>i:before{left:2px;transform:rotate(42deg)}.project-picker-trigger>i:after{right:2px;transform:rotate(-42deg)}.project-picker-trigger:hover>i:before,.project-picker-trigger:hover>i:after{background:#344054}.project-picker-trigger[aria-expanded=true]>i:before{background:#1769e0;transform:rotate(-42deg)}.project-picker-trigger[aria-expanded=true]>i:after{background:#1769e0;transform:rotate(42deg)}
.project-picker-clear{position:absolute;z-index:2;right:43px;top:50%;width:32px;height:32px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:#667085;transform:translateY(-50%);cursor:pointer;transition:color .16s,background .16s}.project-picker-clear[hidden]{display:none}.project-picker-clear svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.project-picker-clear:hover{background:#eef3f8;color:#344054}.project-picker-clear:focus-visible{outline:2px solid var(--tf-blue);outline-offset:1px;background:#eef5ff;color:#175cd3}
.project-picker-panel{position:absolute;z-index:45;left:0;right:0;top:58px;overflow:hidden;border:1px solid #d6dee8;border-radius:12px;background:#fff;box-shadow:0 20px 48px rgba(16,24,40,.17)}.project-picker-panel[hidden]{display:none}
.task-form .project-picker-search{height:54px;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:9px;margin:0;padding:8px 12px;border-bottom:1px solid #e7ebf0;background:#fbfcfe}.task-form .project-picker-search svg{display:block;width:18px;height:18px;margin:0;fill:none;stroke:#667085;stroke-width:1.8}.task-form .project-picker-search input{display:block;width:100%;min-width:0;height:38px;margin:0;padding:0;border:0;background:transparent;color:#253247;font-size:13px;line-height:38px;outline:0}.task-form .project-picker-search input::placeholder{color:#8792a5}
.project-picker-tree{max-height:360px;overflow:auto;padding:7px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}
.project-picker-group+.project-picker-group{margin-top:4px}.project-picker-group-trigger{width:100%;min-height:45px;display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:9px;align-items:center;padding:7px 9px;border:0;border-radius:8px;background:transparent;color:#344054;text-align:left;cursor:pointer}.project-picker-group-trigger:hover,.project-picker-group-trigger:focus-visible{background:#f1f6fd;outline:0}.project-picker-group-trigger>i{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #667085;transition:transform .16s}.project-picker-group-trigger[aria-expanded=true]>i{transform:rotate(90deg)}.project-picker-group-trigger span{min-width:0}.project-picker-group-trigger b,.project-picker-group-trigger small{display:inline}.project-picker-group-trigger b{font-size:13px}.project-picker-group-trigger small{margin-left:5px;color:#7a8595;font-size:11px}.project-picker-group-trigger em{min-width:30px;padding:3px 7px;border-radius:999px;background:#eef3f8;color:#596579;font-size:10px;font-style:normal;font-weight:700;text-align:center}
.project-picker-options{padding:2px 0 5px 27px}.project-picker-options[hidden]{display:none}.project-picker-option{width:100%;min-height:48px;display:grid;grid-template-columns:minmax(0,1fr) 22px;gap:9px;align-items:center;padding:7px 9px;border:0;border-radius:8px;background:transparent;color:#344054;text-align:left;cursor:pointer}.project-picker-option:hover,.project-picker-option:focus-visible{background:#f3f7fc;outline:0}.project-picker-option[aria-selected=true]{background:#eaf3ff;color:#175cd3}.project-picker-option>span{min-width:0}.project-picker-option b,.project-picker-option small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-picker-option b{font-size:12px;font-weight:600}.project-picker-option small{margin-top:2px;color:#667085;font-size:10px}.project-picker-option>i{display:none;width:20px;height:20px;place-items:center;border-radius:50%;background:#1769e0;color:#fff;font-size:11px;font-style:normal}.project-picker-option[aria-selected=true]>i{display:grid}
.project-picker-manual{width:100%;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;border:0;border-top:1px solid #e7ebf0;background:#fbfcfe;color:#344054;text-align:left;cursor:pointer}.project-picker-manual:hover,.project-picker-manual:focus-visible{background:#f1f6fd;outline:0}.project-picker-manual b,.project-picker-manual small{display:block}.project-picker-manual b{font-size:12px}.project-picker-manual small{margin-top:1px;color:#667085;font-size:10px}.project-picker-manual>i{color:#7a8595;font-size:18px;font-style:normal}.project-picker-empty{margin:0;padding:28px 14px;text-align:center}.project-picker-empty b,.project-picker-empty span{display:block}.project-picker-empty b{color:#344054;font-size:12px}.project-picker-empty span{margin-top:4px;color:#667085;font-size:10px}.project-picker-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.decision-grid{align-items:stretch}
.decision-check{align-content:center;min-height:94px;padding:14px 15px;border:1px solid #dfe5ec;border-radius:11px;background:#f8fafc}
.decision-check>input{width:18px;height:18px;margin:0;accent-color:var(--tf-blue)}
.decision-check>label{font-size:13px}.decision-check>small{margin-top:4px}.decision-check .errorlist{grid-column:1/-1}
.task-section .level-field{margin-top:2px;padding:16px;border:1px solid #c9dcf5;border-radius:12px;background:#f7fbff}
.task-section .level-field>label{color:#31577f}.task-section .level-field>select{border-color:#b9cee9;background:#fff}
.task-section .level-assessment{background:#fff}
.task-section .similarity-preview{border-radius:11px;background:#fff}
.task-section .severity-insight{border-radius:11px}
.task-section .evidence-workspace,.task-section .routing-card{border-radius:12px;box-shadow:none}
.task-section .case-routing-grid{gap:14px}
.task-form-sidebar{min-width:0;position:sticky;top:96px;align-self:start}
.task-form-summary{position:static;overflow:hidden;border:1px solid var(--tf-line);border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(29,41,57,.055)}
.task-form-summary>header{padding:20px 21px 17px;border-bottom:1px solid #e8ecf1;background:linear-gradient(145deg,#f8fbff,#fff)}
.task-form-summary>header>span{display:block;color:var(--tf-blue);font-size:11px;font-weight:750}.task-form-summary>header h2{margin:5px 0 0;color:var(--tf-ink);font-size:19px;line-height:1.35}.task-form-summary>header p{margin:5px 0 0;color:var(--tf-muted);font-size:11px;line-height:1.55}
.task-summary-list{display:grid;margin:0;padding:5px 20px 7px}
.task-summary-list>div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;align-items:baseline;padding:11px 0;border-bottom:1px solid #edf0f4}.task-summary-list>div:last-child{border-bottom:0}
.task-summary-list dt{color:#667085;font-size:11px}.task-summary-list dd{min-width:0;margin:0;overflow:hidden;color:#344054;font-size:12px;font-weight:700;text-align:right;text-overflow:ellipsis;white-space:nowrap}
#form-summary-level[data-level=major]{color:#9a6700}#form-summary-level[data-level=critical]{color:#b42318}
.task-form-index{display:grid;padding:13px 20px 15px;border-top:1px solid #e8ecf1}.task-form-index>span{margin-bottom:7px;color:#667085;font-size:10px;font-weight:700}.task-form-index a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;min-height:40px;padding:6px 8px;border-radius:8px;color:#344054;text-decoration:none;transition:background .16s,color .16s}.task-form-index a:hover,.task-form-index a:focus-visible{background:#f1f6fd;color:var(--tf-blue);outline:none}.task-form-index a:focus-visible{box-shadow:0 0 0 3px rgba(23,105,224,.13)}.task-form-index b{font-size:12px}.task-form-index small{color:#7a8595;font-size:10px}
.task-form-summary>.form-actions{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:16px 20px;border-top:1px solid #e8ecf1;background:#fbfcfe}
.task-form-summary>.form-actions .primary,.task-form-summary>.form-actions .secondary{min-height:44px;font-size:12px}.task-form-summary>.form-actions .primary{flex:1 1 100%;order:1}.task-form-summary>.form-actions .secondary{flex:1 1 0}.task-form-summary>.form-actions a.secondary{flex:0 0 auto}
.task-form-summary>.form-actions .draft-clear-button{color:#b42318}.task-form-summary>.form-actions .draft-clear-button:hover,.task-form-summary>.form-actions .draft-clear-button:focus-visible{border-color:#e7aaa5;background:#fff7f6}
.task-form-summary>.form-actions button:active,.task-form-summary>.form-actions a:active{transform:translateY(1px)}
@media(max-width:1100px){
  main:has(.task-form-shell){width:calc(100% - 36px)}
  .task-form-shell{padding-bottom:88px}.task-form.card-form{grid-template-columns:1fr}.task-form-main{grid-row:2}.task-form-sidebar{position:static;top:auto;grid-row:1;align-self:stretch}
  .task-form-summary{position:static;display:grid;grid-template-columns:minmax(240px,.8fr) minmax(340px,1.2fr);align-items:center}.task-form-summary>header{height:100%;border-right:1px solid #e8ecf1;border-bottom:0}.task-summary-list{grid-template-columns:repeat(3,minmax(0,1fr));padding:10px 16px}.task-summary-list>div{display:block;padding:8px 10px;border-bottom:0;border-left:1px solid #edf0f4}.task-summary-list>div:first-child{border-left:0}.task-summary-list dd{margin-top:4px;text-align:left}.task-form-index{display:none}
  .task-form-summary>.form-actions{position:fixed;z-index:18;left:calc(var(--sidebar) + (100% - var(--sidebar))/2);bottom:12px;width:min(720px,calc(100% - var(--sidebar) - 32px));flex-wrap:nowrap;padding:10px;border:1px solid #dce3ec;border-radius:13px;background:rgba(255,255,255,.96);box-shadow:0 16px 44px rgba(29,41,57,.18);transform:translateX(-50%)}
  .task-form-summary>.form-actions .primary,.task-form-summary>.form-actions .secondary{min-height:46px}.task-form-summary>.form-actions .primary{order:0;flex:1 1 0}.task-form-summary>.form-actions .secondary{flex:1 1 0}.task-form-summary>.form-actions a.secondary{flex:0 0 auto}
}
@media(max-width:900px){
  .task-form-summary>.form-actions{left:50%;width:min(720px,calc(100% - 32px))}
}
@media(max-width:760px){
  main:has(.task-form-shell){width:calc(100% - 28px);padding-top:20px}
  .task-form-header{display:block}.task-form-header h1{font-size:28px}.task-form-header p{font-size:13px}.task-form-header .form-progress{width:max-content;margin-top:14px}
  .task-form-summary{display:block}.task-form-summary>header{height:auto;border-right:0;border-bottom:1px solid #e8ecf1}.task-summary-list{grid-template-columns:repeat(3,minmax(0,1fr));padding:8px 10px}.task-summary-list>div{padding:8px}.task-summary-list dt{font-size:10px}.task-summary-list dd{font-size:11px}
  .task-section{padding:23px 18px}.task-section .form-section-title{gap:10px}.task-section .form-section-title h2,.task-section-primary .form-section-title h2{font-size:20px}.task-section .form-section-title p{font-size:11px}.task-section .form-grid{grid-template-columns:minmax(0,1fr)}.task-section .field.full{grid-column:auto}.project-manual-fields{grid-column:auto;grid-template-columns:minmax(0,1fr)}.project-manual-heading{display:block}.project-manual-heading small{display:block;margin-top:3px}
  .decision-check{min-height:0}.task-section .case-routing-grid{grid-template-columns:minmax(0,1fr)}
  .project-picker-panel{position:fixed;z-index:60;left:14px;right:14px;top:50%;max-height:min(620px,calc(100vh - 28px));transform:translateY(-50%)}.project-picker-tree{max-height:min(430px,calc(100vh - 172px))}.project-picker-trigger,.project-picker-group-trigger,.project-picker-option,.project-picker-manual{min-height:48px}.project-picker-search{height:56px}.project-picker-control.has-clear .project-picker-trigger{padding-right:92px}.project-picker-clear{right:43px;width:40px;height:40px}.project-picker-clear svg{width:18px;height:18px}

  /* Mobile form containment: rich editors and long helper content must shrink
     with the single-column track instead of imposing their desktop min width. */
  .task-form.card-form,.task-form-main,.task-section,
  .task-section .form-grid,.task-section .form-grid>*,.task-section .field,
  .task-section .cois-rich-editor,.task-section .ql-container,
  .task-section .similarity-preview,.task-section .severity-insight,
  .task-section textarea,.task-section .form-control{
    min-width:0;
    max-width:100%;
  }
  .task-form.card-form,.task-form-main,.task-section,
  .task-section .form-grid,.task-section .cois-rich-editor,
  .task-section .similarity-preview,.task-section textarea{
    width:100%;
  }
  .task-section .cois-editor-toolbar.ql-toolbar.ql-snow{
    width:100%;
    min-width:0;
    overflow:hidden;
  }
  .task-section .cois-editor-actions{
    width:100%;
    min-width:0;
    max-width:100%;
    overflow-x:auto;
    overscroll-behavior-x:contain;
  }
  .task-section .ql-editor,.task-section .ql-editor.ql-blank:before,
  .task-section .similarity-head,.task-section .similarity-empty,
  .task-section .similarity-copy b,.task-section .similarity-copy small,
  .task-section .field>small{
    overflow-wrap:anywhere;
    word-break:break-word;
  }
}
@media(max-width:480px){
  .task-form-shell{padding-bottom:82px}.task-form-summary>header{padding:17px}.task-summary-list{grid-template-columns:1fr}.task-summary-list>div{display:grid;grid-template-columns:82px minmax(0,1fr);border-left:0;border-bottom:1px solid #edf0f4}.task-summary-list>div:last-child{border-bottom:0}.task-summary-list dd{margin:0;text-align:right}
  .task-section{padding:21px 15px}.task-section .form-section-title{display:block}.task-section .form-section-title em{display:inline-block;margin-top:9px}.task-section .level-field{padding:13px}.task-section-primary{box-shadow:none}
  .task-form-summary>.form-actions{bottom:8px;width:calc(100% - 18px);gap:6px;padding:8px}.task-form-summary>.form-actions .primary,.task-form-summary>.form-actions .secondary{min-width:0;padding-inline:10px;font-size:11px;white-space:nowrap}.task-form-summary>.form-actions a.secondary{padding-inline:11px}
}
@media(prefers-reduced-motion:reduce){.task-form-index a{transition:none}}
