/* Shared presentation layer. Source state, permissions and conditional visibility stay in legacy modules. */
:root{--web-ink:#171717;--web-muted:#303030;--web-line:#dce4eb;--web-green:#087f70;--web-nav:#233c53;--tw-font-family:'맑은 고딕','Malgun Gothic',sans-serif}
body.web-erp{margin:0;background:#f3f5f8;color:var(--web-ink);font:12px/1.45 '맑은 고딕','Malgun Gothic',sans-serif;min-width:0}
.web-erp button,.web-erp input,.web-erp select,.web-erp textarea{font-family:'맑은 고딕','Malgun Gothic',sans-serif!important;border-radius:4px}
.web-erp button{cursor:pointer}.web-erp button:disabled{cursor:default;opacity:1}.web-erp [hidden]{display:none!important}
.web-erp button:focus-visible,.web-erp input:focus-visible,.web-erp select:focus-visible,.web-erp textarea:focus-visible{outline:2px solid #159888;outline-offset:1px}
.web-brand-header{height:60px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #e5ebf0;gap:15px}
.web-brand{display:flex;align-items:center;gap:15px;text-decoration:none;color:#171717}.web-logo{display:inline-block;position:relative;overflow:hidden;width:181px;height:30px;flex:none}.web-logo img{position:absolute;width:206px!important;height:auto!important;max-width:none;left:-12.5px;top:-21.2px}.web-brand-subtitle{font-size:11px;letter-spacing:.4px}.web-header-context{font-size:10px;color:#171717}
.web-erp .review-notice{height:auto;min-height:26px;font:10px/1.5 '맑은 고딕',sans-serif;background:#faf7ee;color:#171717;padding:5px 22px}.web-erp .review-notice a{color:#171717;margin-left:12px}
.web-erp nav[aria-label="상단 메뉴"]{position:relative;z-index:90;background:var(--web-nav)}
.web-erp .legacy-menu{min-width:0;height:auto;min-height:40px;background:transparent;flex-wrap:wrap;padding:0 14px;gap:0}
.web-erp .legacy-menu>li>button{background:transparent;color:#dce6ee;border:0;border-radius:0;padding:11px 14px;font-size:12px;min-height:40px}
.web-erp .legacy-menu>li:hover>button,.web-erp .legacy-menu>li:focus-within>button{background:#34516a;color:white}
.web-erp .legacy-menu ul{background:#fff;border:1px solid #d4dfe8;border-radius:5px;box-shadow:0 8px 24px #20364a26;padding:5px;min-width:190px;max-height:75vh;overflow:visible}
.web-erp .legacy-menu ul button{background:#fff;color:#171717;padding:8px 11px;border-radius:3px;font-size:12px}.web-erp .legacy-menu ul button:hover{background:#edf7f4;color:#171717}
.web-erp #CoolBar{min-width:0;height:39px;background:#fff;border-bottom:1px solid var(--web-line);padding:3px 20px;gap:9px}
.web-erp #CboCompany{width:144px;height:30px;margin:0;font:12px '맑은 고딕',sans-serif}
.web-erp #CboCompany .tware-dropdown__control{min-height:30px;height:30px;background:#f1f6f8;color:#171717;border:1px solid #dbe4eb;border-radius:4px}
.web-erp #CboCompany .tware-dropdown__input{color:#171717;font-size:11px}.web-erp #ToolBar{height:32px;min-width:0;flex:1;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;gap:2px}
.web-erp #ToolBar button{border:0;background:#fff;color:#171717;font:11px '맑은 고딕',sans-serif;padding:3px 9px;flex:none}.web-erp #ToolBar button:hover{background:#edf7f4;color:#171717}
.web-erp>.legacy-title,.web-erp .mdi-child>.legacy-title{border:0;background:transparent;height:auto;min-height:52px;padding:17px 22px 12px;font-size:19px;font-weight:700;color:#171717}
.web-erp .legacy-status{background:#edf1f5;border-color:#dae2ea;color:#171717;font:10px/1.4 '맑은 고딕',sans-serif;margin-top:14px;min-height:30px}.web-erp .legacy-status>span{border-color:#d5dee7;min-width:100px;padding:7px 12px}
.web-erp dialog{max-height:90vh;border:1px solid #ccd8e1;border-radius:7px;box-shadow:0 16px 60px #20364a30;font:12px/1.6 '맑은 고딕',sans-serif;color:var(--web-ink)}.web-erp dialog::backdrop{background:#20364a55}.web-erp dialog>p{white-space:pre-line}.web-erp dialog button{border:1px solid #c9d8e0;background:#f4f8fa;padding:6px 10px;color:#171717}
.web-erp dialog:has(>.legacy-form){max-width:calc(100vw - 20px)!important;max-height:90vh!important;overflow:auto!important;position:fixed!important;inset:0!important;margin:auto!important}
.web-erp #legacy-window-list{top:140px;left:20px;background:#fff;border-color:var(--web-line);border-radius:5px;box-shadow:0 7px 24px #20364a26}.web-erp #legacy-window-list button:hover{background:#edf7f4;color:#171717}
/* Common source canvases retain coordinates, runtime colors and every conditional control. */
.web-erp .legacy-form{background:#fff;border-radius:6px}.web-erp .legacy-control{font-family:'맑은 고딕','Malgun Gothic',sans-serif!important}
.web-erp button.legacy-control{background:#f4f8fa!important;color:#171717!important;border:1px solid #c9d8e1;box-shadow:none;border-radius:3px}
.web-erp input.legacy-control,.web-erp textarea.legacy-control{border:1px solid #bdcdd9;border-radius:3px;color:#171717!important}
.web-erp input.legacy-control:read-only{background:#f2f5f8!important;color:#171717!important}
.web-erp .legacy-control[data-vb-type="TextLibCtl.ctText"]{background:#edf2f6!important;color:#171717!important}
.web-erp .tware-dropdown__control{border-color:#c5d3dd!important;border-radius:3px!important}.web-erp .tware-dropdown__toggle{background:#f1f5f8!important;border-color:#d6e0e7!important}
.web-erp .legacy-form .tw-grid{font-family:'맑은 고딕',sans-serif;--tw-legacy-grid-header:#edf2f6;--tw-grid-header-surface:#edf2f6;border-color:#dce4eb;border-radius:4px}
.web-erp .legacy-form .tw-grid-table thead th{color:#171717;border-color:#dce4eb;font-family:'맑은 고딕',sans-serif}.web-erp .legacy-form .tw-grid-table td{font-family:'맑은 고딕',sans-serif;border-color:#edf1f5}
.web-erp .home-tab-strip button{background:#edf2f6;border-color:#cbd8e2;color:#171717;font-family:'맑은 고딕',sans-serif}.web-erp .home-tab-strip button[aria-selected=true]{background:#e1f2ed;color:#171717;border-top:2px solid #159888}
.web-erp .mdi-workspace{background:transparent;min-height:calc(100vh - 180px);padding:0 22px 12px}.web-erp .mdi-child{width:100%;max-width:1450px;margin:0 auto}.web-erp .mdi-child>.legacy-title{padding-left:0}
.web-canvas-scroll{max-width:100%;overflow:auto;background:#fff;border:1px solid #dce4eb;border-radius:7px}.web-erp>.web-canvas-scroll{margin:0 22px;max-width:calc(100% - 44px)}
.web-erp .report-document{color:#171717;border-radius:3px}.web-erp .report-document[aria-selected=true]{background:#dcefe9;color:#171717}.web-erp .report-form [role=tree]{border-color:#cbd8e2}.web-erp .report-form summary{min-height:22px;line-height:22px}
/* MTR203E: the original live nodes laid out like the approved first concept. */
.web-erp #MTR203E.web-mtr{width:auto;height:auto;min-height:0;margin:0 22px;overflow:visible;max-width:1680px;background:transparent}
.web-mtr #ctFrame1{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;background:transparent!important;display:flow-root}
.web-entry{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr) 100px;gap:0 18px;background:#fff;border:1px solid var(--web-line);border-bottom:0;border-radius:7px 7px 0 0;padding:15px 16px 0}
.web-form-left,.web-form-right{display:flex;flex-direction:column;gap:7px;min-width:0}.web-field{display:flex;align-items:center;gap:7px;min-height:33px;min-width:0}
.web-mtr .web-flow-control{position:static!important;inset:auto!important;height:33px!important;width:auto!important;min-width:0;font-size:12px!important;line-height:1.4;flex:none}
.web-field>.web-flow-control{width:73px!important;flex:0 0 73px;background:transparent!important;justify-content:flex-start!important;text-align:left!important;font-size:11px!important;color:#171717!important;white-space:nowrap;align-self:center;height:auto!important}
.web-values{display:flex;gap:5px;min-width:0;flex:1;align-items:center}.web-values>input.web-flow-control,.web-values>[data-legacy-dropdown]{flex:1;width:0!important}.web-values .tware-dropdown__control{height:33px;min-height:33px}.web-values .tware-dropdown__input{padding:4px 22px 4px 8px!important;font:12px '맑은 고딕',sans-serif}
.web-mtr input.web-flow-control{padding:5px 8px}.web-mtr .web-flow-control[data-legacy-dropdown]{background:transparent!important}.web-mtr button.web-flow-control{padding:5px 9px;box-shadow:none;min-width:0}
.web-filter-checks{display:flex;flex-direction:column;gap:3px;flex:none}.web-filter-checks .web-flow-control{height:auto!important;font-size:10px!important;background:transparent!important;white-space:nowrap}.web-filter-checks input{margin:0 3px 0 0;width:12px!important;height:12px!important;accent-color:var(--web-green)}
.web-mtr #TxtHyunSearch{max-width:78px;font-size:11px!important}.web-date-row,.web-contract-row,.web-contact-row{display:flex;gap:8px;min-width:0}.web-date-row>.web-field{flex:1}.web-date-row>.web-field:nth-child(2)>.web-flow-control{width:56px!important;flex-basis:56px}.web-date-row input.web-flow-control{padding:2px;font-size:11px!important}.web-date-row>.web-serial{flex:0 0 75px}.web-serial>.web-flow-control{width:28px!important;flex-basis:28px}.web-mtr #TxtNum{width:38px!important}
.web-mtr #TxtVend_CD{flex:0 0 57px;width:57px!important}.web-mtr #CmdFind,.web-mtr #CmdModifyCust,.web-mtr #BtnESave,.web-mtr #BtnJanaeNapJusoSave{width:31px!important;flex:0 0 31px;padding:6px}.web-mtr svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.web-mtr #TxtDenotation{background:#fffcf0!important}
.web-contract-row>.web-field:first-child{flex:0 0 124px}.web-contract-row>.web-field:first-child>.web-flow-control{width:32px!important;flex-basis:32px}.web-contract-row>.web-field:last-child{flex:1}.web-contract-row>.web-field:last-child>.web-flow-control{width:55px!important;flex-basis:55px}.web-mtr #TXtControlNum{flex:0 0 53px;width:53px!important}
.web-contact-row>.web-field{flex:1}.web-contact-row>.web-field:last-child{flex:1.3}.web-contact-row>.web-field:last-child>.web-flow-control{width:70px!important;flex-basis:70px;font-size:10px!important}.web-mtr #TxtEmail{font-size:10px!important;padding:4px}.web-mtr #CmdQution{background:#fff7ec!important;color:#171717!important;border-color:#e5d4bc;font-size:10px!important}
.web-new-order{min-height:33px}.web-mtr #BtnNewbalju{background:#edf8f3!important;color:#171717!important;border-color:#cbe3d5}
.web-main-actions{display:flex;flex-direction:column;gap:7px}.web-main-actions>button{width:100%!important;font-size:12px!important}.web-mtr #CmdSave{background:#087f70!important;color:white!important;border-color:#087f70;font-weight:600!important}.web-mtr #CmdPrint{background:#eef8f3!important;color:#171717!important}.web-mtr #cmdDelete{background:#fff5eb!important;color:#171717!important;border-color:#ebd9c7}
.web-table-toolbar{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding:10px 0;border-top:1px solid #edf0f4}.web-section-heading{font-size:12px;border-left:3px solid #087f70;padding-left:8px}.web-table-actions{display:flex;align-items:center;gap:6px}.web-table-actions .web-flow-control{font-size:11px!important;height:30px!important;background:transparent!important}.web-table-actions #ChkAll{display:flex;align-items:center;margin-right:6px}.web-table-actions #BtnAttach{background:#edf7f3!important;color:#171717!important;border-color:#d0e6dc}
.web-mtr #GrdL{position:relative!important;left:0!important;top:0!important;width:100%!important;border:1px solid var(--web-line);border-top:0;background:#fff!important;border-radius:0 0 7px 7px;overflow:hidden}
.web-mtr #GrdL .tw-grid-table td,.web-mtr #GrdL .tw-grid-table th{height:30px;padding:5px 7px;font:12px/1.4 '맑은 고딕',sans-serif}.web-mtr #GrdL .tw-grid-heading{height:auto;min-height:20px}.web-mtr #GrdL .tw-grid-table th{font-size:11px}.web-mtr #GrdL .legacy-total td{background:#e6f2ef!important;color:#171717!important;font-weight:600}.web-mtr .legacy-cell-value{min-height:18px}
.web-mtr #ctFrame2{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:12px;margin-top:12px;background:transparent!important}
.web-history,.web-notes{min-width:0;background:#fff!important;border:1px solid var(--web-line);border-radius:7px;overflow:hidden}.web-panel-heading{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #e5ebf0}.web-panel-heading strong{font-size:12px}.web-mtr #BtnHeight{height:25px!important;font-size:10px!important}
.web-mtr #GrdM{position:relative!important;inset:auto!important;width:100%!important;min-height:145px}.web-mtr #GrdM .tw-grid-table td{height:30px;padding:6px;font:11px/1.4 '맑은 고딕',sans-serif}.web-mtr #GrdM .tw-grid-table th{height:28px;padding:4px;font:11px/1.4 '맑은 고딕',sans-serif}
.web-mtr #FrameDetect_C{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:184px;padding:10px;display:flex;flex-direction:column;gap:0}.web-mtr #FrameDetect_C>.legacy-control{position:static!important;inset:auto!important;width:100%!important;font:11px/1.5 '맑은 고딕',sans-serif!important}.web-mtr #FrameDetect_C>textarea{height:37px!important;flex:1;min-height:30px;border-color:#e0e7ed;padding:6px;resize:vertical}.web-mtr #FrameDetect_C>[data-vb-type]{height:24px!important;background:transparent!important;text-align:left!important}
.web-mtr #FrameDetect,.web-mtr #FrameDetect1,.web-mtr #FrameDetect2,.web-mtr #FrameDetect3{position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%);z-index:500!important;background:#fff!important;border:1px solid #bccdd9;border-radius:6px;box-shadow:0 10px 70px #223c5350;max-width:95vw;overflow:auto}
@media(min-width:1450px){.web-mtr .web-field>.web-flow-control{width:79px!important;flex-basis:79px}.web-entry{gap:0 22px}}
@media(max-width:1190px){.web-entry{gap:0 14px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 88px}.web-date-row,.web-contact-row{flex-wrap:wrap;gap:7px}.web-date-row>.web-field,.web-contact-row>.web-field{flex-basis:100%}.web-contract-row{flex-wrap:wrap;gap:7px}.web-contract-row>.web-field:first-child,.web-contract-row>.web-field:last-child{flex:1 1 100%}.web-contract-row>.web-field:first-child>.web-flow-control,.web-contract-row>.web-field:last-child>.web-flow-control{width:73px!important;flex-basis:73px}.web-date-row>.web-field:nth-child(2)>.web-flow-control{width:73px!important;flex-basis:73px}.web-date-row>.web-serial{margin-left:80px}.web-mtr #TxtHyunSearch{max-width:52px}.web-mtr .web-site-row>.web-values{flex-wrap:wrap}.web-mtr #TxtPlace{flex-basis:100%}.web-filter-checks{flex-direction:row}.web-mtr #TxtHyunSearch{max-width:none}.web-contact-row>.web-field:last-child>.web-flow-control{width:73px!important;flex-basis:73px}}
@media(max-width:900px){.web-entry{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.web-main-actions{grid-column:1/-1;flex-direction:row;padding-top:12px;margin-top:12px;border-top:1px solid #edf0f4}.web-main-actions>button{flex:1}.web-table-toolbar{flex-wrap:wrap}.web-table-actions{margin-left:auto}.web-mtr #ctFrame2{grid-template-columns:1fr}.web-erp .legacy-menu{padding:0 5px}.web-erp .legacy-menu>li>button{padding:9px 10px;font-size:11px;min-height:36px}.web-erp .legacy-menu ul{min-width:180px}.web-erp .legacy-menu ul ul{left:15px;top:100%}.web-erp #CoolBar{padding:3px 10px}.web-erp .legacy-status{flex-wrap:wrap}.web-erp .legacy-status>span:first-child{flex-basis:100%}}
@media(max-width:600px){.web-brand-header{height:55px;padding:0 12px}.web-logo{width:153px;height:27px}.web-logo img{width:175px!important;left:-10.5px;top:-18px}.web-brand-subtitle{font-size:10px}.web-header-context{display:none}.web-erp .review-notice{padding:5px 12px;font-size:9px}.web-erp .legacy-menu>li>button{padding:8px 9px;font-size:11px}.web-erp .legacy-menu>li:nth-child(n+4)>ul{left:auto;right:0}.web-erp #CboCompany{width:120px}.web-erp>.legacy-title,.web-erp .mdi-child>.legacy-title{font-size:17px;min-height:47px;padding:13px 12px}.web-erp #MTR203E.web-mtr{margin:0 10px}.web-entry{display:flex;flex-direction:column;padding:13px 10px 0}.web-form-left,.web-form-right{gap:8px}.web-form-right{border-top:1px solid #e6edf1;padding-top:13px;margin-top:13px}.web-field{gap:6px;min-height:40px}.web-mtr .web-flow-control{height:40px!important}.web-field>.web-flow-control{width:69px!important;flex-basis:69px;height:auto!important;font-size:10px!important}.web-values{gap:4px}.web-values .tware-dropdown__control{height:40px;min-height:40px}.web-values .tware-dropdown__input{font-size:12px}.web-date-row>.web-field:nth-child(2)>.web-flow-control,.web-contract-row>.web-field:first-child>.web-flow-control,.web-contract-row>.web-field:last-child>.web-flow-control,.web-contact-row>.web-field:last-child>.web-flow-control{width:69px!important;flex-basis:69px}.web-date-row>.web-serial{margin-left:75px}.web-mtr #TxtVend_CD{width:48px!important;flex-basis:48px}.web-vendor-row>.web-values{flex-wrap:wrap}.web-mtr #TxtVend_NM{min-width:88px}.web-mtr #CmdFind,.web-mtr #CmdModifyCust,.web-mtr #BtnESave,.web-mtr #BtnJanaeNapJusoSave{width:30px!important;flex-basis:30px;padding:5px}.web-filter-checks .web-flow-control{height:auto!important;font-size:10px!important}.web-mtr #TxtHyunSearch{height:33px!important}.web-mtr #TxtNum{height:33px!important}.web-main-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.web-main-actions #CmdSave{grid-column:3;grid-row:1/3;height:100%!important}.web-table-actions{flex-wrap:wrap;margin:0;width:100%;gap:5px}.web-table-actions #ChkAll{width:100%!important}.web-table-actions .web-flow-control{font-size:10px!important;height:35px!important}.web-table-actions button{padding:4px 7px}.web-table-toolbar{gap:7px}.web-erp .mdi-workspace{padding:0 10px 10px}.web-erp>.web-canvas-scroll{margin:0 10px;max-width:calc(100% - 20px)}.web-mtr #GrdL .tw-grid-table td{font-size:11px}.web-erp dialog:has(>.legacy-form){max-width:calc(100vw - 12px)!important}.web-erp #legacy-window-list{left:10px;top:150px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.web-date-row>.web-field.web-serial{flex:0 0 95px}.web-serial>.web-flow-control{width:28px!important;flex-basis:28px!important}.web-mtr #TxtNum{flex:0 0 42px!important;width:42px!important}
.web-erp .legacy-control[data-vb-type*="Frame"],.web-erp .legacy-control[data-vb-type="VB.PictureBox"]{background-color:#fff!important}
.web-erp .web-field>.legacy-control[data-vb-type]{background:transparent!important}.web-mtr .web-icon-button>img{display:none}.web-mtr #FrameDetect_C>.legacy-control:not(textarea){background:transparent!important;color:#171717!important;border:0!important}

/* Near-black foregrounds; retain inverse text on dark actions and source status colors. */
body.web-erp{--tw-text:#171717;--tw-text-muted:#303030;--tw-text-faint:#303030;--tw-text-placeholder:#494949}
.web-erp .skin-picker,.web-erp .skin-picker select{color:#171717}
.web-erp .tware-dropdown{--tw-dd-text:#171717;--tw-dd-muted:#303030}
.web-erp .tware-dropdown.is-disabled{opacity:1}.web-erp .tware-dropdown.is-disabled .tware-dropdown__control{background:#f2f2f2!important}
.web-erp button.legacy-control:disabled,.web-erp button.report-action:disabled{color:#494949!important;background:#f2f2f2!important;opacity:1}