.vendor-work-page { display: grid; gap: 14px; }
.vendor-work-hero { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 21px 23px; border: 1px solid #d6e3ef; border-radius: 10px; background: linear-gradient(125deg, #f7fbff 0%, #edf6ff 58%, #f4f1ff 100%); box-shadow: 0 5px 16px rgba(24, 65, 105, .06); }
.vendor-work-hero > div > span { color: #286aab; font-size: 11px; font-weight: 900; letter-spacing: .13em; }
.vendor-work-hero h2 { margin: 5px 0 4px; color: #123f6d; font-size: 23px; }
.vendor-work-hero p { margin: 0; color: #61778d; font-size: 12px; }
.vendor-work-summary { display: grid; grid-template-columns: repeat(6, minmax(120px, 1fr)); gap: 11px; }
.vendor-work-metric { padding: 16px 17px; border: 1px solid #dce6f0; border-top: 4px solid #286bb0; border-radius: 8px; background: #fff; box-shadow: 0 4px 13px rgba(26, 55, 86, .05); }
.vendor-work-metric.purple { border-top-color: #7756c7; }.vendor-work-metric.green { border-top-color: #1e9a65; }.vendor-work-metric.cyan { border-top-color: #218ca0; }.vendor-work-metric.red { border-top-color: #d64e54; }.vendor-work-metric.orange { border-top-color: #dd892f; }
.vendor-work-metric span, .vendor-work-metric small { display: block; color: #6b7d90; font-size: 10px; font-weight: 800; }
.vendor-work-metric strong { display: block; margin: 6px 0 4px; color: #173e68; font-size: 25px; }
.vendor-work-list { overflow: hidden; }
.vendor-work-filter { display: grid; grid-template-columns: 155px 135px 145px 145px minmax(220px, 1fr) 78px 78px; gap: 9px; align-items: end; padding: 14px; border-bottom: 1px solid #dfe7ef; background: #fbfcfe; }
.vendor-work-filter label { display: grid; gap: 5px; min-width: 0; }
.vendor-work-filter label > span { color: #53687e; font-size: 10px; font-weight: 900; }
.vendor-work-filter input, .vendor-work-filter select { width: 100%; min-width: 0; height: 38px; padding: 7px 9px; border: 1px solid #cbd8e5; border-radius: 5px; background: #fff; color: #263b50; }
.vendor-work-list-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 17px; border-bottom: 1px solid #dfe7ef; }
.vendor-work-list-head h3 { margin: 0; color: #173f69; font-size: 16px; }.vendor-work-list-head p { margin: 4px 0 0; color: #728397; font-size: 10px; }.vendor-work-list-head > strong { color: #285f95; white-space: nowrap; }
.vendor-work-table { min-width: 1330px; }
.vendor-work-table th, .vendor-work-table td { text-align: center; white-space: nowrap; }

.vendor-work-table tbody tr { cursor: default; }.vendor-work-table tbody tr.is-overdue { background: #fff9f9; }
.vendor-work-order-link { display: block; margin: 0 auto; padding: 0; border: 0; background: none; color: #1760a5; font-size: 11px; font-weight: 900; text-align: center; cursor: pointer; }
.vendor-work-table td > small, .vendor-work-product small, .vendor-work-due { display: block; margin-top: 3px; color: #718297; font-size: 9px; }
.vendor-work-product { min-width: 250px; max-width: 360px; white-space: normal !important; }.vendor-work-product strong, .vendor-work-product small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vendor-work-due.late { color: #c9343d; font-weight: 900; }
.vendor-work-progress { display: flex; align-items: center; justify-content: center; gap: 7px; }.vendor-work-progress > span { width: 70px; height: 7px; overflow: hidden; border-radius: 999px; background: #e4ebf2; }.vendor-work-progress i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #2874bd, #39a879); }.vendor-work-progress strong { min-width: 32px; color: #37536f; font-size: 10px; text-align: center; }
.vendor-work-status, .vendor-work-priority { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; padding: 4px 8px; border-radius: 999px; font-size: 9px; font-weight: 900; }
.vendor-work-status.wait { background: #eef1f4; color: #586a7a; }.vendor-work-status.check { background: #e8f1ff; color: #2163a4; }.vendor-work-status.progress { background: #e3f7ed; color: #168057; }.vendor-work-status.hold { background: #fff1dc; color: #a5660e; }.vendor-work-status.inspect { background: #e3f5fa; color: #17758a; }.vendor-work-status.rework { background: #fff0e5; color: #b45b18; }.vendor-work-status.done { background: #dff4e7; color: #167447; }.vendor-work-status.cancel { background: #fde8e8; color: #b5383f; }
.vendor-work-priority.urgent { background: #fee2e3; color: #bd2732; }.vendor-work-priority.high { background: #fff0db; color: #a46108; }.vendor-work-priority.normal { background: #e7f0fa; color: #39668f; }.vendor-work-priority.low { background: #edf0f3; color: #6b7885; }
.vendor-work-dialog { width: min(1120px, calc(100vw - 28px)); max-width: 1120px; max-height: calc(100vh - 28px); padding: 0; overflow: hidden; border: 0; border-radius: 12px; box-shadow: 0 24px 70px rgba(10, 34, 58, .3); }
.vendor-work-dialog::backdrop { background: rgba(10, 30, 50, .54); }
.vendor-work-dialog > .dialog-head { margin: 0; padding: 16px 19px; border-bottom: 1px solid #dce5ee; background: #f6f9fc; }
.vendor-work-dialog .dialog-head > div > span { color: #2a6dac; font-size: 10px; font-weight: 900; letter-spacing: .08em; }.vendor-work-dialog .dialog-head h3 { margin: 3px 0 0; color: #173f69; }
.vendor-work-editor, .vendor-work-response { max-height: calc(100vh - 100px); overflow: auto; }
.vendor-work-editor-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; padding: 17px 19px; }
.vendor-work-editor-grid label, .vendor-work-response-grid label { display: grid; gap: 5px; min-width: 0; }.vendor-work-editor-grid label > span, .vendor-work-response-grid label > span { color: #4f657b; font-size: 10px; font-weight: 900; }
.vendor-work-editor-grid input, .vendor-work-editor-grid select, .vendor-work-editor-grid textarea, .vendor-work-response-grid input, .vendor-work-response-grid select, .vendor-work-response-grid textarea { width: 100%; min-width: 0; padding: 8px 9px; border: 1px solid #cbd7e4; border-radius: 5px; background: #fff; color: #22384d; }
.vendor-work-editor-grid input, .vendor-work-editor-grid select, .vendor-work-response-grid input, .vendor-work-response-grid select { height: 38px; }
.vendor-work-memo { grid-column: 1 / -1; }.vendor-work-memo textarea { resize: vertical; }
.vendor-work-reply-summary { display: grid; grid-template-columns: 180px 1fr; gap: 10px; margin: 0 19px 16px; padding: 13px; border: 1px solid #dce6ef; border-radius: 8px; background: #f7faff; }.vendor-work-reply-summary div { min-width: 0; }.vendor-work-reply-summary span, .vendor-work-reply-summary strong { display: block; }.vendor-work-reply-summary span { color: #6c7d90; font-size: 9px; font-weight: 900; }.vendor-work-reply-summary strong { margin-top: 4px; overflow: hidden; color: #274b6e; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.vendor-work-readonly { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; padding: 16px 19px; border-bottom: 1px solid #dfe7ef; background: #fbfcfe; }.vendor-work-readonly div { padding: 10px 11px; border: 1px solid #e0e7ef; border-radius: 7px; background: #fff; }.vendor-work-readonly div.wide { grid-column: 1 / -1; }.vendor-work-readonly span, .vendor-work-readonly strong { display: block; }.vendor-work-readonly span { color: #728398; font-size: 9px; font-weight: 900; }.vendor-work-readonly strong { margin-top: 4px; color: #244766; font-size: 11px; white-space: pre-wrap; }
.vendor-work-response-grid { display: grid; grid-template-columns: 180px 180px 190px 1fr; gap: 11px; align-items: start; padding: 17px 19px; }.vendor-work-response-grid .vendor-work-memo { grid-column: 4; }.vendor-work-response-grid textarea { min-height: 78px; resize: vertical; }
.vendor-work-history { margin: 0 19px 16px; padding: 14px; border: 1px solid #dce5ee; border-radius: 8px; background: #fff; }.vendor-work-history h4 { margin: 0 0 12px; color: #1f4c76; font-size: 12px; }
.vendor-work-history article { position: relative; display: grid; grid-template-columns: 12px 1fr; gap: 9px; padding: 0 0 14px; }.vendor-work-history article:last-child { padding-bottom: 0; }.vendor-work-history article > i { width: 9px; height: 9px; margin-top: 4px; border: 2px solid #fff; border-radius: 50%; background: #2870b3; box-shadow: 0 0 0 2px #b9d2e8; }.vendor-work-history article > i.vendor { background: #1c9564; box-shadow: 0 0 0 2px #bce3d2; }.vendor-work-history article:not(:last-child)::before { position: absolute; top: 14px; bottom: 0; left: 4px; width: 1px; background: #d8e2eb; content: ""; }
.vendor-work-history article > div > div { display: flex; align-items: center; justify-content: space-between; gap: 8px; }.vendor-work-history article strong { color: #2b4a68; font-size: 10px; }.vendor-work-history time { color: #8492a1; font-size: 9px; }.vendor-work-history p { margin: 5px 0 0; color: #617389; font-size: 10px; }.vendor-work-history p .vendor-work-status { margin-right: 5px; }.vendor-work-event-label { display: inline-flex; margin-right: 6px; color: #2d587d; font-size: 9px; }.vendor-work-history small { display: block; margin-top: 5px; padding: 7px 9px; border-radius: 5px; background: #f5f8fb; color: #50677d; font-size: 10px; white-space: pre-wrap; }.vendor-work-history-empty { margin: 0; color: #75879a; font-size: 10px; }
.vendor-work-dialog .dialog-actions { position: sticky; bottom: 0; margin: 0; padding: 12px 19px; border-top: 1px solid #dce5ee; background: #fff; }.vendor-work-dialog .vendor-work-response-actions { grid-template-columns: 1fr auto auto auto; }
@media (max-width: 1250px) { .vendor-work-summary { grid-template-columns: repeat(3, minmax(130px, 1fr)); }.vendor-work-filter { grid-template-columns: repeat(4, minmax(0, 1fr)); }.vendor-work-query { grid-column: span 2; } }
@media (max-width: 820px) { .vendor-work-hero { align-items: flex-start; flex-direction: column; }.vendor-work-hero .primary-action { width: 100%; }.vendor-work-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }.vendor-work-filter { grid-template-columns: repeat(2, minmax(0, 1fr)); }.vendor-work-query { grid-column: 1 / -1; }.vendor-work-editor-grid, .vendor-work-readonly { grid-template-columns: repeat(2, minmax(0, 1fr)); }.vendor-work-response-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.vendor-work-response-grid .vendor-work-memo { grid-column: 1 / -1; }.vendor-work-reply-summary { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .vendor-work-page { gap: 10px; }.vendor-work-hero { padding: 16px; }.vendor-work-hero h2 { font-size: 19px; }.vendor-work-summary { grid-template-columns: 1fr 1fr; gap: 7px; }.vendor-work-metric { padding: 12px; }.vendor-work-metric strong { font-size: 21px; }.vendor-work-filter { grid-template-columns: 1fr 1fr; padding: 10px; }.vendor-work-filter label, .vendor-work-query { grid-column: 1 / -1; }.vendor-work-dialog { width: calc(100vw - 10px); max-height: calc(100vh - 10px); }.vendor-work-editor-grid, .vendor-work-readonly, .vendor-work-response-grid { grid-template-columns: 1fr; padding: 13px; }.vendor-work-readonly div.wide, .vendor-work-response-grid .vendor-work-memo { grid-column: auto; }.vendor-work-history, .vendor-work-reply-summary { margin-right: 13px; margin-left: 13px; }.vendor-work-dialog .dialog-actions { grid-template-columns: 1fr 1fr; padding: 10px 13px; }.vendor-work-dialog .dialog-actions > span { display: none; }.vendor-work-dialog .dialog-actions button { width: 100%; } }
.vendor-work-confirm { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 14px 19px 0; padding: 13px 14px; border: 1px solid #f0c879; border-radius: 8px; background: #fff8e9; }
.vendor-work-confirm.is-confirmed { border-color: #addcc6; background: #eefaf4; }
.vendor-work-confirm div { min-width: 0; }.vendor-work-confirm strong,.vendor-work-confirm span { display: block; }.vendor-work-confirm strong { color: #7c540e; font-size: 11px; }.vendor-work-confirm.is-confirmed strong { color: #177149; }.vendor-work-confirm span { margin-top: 3px; color: #796c56; font-size: 10px; }.vendor-work-confirm.is-confirmed span { color: #577566; }
.vendor-work-confirm button { flex: 0 0 auto; }
.vendor-work-inspection { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 430px); gap: 14px; align-items: center; margin: 14px 19px; padding: 14px; border: 1px solid #b7dce5; border-radius: 8px; background: #f0fafc; }
.vendor-work-inspection.rework { border-color: #edc7a7; background: #fff7f0; }.vendor-work-inspection.approved { border-color: #addcc6; background: #eefaf4; }.vendor-work-inspection.legacy { grid-template-columns: 1fr; border-color: #d7e0e8; background: #f7f9fb; }
.vendor-work-inspection-copy { min-width: 0; }.vendor-work-inspection-copy > span,.vendor-work-inspection-copy > strong { display: block; }.vendor-work-inspection-copy > span { color: #28768a; font-size: 8px; font-weight: 900; letter-spacing: .09em; }.vendor-work-inspection-copy > strong { margin-top: 3px; color: #1d6171; font-size: 12px; }.vendor-work-inspection-copy p { margin: 5px 0 0; color: #5a7480; font-size: 10px; white-space: pre-wrap; }.vendor-work-inspection.rework .vendor-work-inspection-copy > span,.vendor-work-inspection.rework .vendor-work-inspection-copy > strong { color: #a9571c; }.vendor-work-inspection.approved .vendor-work-inspection-copy > span,.vendor-work-inspection.approved .vendor-work-inspection-copy > strong { color: #177149; }
.vendor-work-inspection-controls { display: grid; gap: 8px; }.vendor-work-inspection-controls textarea { width: 100%; min-height: 70px; padding: 8px 9px; border: 1px solid #bdcedb; border-radius: 6px; background: #fff; color: #263f55; resize: vertical; }.vendor-work-inspection-controls > div { display: flex; justify-content: flex-end; gap: 8px; }
.vendor-work-attachments { margin: 0 19px 14px; padding: 13px 14px; border: 1px solid #dbe5ee; border-radius: 8px; background: #f9fbfd; }
.vendor-work-attachment-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 9px; }.vendor-work-attachment-head h4 { margin: 0; color: #1d4b77; font-size: 12px; }.vendor-work-attachment-head span { color: #657b91; font-size: 10px; font-weight: 900; }
.vendor-work-attachment-list { display: grid; gap: 7px; }.vendor-work-attachment-list article { display: grid; grid-template-columns: 42px minmax(0,1fr) auto; gap: 9px; align-items: center; padding: 9px 10px; border: 1px solid #dfe7ef; border-radius: 7px; background: #fff; }
.vendor-work-attachment-list article > i { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 30px; border-radius: 5px; background: #e7f0fb; color: #2364a2; font-size: 8px; font-style: normal; font-weight: 900; }.vendor-work-attachment-list article > i.vendor { background: #e3f5ec; color: #187a53; }
.vendor-work-attachment-list article > div { min-width: 0; }.vendor-work-attachment-list a { display: block; overflow: hidden; color: #1e5d98; font-size: 11px; font-weight: 900; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }.vendor-work-attachment-list a:hover { text-decoration: underline; }.vendor-work-attachment-list small { display: block; margin-top: 3px; overflow: hidden; color: #748597; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.vendor-work-attachment-remove { padding: 6px 8px; border: 1px solid #e1b9bc; border-radius: 5px; background: #fff5f5; color: #ad353c; font-size: 9px; font-weight: 900; cursor: pointer; }
.vendor-work-attachment-empty { margin: 0; color: #718496; font-size: 10px; }
.vendor-work-upload { margin: 0 19px 14px; padding: 12px 14px; border: 1px dashed #a9c5df; border-radius: 8px; background: #f5faff; }.vendor-work-upload label { display: grid; grid-template-columns: 170px 1fr; gap: 4px 12px; align-items: center; }.vendor-work-upload span { color: #245781; font-size: 10px; font-weight: 900; }.vendor-work-upload small { color: #6d8195; font-size: 9px; }.vendor-work-upload input { grid-column: 1 / -1; width: 100%; padding: 7px; border: 1px solid #cbd9e6; border-radius: 5px; background: #fff; color: #3e566d; font-size: 10px; }
.vendor-work-reply-summary { grid-template-columns: 190px 150px 210px 1fr; }
@media (max-width: 820px) { .vendor-work-confirm { align-items: stretch; flex-direction: column; }.vendor-work-confirm button { width: 100%; }.vendor-work-inspection { grid-template-columns: 1fr; }.vendor-work-reply-summary { grid-template-columns: 1fr; }.vendor-work-upload label { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .vendor-work-confirm,.vendor-work-inspection,.vendor-work-attachments,.vendor-work-upload { margin-right: 13px; margin-left: 13px; }.vendor-work-inspection-controls > div { display: grid; grid-template-columns: 1fr 1fr; }.vendor-work-inspection-controls button { width: 100%; }.vendor-work-dialog .vendor-work-response-actions { grid-template-columns: 1fr 1fr; }.vendor-work-response-actions > span { display: none; }.vendor-work-attachment-list article { grid-template-columns: 36px minmax(0,1fr); }.vendor-work-attachment-list article > i { width: 32px; }.vendor-work-attachment-remove { grid-column: 1 / -1; width: 100%; } }



/* 업체 작업현황·지연관리 로컬 보완 */
.vendor-work-summary { grid-template-columns: repeat(4, minmax(135px, 1fr)); }
.vendor-work-metric { width: 100%; appearance: none; color: inherit; font: inherit; text-align: left; cursor: pointer; transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease; }
.vendor-work-metric:hover { transform: translateY(-1px); box-shadow: 0 7px 17px rgba(26, 55, 86, .1); }
.vendor-work-metric.is-active { border-color: #6aa2d8; box-shadow: 0 0 0 2px rgba(42, 113, 181, .13); }
.vendor-work-metric.amber { border-top-color: #c97729; }.vendor-work-metric.yellow { border-top-color: #d4a316; }
.vendor-work-attention { overflow: hidden; border: 1px solid #ead7b6; border-radius: 9px; background: #fffdf8; box-shadow: 0 4px 13px rgba(91, 65, 24, .05); }
.vendor-work-attention.is-clear { padding: 15px 17px; border-color: #cce4d8; background: #f7fcf9; }
.vendor-work-attention-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 17px; border-bottom: 1px solid #eee1c9; background: #fffaf0; }
.vendor-work-attention-head > div > span,.vendor-work-attention.is-clear > div > span { color: #a16a16; font-size: 9px; font-weight: 900; letter-spacing: .1em; }
.vendor-work-attention.is-clear > div > span { color: #21815a; }
.vendor-work-attention h3 { margin: 3px 0 0; color: #644713; font-size: 14px; }.vendor-work-attention.is-clear h3 { color: #206445; }
.vendor-work-attention h3 b { color: #c64a38; }.vendor-work-attention p { margin: 4px 0 0; color: #7d6d54; font-size: 10px; }
.vendor-work-attention-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; padding: 11px; }
.vendor-work-attention-item { min-width: 0; padding: 11px; border: 1px solid #eadfce; border-radius: 7px; background: #fff; text-align: left; cursor: pointer; }
.vendor-work-attention-item:hover { border-color: #d4aa69; background: #fffdfa; }.vendor-work-attention-item strong,.vendor-work-attention-item small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vendor-work-attention-item strong { margin-top: 7px; color: #3e5368; font-size: 10px; }.vendor-work-attention-item small { margin-top: 4px; color: #7a8794; font-size: 9px; }
.vendor-work-attention-tags,.vendor-work-row-attention { display: flex !important; flex-wrap: wrap; gap: 4px; }
.vendor-work-attention-badge { display: inline-flex; align-items: center; width: max-content; padding: 3px 6px; border-radius: 999px; font-size: 8px; font-weight: 900; }
.vendor-work-attention-badge.danger { background: #fde8e8; color: #b62f38; }.vendor-work-attention-badge.warning { background: #fff0dc; color: #a35f08; }.vendor-work-attention-badge.notice { background: #fff7cf; color: #8c700b; }
.vendor-work-row-attention { justify-content: center; margin: 5px auto 0 !important; max-width: 185px; white-space: normal !important; }.vendor-work-row-attention .vendor-work-attention-badge { display: inline-flex; }
.vendor-work-filter { grid-template-columns: 135px 130px 180px 125px 150px 140px 140px minmax(200px, 280px) 78px 78px; }
.vendor-work-query { max-width: 280px; }
.vendor-work-table { min-width: 1490px; }
.vendor-work-table tbody tr.is-due-soon { background: #fffdf3; }.vendor-work-due.soon { color: #a97806; font-weight: 900; }
@media (max-width: 1450px) { .vendor-work-filter { grid-template-columns: repeat(4, minmax(0, 1fr)); }.vendor-work-query { grid-column: span 2; }.vendor-work-attention-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 820px) { .vendor-work-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }.vendor-work-attention-head { align-items: stretch; flex-direction: column; }.vendor-work-attention-head > button { width: 100%; }.vendor-work-filter { grid-template-columns: repeat(2, minmax(0, 1fr)); }.vendor-work-query { grid-column: 1 / -1; } }
@media (max-width: 560px) { .vendor-work-attention-grid { grid-template-columns: 1fr; }.vendor-work-attention-head { padding: 12px; }.vendor-work-summary { gap: 7px; } }
/* 통합 작업지시 · LOT 생성 연동 */
.vendor-work-dialog { width: min(1320px, calc(100vw - 28px)); max-width: 1320px; }
.vendor-work-table { min-width: 1475px; table-layout: fixed; }
.vendor-work-lot-cell { text-align: center !important; }
.vendor-work-lot-cell strong,.vendor-work-lot-cell small { display: block; }
.vendor-work-editor-section { margin: 16px 19px; overflow: hidden; border: 1px solid #d8e3ed; border-radius: 10px; background: #fff; }
.vendor-work-section-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 13px 15px; border-bottom: 1px solid #dfe8f0; background: #f7faff; }
.vendor-work-section-head > div > span { color: #2b6daa; font-size: 9px; font-weight: 900; letter-spacing: .11em; }
.vendor-work-section-head h4 { margin: 3px 0 0; color: #173f69; font-size: 14px; }
.vendor-work-section-head p { margin: 4px 0 0; color: #6d8094; font-size: 10px; }
.vendor-work-lot-lock { flex: 0 0 auto; padding: 7px 9px; border: 1px solid #e8c67e; border-radius: 999px; background: #fff8e9; color: #91600d; font-size: 9px; }
.vendor-work-lot-layout { display: grid; grid-template-columns: minmax(0, 1fr) 370px; gap: 13px; padding: 15px; }
.vendor-work-lot-main { display: grid; gap: 13px; min-width: 0; }
.vendor-work-lot-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.vendor-work-lot-grid label,.vendor-work-barcode-start { display: grid; gap: 5px; min-width: 0; }
.vendor-work-lot-grid label > span,.vendor-work-barcode-start > span { color: #4f657b; font-size: 10px; font-weight: 900; }
.vendor-work-lot-grid .wide { grid-column: span 2; }
.vendor-work-lot-grid input,.vendor-work-lot-grid select,.vendor-work-barcode-start input { width: 100%; min-width: 0; height: 38px; padding: 8px 9px; border: 1px solid #cbd7e4; border-radius: 5px; background: #fff; color: #22384d; }
.vendor-work-integrated-editor.is-lot-locked .vendor-work-lot-grid input[readonly],.vendor-work-integrated-editor.is-lot-locked .vendor-work-barcode-start input[readonly],.vendor-work-integrated-editor.is-lot-locked .vendor-work-lot-grid select:disabled { background: #f2f5f8; color: #607386; cursor: not-allowed; }
.vendor-work-barcode-box { padding: 13px; border: 1px solid #d7e4ef; border-radius: 8px; background: #f8fbfe; }
.vendor-work-barcode-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.vendor-work-barcode-head span { color: #2e70ab; font-size: 8px; font-weight: 900; letter-spacing: .1em; }
.vendor-work-barcode-head h5 { margin: 3px 0 0; color: #224d75; font-size: 12px; }
.vendor-work-barcode-head > strong { padding: 5px 8px; border-radius: 999px; background: #e8f1fa; color: #265f94; font-size: 9px; }
.vendor-work-barcode-modes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: 10px; }
.vendor-work-barcode-mode { position: relative; cursor: pointer; }
.vendor-work-barcode-mode > input { position: absolute; opacity: 0; pointer-events: none; }
.vendor-work-barcode-mode > span { display: block; min-height: 58px; padding: 10px 11px; border: 1px solid #cbd9e6; border-radius: 7px; background: #fff; }
.vendor-work-barcode-mode b,.vendor-work-barcode-mode small { display: block; }
.vendor-work-barcode-mode b { color: #31536f; font-size: 10px; }
.vendor-work-barcode-mode small { margin-top: 4px; color: #75879a; font-size: 9px; line-height: 1.45; }
.vendor-work-barcode-mode > input:checked + span { border-color: #4387c6; background: #eef6ff; box-shadow: inset 0 0 0 1px #4387c6; }
.vendor-work-barcode-mode > input:checked + span b { color: #145b99; }
.vendor-work-integrated-editor.is-lot-locked .vendor-work-barcode-mode { cursor: not-allowed; opacity: .74; }
.vendor-work-barcode-start { margin-top: 10px; }
.vendor-work-barcode-box [hidden] { display: none !important; }
.vendor-work-rework-fields { display: grid; gap: 10px; margin-top: 10px; }
.vendor-work-rework-fields label { display: grid; gap: 5px; min-width: 0; }
.vendor-work-rework-fields label > span { color: #4f657b; font-size: 10px; font-weight: 900; }
.vendor-work-rework-fields label > span em { color: #7d8fa1; font-size: 9px; font-style: normal; font-weight: 700; }
.vendor-work-rework-fields textarea { width: 100%; min-width: 0; padding: 9px 10px; border: 1px solid #cbd7e4; border-radius: 6px; background: #fff; color: #22384d; font: inherit; line-height: 1.55; resize: vertical; }
.vendor-work-rework-fields label:first-child textarea { min-height: 142px; }
.vendor-work-rework-fields small { color: #708397; font-size: 9px; line-height: 1.45; }
.vendor-work-integrated-editor.is-lot-locked .vendor-work-rework-fields textarea[readonly] { background: #f2f5f8; color: #607386; cursor: not-allowed; }
.vendor-work-lot-preview { min-width: 0; overflow: hidden; border: 1px solid #d8e3ed; border-radius: 8px; background: #fbfcfe; }
.vendor-work-lot-preview > div:first-child { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 11px 12px; border-bottom: 1px solid #dfe7ef; background: #f3f7fb; }
.vendor-work-lot-preview > div:first-child span { color: #244f78; font-size: 11px; font-weight: 900; }
.vendor-work-lot-preview > div:first-child strong { color: #2b6da9; font-size: 11px; }
.vendor-work-lot-preview table { width: 100%; border-collapse: collapse; }
.vendor-work-lot-preview th,.vendor-work-lot-preview td { height: 39px; padding: 7px 8px; border-right: 1px solid #dce5ee; border-bottom: 1px solid #dce5ee; color: #36516b; font-size: 9px; text-align: center; white-space: nowrap; }
.vendor-work-lot-preview th { background: #0d4c86; color: #fff; font-weight: 900; }
.vendor-work-lot-preview th:last-child,.vendor-work-lot-preview td:last-child { border-right: 0; }
.vendor-work-unmatched { display: inline-flex; padding: 3px 6px; border-radius: 999px; background: #fff0dc; color: #9c600b; font-size: 8px; font-weight: 900; }
.vendor-work-preview-more { height: 34px !important; background: #f4f7fa; color: #6b7e90 !important; font-weight: 800; }
.vendor-work-due-input > div { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 8px; }
.vendor-work-due-input input:disabled { background: #f2f5f8; color: #7a8998; cursor: not-allowed; }
.vendor-work-quantity-field small { color: #8a6118; font-size: 9px; line-height: 1.45; }
@media (max-width: 1100px) {
  .vendor-work-lot-layout { grid-template-columns: 1fr; }
  .vendor-work-lot-preview { max-height: 310px; }
}
@media (max-width: 820px) {
  .vendor-work-lot-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vendor-work-section-head { flex-direction: column; }
}
@media (max-width: 560px) {
  .vendor-work-editor-section { margin: 11px 13px; }
  .vendor-work-lot-layout { padding: 11px; }
  .vendor-work-lot-grid,.vendor-work-barcode-modes { grid-template-columns: 1fr; }
  .vendor-work-lot-grid .wide { grid-column: auto; }
  .vendor-work-due-input > div { grid-template-columns: 1fr; }
  .vendor-work-barcode-head { align-items: flex-start; flex-direction: column; }
}

/* 통합 작업 지시 상단 압축 */
.vendor-work-page { gap: 10px; }
.vendor-work-hero { min-height: 58px; padding: 11px 16px; }
.vendor-work-hero > div > span { display: none; }
.vendor-work-hero h2 { margin: 0; font-size: 20px; }
.vendor-work-hero p { margin-top: 3px; font-size: 10px; }
.vendor-work-summary { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; }
.vendor-work-metric { display: flex; min-width: 0; min-height: 68px; flex-direction: column; justify-content: center; padding: 9px 12px; border-top-width: 3px; }
.vendor-work-metric span { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.vendor-work-metric strong { margin: 3px 0 0; font-size: 20px; line-height: 1.1; }
.vendor-work-metric small { 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: 1100px) {
  .vendor-work-summary { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
  .vendor-work-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
  .vendor-work-hero { min-height: 0; padding: 12px; }
  .vendor-work-hero h2 { font-size: 18px; }
  .vendor-work-metric { min-height: 60px; padding: 8px 10px; }
  .vendor-work-metric strong { font-size: 18px; }
}
/* 통합 지시 삭제 확인 */
.vendor-work-delete-dialog { width: min(590px, calc(100vw - 28px)); max-width: 590px; padding: 0; overflow: hidden; border: 0; border-radius: 12px; box-shadow: 0 24px 70px rgba(10, 34, 58, .34); }
.vendor-work-delete-dialog::backdrop { background: rgba(10, 30, 50, .62); }
.vendor-work-delete-dialog > .dialog-head { margin: 0; padding: 16px 19px; border-bottom: 1px solid #ead9da; background: #fff8f8; }
.vendor-work-delete-dialog .dialog-head > div > span { color: #b43b45; font-size: 9px; font-weight: 900; letter-spacing: .11em; }
.vendor-work-delete-dialog .dialog-head h3 { margin: 3px 0 0; color: #7e2530; font-size: 17px; }
.vendor-work-delete-form { max-height: calc(100vh - 100px); overflow: auto; }
.vendor-work-delete-warning { margin: 16px 18px 12px; padding: 12px 13px; border: 1px solid #efc4c7; border-radius: 8px; background: #fff6f6; }
.vendor-work-delete-warning strong { display: block; color: #a02d37; font-size: 12px; }
.vendor-work-delete-warning p { margin: 5px 0 0; color: #7b5b5f; font-size: 10px; line-height: 1.55; }
.vendor-work-delete-target { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin: 0 18px 13px; overflow: hidden; border: 1px solid #dce4ec; border-radius: 8px; background: #dce4ec; }
.vendor-work-delete-target > div { min-width: 0; padding: 10px 12px; background: #fff; }
.vendor-work-delete-target > div.wide { grid-column: 1 / -1; }
.vendor-work-delete-target span,.vendor-work-delete-target strong { display: block; }
.vendor-work-delete-target span { color: #718399; font-size: 9px; font-weight: 900; }
.vendor-work-delete-target strong { margin-top: 4px; overflow: hidden; color: #263f58; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.vendor-work-delete-reason,.vendor-work-delete-confirm { display: grid; gap: 5px; margin: 0 18px 13px; }
.vendor-work-delete-reason > span,.vendor-work-delete-confirm > span { color: #4e6277; font-size: 10px; font-weight: 900; }
.vendor-work-delete-reason textarea,.vendor-work-delete-confirm input { width: 100%; padding: 9px 10px; border: 1px solid #cbd7e3; border-radius: 6px; background: #fff; color: #263d54; }
.vendor-work-delete-reason textarea { min-height: 92px; resize: vertical; }
.vendor-work-delete-confirm input { height: 38px; }
.vendor-work-delete-reason small,.vendor-work-delete-confirm small { color: #7b8b9b; font-size: 9px; }
.vendor-work-delete-confirm small b { color: #a52f39; }
.vendor-work-delete-dialog .dialog-actions { padding: 13px 18px 17px; border-top: 1px solid #e4e9ee; }
.vendor-work-delete-submit:disabled { cursor: not-allowed; opacity: .45; }
@media (max-width: 560px) { .vendor-work-delete-target { grid-template-columns: 1fr; }.vendor-work-delete-target > div.wide { grid-column: auto; }.vendor-work-delete-dialog .dialog-actions { grid-template-columns: 1fr 1fr; }.vendor-work-delete-dialog .dialog-actions > span { display: none; } }