/* R206 거래처·발주(supplier) — 오늘 업무 방식: 남색 머리글·틈 없는 격자·상태 색·합계 줄. #supplierPanel·#orderPanel 안에서만 적용 */
#supplierPanel,#orderPanel{padding:0!important;overflow:hidden;border:1px solid #9fb4cf!important;border-radius:0!important}
#supplierPanel>h2,#orderPanel>h2{margin:0!important;background:#1f3b5c;color:#fff!important;padding:8px 14px;font-size:1rem}
#supplierPanel>.form-help,#orderPanel>.form-help{margin:0;padding:6px 14px;background:#faeeda;color:#633806}
#supplierPanel .form-grid,#orderPanel .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0;margin:0;background:#eaf2ff}
#supplierPanel .form-grid label,#orderPanel .form-grid label{display:flex;flex-direction:column;margin:0;padding:4px 8px 0;border-right:1px solid #b8cdf0;border-bottom:1px solid #b8cdf0;font-size:.78rem;font-weight:800;color:#1f3b5c}
#supplierPanel .form-grid input,#supplierPanel .form-grid select,#orderPanel .form-grid input,#orderPanel .form-grid select{border:0;border-radius:0;background:#fff8dc;height:34px;margin:3px -8px 0;padding:0 8px;box-shadow:none;font-weight:700}
#supplierPanel .form-grid input[type="color"]{padding:2px 8px}
#supplierPanel .form-grid input:focus,#orderPanel .form-grid input:focus,#orderPanel .form-grid select:focus{outline:2px solid #1456c8;outline-offset:-2px;background:#fff}
#supplierPanel>.primary,#orderPanel #orderCreateBox>.primary{display:block;width:calc(100% - 24px);margin:8px 12px}
#supplierList.supplier-list,#orderCards.card-list{display:block!important;padding:0!important;gap:0!important}
#supplierList .sp-wrap,#orderCards .od-wrap{overflow-x:auto;border-top:1px solid #9fb4cf}
#supplierList .sp-sheet,#orderCards .od-sheet{width:100%;border-collapse:collapse;font-size:.88rem}
#orderCards .od-sheet{min-width:760px}
#supplierList .sp-sheet thead th,#orderCards .od-sheet thead th{background:#2c5282;color:#fff;border:1px solid #3a557a;padding:5px 8px;font-size:.8rem;white-space:nowrap}
#supplierList .sp-sheet tbody td,#orderCards .od-sheet tbody td{border:1px solid #d3deec;padding:3px 8px;height:34px;vertical-align:middle}
#orderCards .od-sheet tbody td{white-space:nowrap}
#orderCards .od-sheet tbody td.od-note{white-space:normal;min-width:180px;font-size:.8rem}
#supplierList .sp-sheet tbody tr:nth-child(even) td,#orderCards .od-sheet tbody tr:nth-child(even) td{background:#f6f9fd}
#supplierList .sp-sheet td.sp-color{width:110px;text-align:center;padding:2px}
#supplierList .sp-sheet td.sp-color input{width:60px;height:28px;border:0;padding:0;background:transparent;cursor:pointer}
#orderCards .od-sheet td.r{text-align:right;font-weight:800;font-variant-numeric:tabular-nums}
#orderCards .od-sheet td.od-st{text-align:center;font-weight:800}
#orderCards .od-sheet td.od-st.ok{background:#d3ecda!important;color:#14532d}
#orderCards .od-sheet td.od-st.warn{background:#fff3d6!important;color:#7a4a00}
#orderCards .od-sheet td.od-st.done{background:#e6e9ef!important;color:#44566f}
#orderCards .od-sheet td.od-st.off{background:#fde2e2!important;color:#a32d2d}
#orderCards .od-sheet td.od-act{padding:2px 4px}
#orderCards .od-sheet td.od-act button{min-height:26px;height:26px;padding:0 8px;font-size:.78rem;border-radius:3px;margin-right:3px}
#supplierList .sp-sheet tfoot th,#orderCards .od-sheet tfoot th,#orderCards .od-sheet tfoot td{background:#d3ecda;color:#14532d;border:1px solid #9fcba9;padding:4px 8px;font-weight:800;text-align:left}
#supplierList tr.supplier-row{display:table-row!important;padding:0!important;gap:0!important;border:0!important;background:transparent!important}
#supplierList tr.supplier-row>td{display:table-cell!important}
#supplierList .sp-sheet td .supplier-chip{display:inline-flex}
#supplierList .sp-sheet input.supplier-memo-edit{width:100%;min-width:140px;border:0;background:transparent;padding:2px 4px;font:inherit}
#supplierList .sp-sheet input.supplier-memo-edit:focus{background:#fff8d6;outline:1px solid #c9a227}
#supplierList .sp-sheet input.supplier-active-edit{width:18px;height:18px;cursor:pointer}