/* 업무요청 · 레이아웃 공통 색상 토큰 사용 */
.task-page-title { display:flex; align-items:center; justify-content:space-between; margin:0 0 24px; gap:16px; }
.task-page-title h1 { margin:8px 0 10px; }
.task-page-title p { margin:0; color:#929aaa; font-size:12px; line-height:1.7; }
.task-eyebrow { color:var(--erp-eyebrow); font-size:10px; letter-spacing:1.5px; font-weight:700; }
.task-demo { color:var(--erp-accent-text); font-size:11px; white-space:nowrap; }
.task-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-bottom:24px; }
.task-stat { padding:20px 22px; }
.task-stat > span { display:block; color:#8d95a3; font-size:11px; }
.task-stat strong { display:block; margin:12px 0 7px; font-size:25px; color:var(--erp-accent-strong); }
.task-stat small { font-size:10px; color:#9ca3af; }
.task-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px 24px; }
.task-toolbar > .search-group { margin-left:auto; justify-content:flex-end; min-width:0; flex-wrap:nowrap; }
.task-toolbar .form-select { width:auto; flex-shrink:0; }
.task-toolbar .btn { white-space:nowrap; flex-shrink:0; }
#task-search { width:220px; min-width:120px; }
.task-list-meta { display:flex; justify-content:space-between; gap:14px; padding:0 24px 16px; font-size:11px; color:#929aaa; }
#task-count { color:var(--erp-accent-strong); }
.task-table { min-width:850px; }
.task-table td { padding-top:20px; padding-bottom:20px; }
.task-table a { color:#344054; font-weight:600; font-size:12px; white-space:normal; line-height:1.7; }
.task-table a:hover { color:var(--erp-primary); text-decoration:underline; }
.task-table small { color:#929aaa; }
.task-response-count { font-size:10px; margin-left:7px; color:var(--erp-accent-text); }
.task-status { display:inline-block; padding:5px 10px; border-radius:5px; white-space:nowrap; font-size:10px; background:var(--erp-active-bg); color:var(--erp-accent-strong); }
.task-status.is-progress { background:#eaf2ff; color:#3967a5; }
.task-status.is-completed { background:#eaf5f0; color:#38765e; }
.task-status.is-cancelled { background:#f0f1f5; color:#7d8594; }
.task-detail-header { padding:28px 32px; border-bottom:1px solid #e9ecf1; }
.task-detail-header h2 { margin:14px 0 20px; font-size:22px; line-height:1.5; overflow-wrap:anywhere; }
.task-detail-meta { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.task-detail-meta dt { font-size:11px; color:#929aaa; margin-bottom:7px; font-weight:400; }
.task-detail-meta dd { margin:0; font-size:12px; color:#536071; overflow-wrap:anywhere; }
.task-detail-body { padding:30px 32px; min-height:260px; font-size:13px; line-height:2; color:#536071; white-space:pre-wrap; overflow-wrap:anywhere; }
.task-responses { padding:26px 32px; border-top:1px solid #e9ecf1; }
.task-responses h3,.task-response-form h3 { font-size:14px; margin:0 0 20px; }
.task-response-item { border:1px solid #e5e7ed; border-radius:8px; padding:18px; margin-top:12px; background:#fafbfc; }
.task-response-item header { display:flex; align-items:center; gap:12px; font-size:11px; color:#929aaa; flex-wrap:wrap; }
.task-response-item header strong { color:#536071; }
.task-response-item p { margin:14px 0 0; white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.9; font-size:12px; }
.task-empty-response { font-size:12px; color:#929aaa; margin:0; }
.task-response-form { padding:26px 32px; border-top:1px solid #e9ecf1; background:var(--erp-notice-bg); }
.task-response-controls label,.task-response-label { display:flex; flex-direction:column; gap:8px; font-size:12px; color:#687487; }
.task-response-controls { max-width:180px; margin-bottom:16px; }
.task-response-label textarea { resize:vertical; line-height:1.9; }
.task-response-bottom { display:flex; justify-content:space-between; align-items:center; gap:14px; margin-top:16px; }
.task-response-bottom span { color:#929aaa; font-size:11px; }
.task-actions { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:20px 28px; border-top:1px solid #e9ecf1; }
.task-editor-body { padding:30px; }
.task-body-input { resize:vertical; min-height:250px; line-height:1.9; }
#task-form-error,#task-response-message { font-size:12px; line-height:1.7; margin-top:14px; color:var(--erp-accent-strong); }
@media(max-width:1150px) { .task-toolbar { flex-wrap:wrap; } .task-toolbar > .search-group { flex-wrap:wrap; } }
@media(max-width:800px) { .task-stats { grid-template-columns:1fr 1fr; gap:12px; } .task-toolbar { padding:18px; } .task-toolbar > .search-group { flex-basis:100%; } .task-detail-meta { grid-template-columns:1fr 1fr; } .task-detail-header,.task-detail-body,.task-responses,.task-response-form,.task-editor-body { padding:22px; } .task-detail-header h2 { font-size:20px; } .task-response-bottom { flex-wrap:wrap; } .task-response-bottom .btn { margin-left:auto; } }
@media(max-width:480px) { .task-stat { padding:16px; } #task-search { width:100%; flex-basis:100%; } .task-detail-meta { grid-template-columns:1fr; gap:16px; } .task-demo { display:none; } .task-actions { padding:18px; } }

/* 목록 위에 펼쳐지는 인라인 작성 영역 */
.task-inline-editor { padding:0 24px 24px; }
.task-inline-editor[hidden],.task-inline-message[hidden] { display:none; }
.task-inline-editor > .panel { border-color:var(--erp-rail-border); }
.task-inline-message { margin:0 24px 20px; padding:14px 16px; border-radius:7px; background:var(--erp-notice-bg); color:var(--erp-accent-strong); font-size:12px; line-height:1.7; }
@media(max-width:800px) { .task-inline-editor { padding:0 18px 18px; } .task-inline-message { margin:0 18px 18px; } }

/* 선택 행에서 이어지는 요청 내용과 처리 영역 */
#task-list .table-wrap { container-type:inline-size; }
.task-table tr.is-expanded > td { background:var(--erp-active-bg); border-bottom-color:var(--erp-rail-border); }
.task-table .task-expanded-row > td { padding:0; white-space:normal; background:#f8f9fc; }
.task-inline-detail { width:calc(100cqw - 40px); max-width:calc(100% - 40px); margin:20px; border:1px solid #e3e6ed; border-radius:10px; background:#fff; overflow:hidden; }
.task-inline-header { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; padding:24px 28px 18px; }
.task-inline-header > div { min-width:0; }
.task-inline-header h2 { margin:12px 0 0; font-size:18px; font-weight:700; line-height:1.6; letter-spacing:-0.4px; overflow-wrap:anywhere; color:#263345; }
.task-inline-header .btn { flex-shrink:0; padding:6px 12px; font-size:11px; color:#7d8594; border-color:#e5e7ed; }
.task-inline-detail > .task-detail-meta { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:20px; margin:0 28px 24px; padding:16px 18px; border:1px solid #eef0f5; border-radius:7px; background:#fafbfc; }
.task-inline-detail > .task-detail-meta dt { font-size:10px; color:#98a2b3; margin-bottom:7px; }
.task-inline-detail > .task-detail-meta dd { font-size:12px; color:#536071; line-height:1.6; }
.task-inline-columns { display:grid; grid-template-columns:minmax(0,1fr) 340px; border-top:1px solid #edf0f5; }
.task-inline-content { min-width:0; padding:26px 28px 30px; }
.task-inline-content h3 { margin:0 0 18px; font-size:12px; color:#344054; }
.task-inline-body { white-space:pre-wrap; overflow-wrap:anywhere; font-size:13px; line-height:1.95; color:#475467; }
.task-inline-conversation { min-width:0; background:#fcfcfd; border-left:1px solid #edf0f5; }
.task-inline-detail .task-responses { padding:24px; border-top:0; }
.task-inline-detail .task-responses h3,.task-inline-detail .task-response-form h3 { margin-bottom:16px; font-size:12px; color:#344054; }
.task-inline-detail .task-response-item { background:#fff; padding:14px; border-color:#e9ecf1; }
.task-inline-detail .task-response-item header { gap:8px; font-size:10px; }
.task-inline-detail .task-response-item p { font-size:12px; line-height:1.8; }
.task-inline-detail .task-empty-response { padding:14px; background:#f5f6f8; border-radius:6px; font-size:11px; line-height:1.8; }
.task-inline-detail .task-response-form { padding:24px; background:transparent; border-top:1px solid #edf0f5; }
.task-inline-detail .task-response-controls { max-width:none; }
.task-inline-detail .task-response-label,.task-inline-detail .task-response-controls label { font-size:11px; }
.task-inline-detail .task-response-bottom { flex-wrap:wrap; gap:12px; }
.task-inline-detail .task-response-bottom .btn { margin-left:auto; }
.task-inline-detail .task-response-bottom span { font-size:10px; line-height:1.7; }
.task-inline-feedback { color:var(--erp-accent-strong); font-size:11px; line-height:1.8; margin-top:14px; }
.task-table a[aria-expanded="true"] { color:var(--erp-primary); }
@container(max-width:900px) {
  .task-inline-columns { grid-template-columns:minmax(0,1fr); }
  .task-inline-conversation { border-left:0; border-top:1px solid #edf0f5; }
  .task-inline-detail > .task-detail-meta { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:800px) {
  .task-inline-detail { width:calc(100cqw - 24px); max-width:calc(100% - 24px); margin:12px; }
  .task-inline-header { padding:20px; gap:12px; }
  .task-inline-header h2 { font-size:16px; }
  .task-inline-detail > .task-detail-meta { grid-template-columns:repeat(2,minmax(0,1fr)); margin:0 20px 20px; padding:14px; gap:16px; }
  .task-inline-content { padding:22px 20px; }
  .task-inline-detail .task-responses,.task-inline-detail .task-response-form { padding:20px; }
}

/* 원본 업무요청의 업무정보·업체정보 + 참조 구조 */
.task-editor-intro { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:24px; }
.task-editor-intro span { font-size:9px; letter-spacing:1.5px; font-weight:700; color:var(--erp-eyebrow); }
.task-editor-intro h2 { font-size:18px; margin:7px 0 0; }
.task-editor-intro p { font-size:11px; color:#929aaa; margin:0; }
.task-editor-layout { display:grid; grid-template-columns:minmax(0,7fr) minmax(220px,3fr); gap:20px; align-items:start; }
.task-editor-main { min-width:0; display:grid; gap:20px; }
.task-editor-section { border:1px solid #e5e7ed; border-radius:8px; background:#fff; overflow:hidden; }
.task-editor-section > h3 { display:flex; align-items:center; gap:10px; font-size:13px; margin:0; padding:17px 20px; background:#fafbfc; border-bottom:1px solid #e9ecf1; }
.task-editor-section > h3 span { font-size:10px; color:var(--erp-accent-text); }
.task-routing-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; padding:20px; }
.task-legacy-editor label { display:flex; flex-direction:column; gap:8px; font-size:11px; font-weight:400; color:#687487; min-width:0; }
.task-legacy-editor .form-control,.task-legacy-editor .form-select { width:100%; min-width:0; }
.task-editor-fields { display:grid; gap:18px; padding:0 20px 20px; }
.task-legacy-editor .task-body-input { min-height:180px; }
.task-company-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; padding:20px; }
.task-company-grid .wide,.task-company-picker { grid-column:1/-1; }
.task-input-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.task-company-select { display:grid; grid-template-columns:110px minmax(0,1fr); gap:7px; }
.task-field-hint { margin:0; padding:0 20px 18px; font-size:10px; color:#98a2b3; line-height:1.8; }
.task-extra-fields,.task-classification { min-width:0; margin:0; padding:0; border:0; border-top:1px solid #edf0f5; }
.task-extra-fields[hidden],.task-classification[hidden],.task-company-picker[hidden] { display:none; }
.task-extra-fields legend { float:none; width:auto; margin:0; padding:18px 20px 0; font-size:12px; font-weight:600; color:#536071; }
.task-extra-fields > label { padding:20px; }
.task-section-subheading { display:flex; justify-content:space-between; align-items:center; padding:16px 20px; gap:10px; }
.task-section-subheading h4 { font-size:12px; margin:0; }
.task-section-subheading .btn { font-size:10px; padding:6px 10px; }
.task-classification-row { margin:0 20px 16px; padding:14px; border:1px solid #e9ecf1; border-radius:7px; background:#fafbfc; }
.task-classification-top { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) auto; gap:8px; align-items:end; }
.task-classification-bottom { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:12px; }
.task-classification-top .btn { font-size:10px; padding:9px; }
.task-editor-aside { display:grid; gap:18px; min-width:0; }
.task-editor-aside h4 { margin:18px 20px 10px; font-size:12px; }
.task-reference-options { display:grid; gap:14px; padding:0 20px 20px; }
.task-reference-options label { flex-direction:row; align-items:flex-start; gap:7px; line-height:1.6; }
.task-reference-options input { margin:2px 0 0; accent-color:var(--erp-primary); }
.task-editor-note { padding:18px; border-radius:8px; background:var(--erp-notice-bg); font-size:11px; color:var(--erp-accent-text); line-height:1.8; }
.task-editor-note p { margin:10px 0 0; }
.task-editor-error { padding:14px 16px; background:#fff3f1; border:1px solid #f5d8d3; border-radius:6px; color:#b42318 !important; }
.task-company-detail { margin-top:28px; padding-top:24px; border-top:1px solid #edf0f5; white-space:normal; font-size:12px; }
.task-company-detail h3 { font-size:12px; margin:0 0 16px; }
.task-company-detail h4 { font-size:11px; margin:20px 0 10px; }
.task-company-detail dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:0; }
.task-company-detail dt { font-size:10px; font-weight:400; color:#98a2b3; }
.task-company-detail dd { margin:6px 0 0; color:#536071; font-size:12px; line-height:1.7; overflow-wrap:anywhere; }
.task-company-detail ul { padding-left:18px; line-height:1.9; }
.task-company-detail p { margin:0; overflow-wrap:anywhere; line-height:1.9; }
.task-extra-text { white-space:pre-wrap; }
.task-downloads { display:flex; flex-wrap:wrap; gap:8px; }
.task-downloads .btn { max-width:100%; white-space:normal; overflow-wrap:anywhere; font-size:11px; }
@media(max-width:1280px) { .task-editor-layout { grid-template-columns:minmax(0,1fr); } .task-editor-aside { grid-template-columns:1fr 1fr; } .task-routing-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:800px) { .task-editor-intro { align-items:flex-start; flex-direction:column; gap:10px; } .task-routing-grid,.task-company-grid,.task-editor-aside { grid-template-columns:minmax(0,1fr); } .task-classification-top { grid-template-columns:1fr 1fr; } .task-company-detail dl { grid-template-columns:minmax(0,1fr); } }

@media(max-width:480px) {
  .task-legacy-editor > .task-editor-body { padding:16px; }
  .task-legacy-editor .task-routing-grid,.task-legacy-editor .task-company-grid { padding:16px; }
  .task-legacy-editor .task-editor-fields { padding:0 16px 16px; }
  .task-legacy-editor .task-company-select,.task-legacy-editor .task-input-pair { grid-template-columns:minmax(0,1fr); }
  .task-legacy-editor .task-classification-top,.task-legacy-editor .task-classification-bottom { grid-template-columns:minmax(0,1fr); }
}