.pu-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pu-metrics strong{font-size:clamp(22px,2vw,32px)!important;overflow-wrap:anywhere}.pu-columns{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:14px}.pu-filter{display:flex;align-items:end;gap:16px;flex-wrap:wrap}.pu-filter label{min-width:160px}.pu-num{text-align:right;white-space:nowrap}.pu-pre{white-space:pre-wrap;overflow-wrap:anywhere}.pu-line{display:grid;grid-template-columns:2fr 1.5fr .8fr .8fr 1.5fr auto;gap:10px;align-items:end;margin:12px 0}.pu-check{display:flex;gap:10px;align-items:center}.pu-check input{width:auto}.pu-copy{min-height:260px}.supplier-page{max-width:1150px;margin:30px auto;padding:20px}.supplier-login{max-width:430px;margin:60px auto}.supplier-login form{display:grid;gap:16px}.supplier-page .table-wrap{margin:18px 0}.supplier-page header{display:flex;justify-content:space-between;align-items:center}.supplier-page h1{font-size:26px}.supplier-page .actions{flex-wrap:wrap}.supplier-page .notice{color:#2865df}.supplier-page label{display:grid;gap:6px}.supplier-page .panel{margin-top:18px}@media(max-width:1000px){.pu-metrics{grid-template-columns:1fr 1fr}.pu-columns{grid-template-columns:1fr}.pu-line{grid-template-columns:1fr 1fr}}@media(max-width:600px){.pu-metrics{grid-template-columns:1fr}.pu-filter label{width:100%}}

@media screen{.pu-metrics{margin:12px 0}.supplier-page .actions h2{margin-right:auto}.supplier-page h3{margin-top:18px}.supplier-page #sp-notice:empty{display:none}}
@media screen{.pu-suggestions{grid-column:1/-1;display:grid;gap:6px;max-height:240px;overflow:auto}.pu-suggestions button{text-align:left;white-space:normal;line-height:1.5}.pu-line label{min-width:0}.pu-line input{min-width:0;width:100%}}
@media screen{.pu-line{grid-template-columns:1fr 1.6fr 1.2fr .7fr .7fr 1.2fr auto}}@media screen and (max-width:1100px){.pu-line{grid-template-columns:1fr 1fr}}
@media screen{.pu-panel>.actions>h2{margin-right:auto}}
@media screen{.shell .pu-panel button[data-pu="request-new"],.shell .pu-panel button[data-pu="requisition-new"]{min-width:134px;flex:0 0 auto}.pu-panel>.actions:has(button[data-pu="request-new"]){margin-bottom:20px}}

@media screen{.pu-general-content{min-height:320px;width:100%;line-height:1.7;overflow-wrap:anywhere}.pu-panel button[data-pu="draft-new"]{min-width:134px}.pu-panel>.actions:has([data-pu="draft-new"]){margin-bottom:20px}}

@media screen{.shell .pu-mes-table table{min-width:1500px}.shell .pu-mes-table thead th{background:#555;color:#fff;font-size:12px;white-space:nowrap}.shell .pu-mes-table td{font-size:13px;padding:10px 8px}.shell .pu-mes-table td:nth-child(6){min-width:220px}.shell .pu-mes-table td:nth-child(12){min-width:150px}}

@media screen{.shell button[data-pu="delete-record"]{color:#b42318;border-color:#f1b4b0;margin-left:6px}.pu-delete-confirm{padding:12px;margin:12px 0;background:#fff4f2;border:1px solid #f1b4b0;border-radius:6px}}

@media screen{.pu-expense-bar{display:grid;grid-template-columns:120px minmax(60px,1fr) 145px;align-items:center;gap:10px;margin:12px 0;font-size:13px}.pu-expense-bar>div{height:16px;background:#edf2f6}.pu-expense-bar i{display:block;height:100%}.pu-expense-bar b{text-align:right}.pu-metrics strong{overflow-wrap:anywhere}#pu-expense-filter{flex-wrap:wrap}@media(max-width:700px){.pu-expense-bar{grid-template-columns:85px 1fr 115px}}}

@media screen{
.pu-expense-dashboard{display:grid;gap:8px}.shell .pu-expense-dashboard .panel{padding:10px 12px;margin:0;min-height:0}.shell .pu-expense-dashboard h2{font-size:16px;margin:0 0 6px}.pu-expense-dashboard h2 small{font-size:11px;font-weight:400;color:#64748b}.pu-expense-dashboard .pu-columns{gap:10px;grid-template-columns:1.25fr 1fr}.shell .pu-expense-dashboard .platform-metric{min-height:90px;padding:8px 12px}.shell .pu-expense-dashboard .metric-heading{margin:0 0 4px}.shell .pu-expense-dashboard .metric-symbol{width:24px;height:24px}.shell .pu-expense-dashboard .metric-label{font-size:13px}.shell .pu-expense-dashboard .platform-metric strong{font-size:24px}.shell .pu-expense-dashboard .pu-metrics{gap:8px;margin:0}.pu-expense-dashboard .pu-expense-note{font-size:11px;margin:0}.pu-expense-dashboard .pu-filter{gap:8px;align-items:end}.pu-expense-dashboard .pu-filter label{font-size:12px;min-width:100px;flex:1}.shell .pu-expense-dashboard input,.shell .pu-expense-dashboard select{min-height:32px;height:32px;padding:4px 7px;font-size:12px}.shell .pu-expense-dashboard button{min-height:32px;padding:5px 10px;font-size:12px}.pu-category-scroll{height:175px;overflow-y:auto;scrollbar-gutter:stable}.pu-category-scroll .pu-expense-bar{height:35px;margin:0;grid-template-columns:105px minmax(40px,1fr) 125px;gap:6px;font-size:12px}.pu-category-scroll .pu-expense-bar>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pu-month-scroll{overflow-x:auto;height:183px}.shell .pu-expense-dashboard table{min-width:0;width:100%;font-size:12px}.shell .pu-expense-dashboard th,.shell .pu-expense-dashboard td{padding:6px 7px;font-size:12px;white-space:nowrap}.shell .pu-expense-dashboard thead th{background:#edf3fa;color:#304760}.pu-expense-detail-scroll{height:124px;overflow:auto}.pu-expense-detail-scroll .table-wrap{overflow:visible}.pu-expense-detail-scroll thead{position:sticky;top:0;z-index:1}.pu-expense-detail .actions{margin:5px 0;gap:8px}.pu-expense-detail .muted{font-size:11px;margin:3px 0}.pu-expense-dashboard .pu-expense-filters h2{display:none}
@media(max-width:1000px){.pu-expense-dashboard .pu-columns{grid-template-columns:1fr}.pu-expense-dashboard .pu-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.pu-expense-detail-scroll{height:190px}}
}

@media screen{
.shell .scm-menu-cards{display:grid;gap:20px;margin-top:16px;padding-bottom:20px}
.shell .scm-menu-cards .scm-menu-card{margin:0;padding:22px 24px}
.shell .scm-menu-card h2{margin:0 0 18px}
.shell .scm-menu-card p{margin:0 0 20px;line-height:1.75}
.shell .scm-menu-actions{display:flex;align-items:center;gap:12px}
.shell .scm-menu-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 16px;line-height:1.4;text-decoration:none;box-sizing:border-box}
.shell .scm-account-section{margin-top:24px;padding-top:20px;border-top:1px solid #e2e8f0}
.shell .scm-account-section p{margin-bottom:16px}
@media(max-width:700px){.shell .scm-menu-cards .scm-menu-card{padding:18px}.shell .scm-menu-cards{gap:16px}}
}

@media screen{
#pu-form .pu-vendor-picker{grid-column:1/-1;min-width:0;margin:4px 0 12px}
#pu-form .pu-vendor-searchbar{display:flex;gap:8px;margin-top:8px}
#pu-form .pu-vendor-searchbar input{flex:1;min-width:0;margin:0}
#pu-form .pu-vendor-searchbar button{flex:none;white-space:nowrap;margin:0}
#pu-form .pu-vendor-results{border:1px solid #bbceed;border-radius:6px;background:white;margin-top:8px;overflow:hidden}
#pu-form .pu-vendor-results[hidden],#pu-form .pu-vendor-picker select[hidden]{display:none!important}
#pu-form .pu-vendor-count{padding:10px 14px;background:#edf3fd;color:#526887;font-size:13px}
#pu-form #pu-vendor-options{max-height:360px;overflow-y:auto;overscroll-behavior:contain}
#pu-form .pu-vendor-option{display:flex;flex-direction:column;gap:6px;padding:13px 16px;border-bottom:1px solid #e7edf5;cursor:pointer;line-height:1.5;overflow-wrap:anywhere}
#pu-form .pu-vendor-option:hover,#pu-form .pu-vendor-option.is-active{background:#edf4ff}
#pu-form .pu-vendor-option[aria-selected="true"]{background:#e8f6f1;color:#087763}
#pu-form .pu-vendor-option small{color:#64748b}
#pu-form #pu-vendor-options>p{padding:16px;margin:0}
#pu-form .pu-vendor-confirm{display:block;color:#087763;margin-top:8px;line-height:1.6}
#pu-form.pu-request-form{min-height:580px}
@media(max-width:600px){#pu-form #pu-vendor-options{max-height:320px}}
}

@media screen{
#pu-form .pu-item-tools{grid-column:1/-1;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#pu-form .pu-item-tools small{color:#64748b}
#pu-form .pu-suggestions{max-height:320px}
#pu-form .pu-suggestions:empty{display:none}
#pu-form .pu-suggestions button{padding:12px;text-align:left;line-height:1.7}
#pu-form .pu-suggestions button:focus{outline:2px solid #2865df;background:#edf4ff}
}

@media screen{
.department-subtabs[aria-label="구매·지출 메뉴"] .pu-demo-tab{margin-left:auto;flex-shrink:0}
.pu-demo-container{margin-top:12px;border:1px solid #dce3ec;border-radius:8px;overflow:hidden;background:#f4f6f9}
#pu-purchase-demo{display:block;width:100%;height:calc(100vh - 220px);min-height:650px;border:0;background:#f4f6f9}
@media(max-width:700px){#pu-purchase-demo{height:80vh;min-height:500px}}
}
@media screen {
 dialog:has(.nvx-statement){width:min(1120px,96vw);max-width:1120px;}
 .nvx-statement{background:white;color:#202b3e;border:1px solid #cbd7e7;padding:22px;margin:12px 0;}
 .nvx-statement h1{text-align:center;font-size:32px;letter-spacing:6px;}
 .nvx-statement-meta{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;margin:20px 0;}
 .nvx-statement-parties{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0;}
 .nvx-statement-parties section{padding:14px;border:1px solid #cbd7e7;}
 .nvx-statement-parties h3{background:#e9f1ff;margin:-14px -14px 10px;padding:10px 14px;}
 .nvx-statement-total{text-align:right;padding:16px;background:#eef5ff;margin-top:14px;}
 .pu-evidence-statements{max-height:360px;overflow:auto;}
 @media(max-width:700px){.nvx-statement-parties{grid-template-columns:1fr}.nvx-statement{padding:10px}}
}
@media print {
 body:has(dialog[open] .nvx-statement)>:not(dialog[open]){display:none!important}
 body:has(dialog[open] .nvx-statement) dialog[open]{position:static!important;display:block!important;border:0!important;width:100%!important;max-width:none!important;max-height:none!important;overflow:visible!important;padding:0!important}
 body:has(dialog[open] .nvx-statement) .dialog-head,body:has(dialog[open] .nvx-statement) .nvx-print-hide{display:none!important}
 .nvx-statement{color:#000;background:white;font-size:11px;break-after:page}
 .nvx-statement h1{text-align:center}.nvx-statement-parties{display:grid;grid-template-columns:1fr 1fr;gap:12px}
 .nvx-statement table{width:100%;border-collapse:collapse}.nvx-statement td,.nvx-statement th{border:1px solid #999;padding:6px}
 .nvx-statement .table-wrap{overflow:visible!important}.nvx-statement-total{text-align:right}
}

@media screen{dialog.pu-compare-dialog{width: min(1500px,96vw);max-width:96vw}.pu-compare-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,1fr);gap:24px}.pu-compare-layout>section{min-width:0}.pu-pdf-side{position:sticky;top:0;align-self:start;background:#f4f6f9;padding:16px;border:1px solid #dce3ec;border-radius:8px}.pu-pdf-side iframe{width:100%;height:65vh;border:1px solid #dce3ec;background:white}.pu-compare-layout details{margin:16px 0}.pu-compare-layout .form-grid{gap:16px}}
@media screen and (max-width:850px){.pu-compare-layout{grid-template-columns:1fr}.pu-pdf-side{position:static}.pu-pdf-side iframe{height:50vh}}

@media screen{.pu-pdf-toolbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:12px}.pu-pdf-toolbar button{min-width:40px}.pu-pdf-canvas{max-height:60vh;overflow:auto;background:#dce3ec;padding:8px}.pu-pdf-canvas canvas{display:block;background:white;max-width:none}.pu-line{grid-template-columns:1fr 1.5fr 1fr .65fr .65fr 1fr 1fr auto}}

@media screen and (max-width:1100px){.pu-line{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Expanded purchase-request editor: scoped to this form only. */
@media screen {
 dialog:has(.pu-request-form){width:min(1500px,96vw)!important;max-width:96vw!important;max-height:94vh;padding:24px}
 .pu-request-form .pu-request-info{grid-template-columns:1fr 1.6fr 1fr;gap:12px 18px;margin-bottom:20px}
 .pu-request-info label:has([name=title]){grid-column:span 2}
 .pu-request-info label:has([name=purpose]) textarea{min-height:42px;height:42px}
 .pu-request-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}
 .pu-request-toolbar h3{margin:0}.pu-request-toolbar span{font-size:.875rem;color:var(--muted);margin-left:8px}
 .pu-request-table{overflow-x:auto;border:1px solid var(--line);border-radius:8px}
 .pu-request-columns,.pu-request-form .pu-line{display:grid;grid-template-columns:36px minmax(95px,1fr) minmax(175px,1.7fr) minmax(130px,1.4fr) 60px 80px 110px 92px 120px 65px;gap:8px;min-width:1120px;align-items:center;padding:10px;margin:0}
 .pu-request-columns{background:#eef3fb;color:#536984;font-size:.8rem;font-weight:600}
 .pu-request-form .pu-line{border-top:1px solid var(--line)}
 .pu-request-form .pu-line label{position:relative;display:block}
 .pu-request-form .pu-field-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .pu-request-form .pu-line input,.pu-request-form .pu-line select{padding:9px 7px;width:100%;font-size:.875rem}
 .pu-request-form .pu-line input[type=number],.pu-row-amount{text-align:right;font-variant-numeric:tabular-nums}
 .pu-request-form .pu-line [data-field=name]{padding-right:48px}
 .pu-request-form .pu-item-tools{position:absolute;right:3px;top:3px;margin:0;display:block}
 .pu-request-form .pu-item-tools button{padding:6px;font-size:.75rem}
 .pu-request-form .pu-item-tools small{display:none}
 .pu-request-form .pu-suggestions:empty{display:none}
 .pu-request-form .pu-suggestions{grid-column:1/-1}
 .pu-row-no{color:var(--muted);font-size:.8rem}.pu-row-amount{font-size:.875rem;white-space:nowrap}
 .pu-request-form>.actions{position:sticky;bottom:-24px;background:white;padding:16px 0;border-top:1px solid var(--line);align-items:center;z-index:2;flex-wrap:wrap}
 .pu-request-summary{margin-right:auto;display:flex;gap:16px;align-items:center}.pu-request-summary strong{font-size:1.4rem;color:#2862d9;font-variant-numeric:tabular-nums}
 @media(max-width:700px){.pu-request-form .pu-request-info{grid-template-columns:1fr}.pu-request-info label:has([name=title]){grid-column:auto}.pu-request-summary{width:100%}}
}