/* 개발자 안내: 정산 현황·기록·대응 비용·단가 조정 화면. 공통 버튼 글씨 굵기와 선택 상태는 theme/display도 확인한다. */
.ecm-settlement{--nb-bg:#f5f7f8;--nb-panel:#ffffff;--nb-text:#172b36;--nb-muted:#657581;--nb-border:#e3e9ed;--nb-soft:#f0f4f7;--nb-green:#0d947c;--nb-mint:#e6f5f0;--nb-blue:#1476b6;--nb-amber:#9d6414;--nb-amberbg:#fff4df;--nb-red:#b84f45;--nb-pad:20px;--nb-radius:12px;position:relative;background:var(--nb-bg);color:var(--nb-text);font-family:"Malgun Gothic","Apple SD Gothic Neo",Arial,sans-serif;font-size:13px;line-height:1.6;border:1px solid var(--nb-border);border-radius:14px;overflow:clip;isolation:isolate}
.ecm-settlement *{box-sizing:border-box}.ecm-settlement button,.ecm-settlement input,.ecm-settlement select,.ecm-settlement textarea{font:inherit;color:inherit}.ecm-settlement button{cursor:var(--cursor-interaction,pointer)}.ecm-settlement button:disabled{cursor:default;opacity:.45}.ecm-settlement button:focus-visible,.ecm-settlement input:focus-visible,.ecm-settlement select:focus-visible{outline:2px solid var(--nb-blue);outline-offset:3px}.ecm-settlement [hidden]{display:none!important}.ecm-settlement h1,.ecm-settlement h2,.ecm-settlement h3,.ecm-settlement p{margin:0}.ecm-settlement h1{font-size:25px;line-height:1.35;font-weight:700;letter-spacing:-.6px}.ecm-settlement h2{font-size:15px;font-weight:700;letter-spacing:-.3px}.ecm-settlement h3{font-size:13px;font-weight:700}.ecm-settlement .nb-top{display:flex;align-items:center;gap:18px;background:var(--nb-panel);border-bottom:1px solid var(--nb-border);padding:19px 24px;min-height:68px}.ecm-settlement .nb-logo{font-size:20px;font-weight:800;letter-spacing:-.6px;color:var(--nb-blue);min-width:140px}.ecm-settlement .nb-logo span{color:var(--nb-green)}.ecm-settlement .nb-prototype{color:var(--nb-muted);font-size:12px;display:flex;gap:10px;align-items:center}.ecm-settlement .nb-prototype span{border:1px solid var(--nb-border);border-radius:5px;padding:2px 8px}.ecm-settlement .nb-user{margin-left:auto;margin-right:78px;font-size:12px;color:var(--nb-muted)}.ecm-settlement .nb-shell{display:grid;grid-template-columns:176px minmax(0,1fr);min-height:880px}.ecm-settlement .nb-sidebar{background:var(--nb-panel);padding:24px 12px;border-right:1px solid var(--nb-border)}.ecm-settlement .nb-nav-label{font-weight:700;display:flex;gap:8px;align-items:center;padding:0 8px 13px;font-size:13px}.ecm-settlement .nb-nav-label svg{width:16px;height:16px}.ecm-settlement .nb-new{font-size:9px;color:var(--nb-green);font-weight:700;margin-left:auto}.ecm-settlement .nb-sidebar>button{display:block;width:100%;padding:11px 12px;text-align:left;border:0;background:transparent;border-radius:7px;color:var(--nb-muted);margin:3px 0;font-size:12px}.ecm-settlement .nb-sidebar>button.active{background:var(--nb-mint);color:var(--nb-green);font-weight:700}.ecm-settlement .nb-sidebar>button:hover{background:var(--nb-soft)}.ecm-settlement .nb-nav-space{margin-top:26px}.ecm-settlement .nb-side-note{margin:100px 10px 0;padding-top:18px;border-top:1px solid var(--nb-border);color:var(--nb-muted);font-size:11px;line-height:1.9}.ecm-settlement .nb-main{padding:25px;min-width:0}.ecm-settlement .nb-crumb{font-size:11px;color:var(--nb-muted);display:flex;gap:8px;align-items:center;margin-bottom:10px}.ecm-settlement .nb-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:20px}.ecm-settlement .nb-subtitle{color:var(--nb-muted);font-size:12px;margin-top:7px}.ecm-settlement .nb-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.ecm-settlement .nb-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--nb-panel);border:1px solid var(--nb-border);border-radius:6px;padding:7px 11px;white-space:nowrap;font-size:12px}.ecm-settlement .nb-button svg{width:14px;height:14px}.ecm-settlement .nb-button.primary{background:var(--nb-green);color:#ffffff;border-color:var(--nb-green);font-weight:700}.ecm-settlement .nb-button.ghost{border-color:transparent;background:transparent;padding-left:0;color:var(--nb-muted)}.ecm-settlement .nb-button.danger{color:var(--nb-red)}.ecm-settlement .nb-panel{background:var(--nb-panel);border:1px solid var(--nb-border);border-radius:var(--nb-radius);padding:var(--nb-pad);min-width:0;margin-bottom:16px}.ecm-settlement .nb-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px;flex-wrap:wrap}.ecm-settlement .nb-panel-head .nb-meta{color:var(--nb-muted);font-size:11px}.ecm-settlement .nb-filters{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:18px;background:var(--nb-panel);border:1px solid var(--nb-border);padding:16px;border-radius:var(--nb-radius)}.ecm-settlement .nb-field{display:flex;flex-direction:column;gap:5px;min-width:120px;flex:1}.ecm-settlement .nb-field label{font-size:11px;font-weight:700;color:var(--nb-muted)}.ecm-settlement .nb-field input,.ecm-settlement .nb-field select,.ecm-settlement .nb-field textarea{width:100%;border:1px solid var(--nb-border);border-radius:6px;padding:7px 10px;background:var(--nb-panel);min-height:35px;min-width:0}.ecm-settlement .nb-field textarea{min-height:70px;resize:vertical}.ecm-settlement .nb-field.small{flex:0 1 140px}.ecm-settlement .nb-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.ecm-settlement .nb-metric{background:var(--nb-panel);border:1px solid var(--nb-border);border-radius:var(--nb-radius);padding:17px 16px;min-width:0}.ecm-settlement .nb-metric-label{font-size:11px;color:var(--nb-muted);display:flex;align-items:center;gap:5px}.ecm-settlement .nb-metric-value{font-size:23px;font-weight:700;letter-spacing:-.7px;margin:8px 0 5px;font-variant-numeric:tabular-nums;white-space:nowrap}.ecm-settlement .nb-metric-value small{font-size:11px;letter-spacing:0;margin-left:3px;font-weight:400}.ecm-settlement .nb-metric-note{font-size:11px;color:var(--nb-muted)}.ecm-settlement .nb-metric.highlight{background:var(--nb-mint);border-color:var(--nb-mint)}.ecm-settlement .nb-metric.highlight .nb-metric-label,.ecm-settlement .nb-metric.highlight .nb-metric-note{color:var(--nb-green)}.ecm-settlement .nb-split{display:grid;grid-template-columns:1.55fr 1fr;gap:16px}.ecm-settlement .nb-split>.nb-panel{margin-bottom:16px}.ecm-settlement .nb-chart{display:flex;flex-direction:column;gap:14px}.ecm-settlement .nb-bar-group{display:grid;grid-template-columns:34px minmax(0,1fr) 50px;gap:9px;align-items:center;font-size:11px;color:var(--nb-muted)}.ecm-settlement .nb-bars{display:flex;flex-direction:column;gap:4px}.ecm-settlement .nb-bar{height:8px;background:var(--nb-green);border-radius:0 3px 3px 0;min-width:1px}.ecm-settlement .nb-bar.pay{background:var(--nb-blue);opacity:.8}.ecm-settlement .nb-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:11px;color:var(--nb-muted);margin-top:18px}.ecm-settlement .nb-legend span{display:flex;gap:5px;align-items:center}.ecm-settlement .nb-dot{display:inline-block;width:7px;height:7px;background:var(--nb-green);border-radius:50%}.ecm-settlement .nb-dot.pay{background:var(--nb-blue)}.ecm-settlement .nb-info-line{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--nb-border);font-size:12px}.ecm-settlement .nb-info-line:last-of-type{border-bottom:0}.ecm-settlement .nb-info-line span{color:var(--nb-muted)}.ecm-settlement .nb-info-line strong{font-weight:700;text-align:right;font-variant-numeric:tabular-nums}.ecm-settlement .nb-note{font-size:11px;color:var(--nb-muted);line-height:1.7;margin-top:12px}.ecm-settlement .nb-callout{display:flex;gap:9px;align-items:flex-start;padding:12px 14px;background:var(--nb-amberbg);color:var(--nb-amber);border-radius:7px;font-size:12px;margin-bottom:16px}.ecm-settlement .nb-callout svg{width:16px;height:16px;flex-shrink:0;margin-top:2px}.ecm-settlement .nb-callout.neutral{background:var(--nb-soft);color:var(--nb-muted)}.ecm-settlement .nb-table-wrap{overflow:auto;max-width:100%}.ecm-settlement table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}.ecm-settlement th{color:var(--nb-muted);font-size:11px;background:var(--nb-soft);font-weight:500;text-align:left;padding:11px 10px;border-bottom:1px solid var(--nb-border)}.ecm-settlement td{padding:13px 10px;border-bottom:1px solid var(--nb-border)}.ecm-settlement tbody tr:last-child td{border-bottom:0}.ecm-settlement tbody tr:hover{background:var(--nb-soft)}.ecm-settlement .nb-right{text-align:right}.ecm-settlement .nb-link{border:0;background:none;color:var(--nb-blue);padding:0;font-size:inherit;text-align:left}.ecm-settlement .nb-secondary{font-size:10px;color:var(--nb-muted);display:block;margin-top:3px}.ecm-settlement .nb-badge{font-size:10px;display:inline-flex;align-items:center;gap:4px;border-radius:5px;padding:3px 7px;background:var(--nb-soft);color:var(--nb-muted);font-weight:500;white-space:nowrap}.ecm-settlement .nb-badge.green{background:var(--nb-mint);color:var(--nb-green)}.ecm-settlement .nb-badge.amber{background:var(--nb-amberbg);color:var(--nb-amber)}.ecm-settlement .nb-badge.blue{background:#e9f3fc;color:var(--nb-blue)}.ecm-settlement .nb-badge.red{background:#fbebe8;color:var(--nb-red)}.ecm-settlement .nb-tabs{display:flex;gap:20px;border-bottom:1px solid var(--nb-border);margin-bottom:18px;flex-wrap:wrap}.ecm-settlement .nb-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:10px 0;font-size:12px;color:var(--nb-muted);margin-bottom:-1px}.ecm-settlement .nb-tabs button.active{color:var(--nb-green);border-color:var(--nb-green);font-weight:700}.ecm-settlement .nb-table-footer{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-top:16px;font-size:11px;color:var(--nb-muted);flex-wrap:wrap}.ecm-settlement .nb-empty{padding:45px 15px;text-align:center;color:var(--nb-muted);font-size:13px}.ecm-settlement .nb-total-row td{background:var(--nb-mint);font-weight:700;color:var(--nb-text)}.ecm-settlement .nb-inline-kpis{display:flex;gap:30px;flex-wrap:wrap;margin-bottom:20px}.ecm-settlement .nb-inline-kpis div{display:flex;flex-direction:column;gap:4px}.ecm-settlement .nb-inline-kpis span{font-size:11px;color:var(--nb-muted)}.ecm-settlement .nb-inline-kpis strong{font-size:22px;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.ecm-settlement .nb-stepper{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.ecm-settlement .nb-step{font-size:10px;padding:5px 8px;border-radius:5px;color:var(--nb-muted);background:var(--nb-soft)}.ecm-settlement .nb-step.done{color:var(--nb-green);background:var(--nb-mint)}.ecm-settlement .nb-step.current{color:#fff;background:var(--nb-green)}.ecm-settlement .nb-excluded{opacity:.55;text-decoration:line-through}.ecm-settlement .nb-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0}.ecm-settlement .nb-detail-grid .nb-info-line{display:block;border:0;padding:0}.ecm-settlement .nb-detail-grid span{display:block;font-size:11px;margin-bottom:5px}.ecm-settlement .nb-detail-grid strong{font-weight:500;font-size:12px}.ecm-settlement .nb-history{display:flex;gap:18px;padding:15px 0;border-bottom:1px solid var(--nb-border)}.ecm-settlement .nb-history time{font-size:11px;min-width:95px;color:var(--nb-muted)}.ecm-settlement .nb-history p{font-size:12px}.ecm-settlement .nb-history small{color:var(--nb-muted);font-size:11px}.ecm-settlement .nb-notice{margin-top:14px;border:1px solid var(--nb-border);padding:12px 15px;background:var(--nb-mint);color:var(--nb-green);border-radius:8px;font-size:12px}.ecm-settlement .nb-modal{position:absolute;inset:0;z-index:10;background:#172b3655;padding:80px 20px 30px;display:flex;align-items:flex-start;justify-content:center}.ecm-settlement .nb-dialog{width:min(570px,100%);background:var(--nb-panel);border:1px solid var(--nb-border);border-radius:14px;padding:24px;box-shadow:0 18px 60px #0002;position:sticky;top:20px}.ecm-settlement .nb-dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px}.ecm-settlement .nb-dialog h2{font-size:20px}.ecm-settlement .nb-dialog .nb-field{margin-bottom:14px}.ecm-settlement .nb-dialog-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.ecm-settlement .nb-error{color:var(--nb-red);font-size:12px;margin-top:12px}.ecm-settlement .nb-check{display:flex;gap:8px;align-items:flex-start;font-size:12px;margin-top:15px}.ecm-settlement .nb-rule-list{padding:0 0 0 17px;color:var(--nb-muted);font-size:12px}.ecm-settlement .nb-rule-list li{margin:10px 0}.ecm-settlement .nb-report-mode{display:flex;border:1px solid var(--nb-border);border-radius:6px;padding:3px;gap:2px}.ecm-settlement .nb-report-mode button{border:0;background:transparent;padding:6px 10px;border-radius:4px;font-size:11px;color:var(--nb-muted)}.ecm-settlement .nb-report-mode button.active{background:var(--nb-mint);color:var(--nb-green);font-weight:700}.ecm-settlement .nb-pagination{display:flex;gap:5px;align-items:center}.ecm-settlement .nb-payment-band{background:var(--nb-soft);padding:14px;border-radius:8px;margin-top:12px}.ecm-settlement .nb-payment-band strong{font-size:20px;font-variant-numeric:tabular-nums}.ecm-settlement .nb-payment-band span{font-size:11px;color:var(--nb-muted);display:block;margin-bottom:5px}
@media(max-width:850px){.ecm-settlement .nb-shell{grid-template-columns:150px minmax(0,1fr)}.ecm-settlement .nb-main{padding:20px}.ecm-settlement .nb-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ecm-settlement .nb-split{grid-template-columns:1fr}.ecm-settlement .nb-title-row{flex-wrap:wrap}.ecm-settlement .nb-user{display:none}.ecm-settlement .nb-side-note{display:none}}
@media(max-width:540px){.ecm-settlement .nb-shell{grid-template-columns:1fr}.ecm-settlement .nb-sidebar{display:flex;gap:4px;flex-wrap:wrap;padding:10px;border-right:0;border-bottom:1px solid var(--nb-border)}.ecm-settlement .nb-sidebar>button{width:auto;padding:6px 9px;margin:0;font-size:11px}.ecm-settlement .nb-nav-label{display:none}.ecm-settlement .nb-main{padding:16px 12px}.ecm-settlement .nb-top{padding:15px 12px;gap:8px;flex-wrap:wrap}.ecm-settlement .nb-logo{font-size:18px;min-width:auto}.ecm-settlement .nb-prototype{font-size:10px;margin-right:65px}.ecm-settlement .nb-prototype span{display:inline-flex}.ecm-settlement .nb-metrics{gap:8px}.ecm-settlement .nb-metric{padding:14px 10px}.ecm-settlement .nb-metric-value{font-size:20px}.ecm-settlement .nb-detail-grid{grid-template-columns:1fr 1fr}.ecm-settlement .nb-modal{padding:25px 10px}.ecm-settlement .nb-dialog{padding:18px}.ecm-settlement .nb-filters{gap:9px}.ecm-settlement .nb-field{min-width:105px}.ecm-settlement .nb-tabs{gap:15px}.ecm-settlement h1{font-size:23px}}
@media(pointer:coarse){.ecm-settlement button{min-height:40px}.ecm-settlement input,.ecm-settlement select,.ecm-settlement textarea{font-size:16px!important}}
.ecm-settlement .st-filterbox{background:var(--nb-panel);border:1px solid var(--nb-border);border-radius:var(--nb-radius);padding:16px 18px;margin-bottom:18px}

.ecm-settlement .bl-filters{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;background:var(--nb-panel);border:1px solid var(--nb-border);border-radius:var(--nb-radius);padding:16px 18px;margin-bottom:16px}
.ecm-settlement .bl-field{display:flex;flex-direction:column;gap:6px;min-width:125px;flex:1;font-size:12px}.ecm-settlement .bl-field>span{font-size:11px;color:var(--nb-muted);font-weight:600}
.ecm-settlement .bl-field input,.ecm-settlement .bl-field select,.ecm-settlement .bl-edit-input input,.ecm-settlement .bl-edit-input select,.ecm-settlement .bl-edit-date input{background:var(--nb-panel);border:1px solid var(--nb-border);border-radius:5px;padding:8px 10px;min-height:35px;max-width:100%;min-width:0}
.ecm-settlement .bl-fixed-company{display:flex;flex-direction:column;gap:5px;min-width:180px;flex:1}.ecm-settlement .bl-fixed-company>span,.ecm-settlement .bl-fixed-company>small{color:var(--nb-muted);font-size:11px}.ecm-settlement .bl-fixed-company>strong{font-size:15px}
.ecm-settlement .bl-ledger-meta{display:flex;gap:10px 22px;align-items:center;flex-wrap:wrap;font-size:11px;color:var(--nb-muted);padding:2px 0 17px}.ecm-settlement .bl-ledger-meta strong{font-weight:500;color:var(--nb-text);margin-left:4px}
.ecm-settlement .bl-total-band{background:var(--nb-mint);border:1px solid color-mix(in srgb,var(--nb-green) 14%,transparent);border-radius:var(--nb-radius);padding:24px;margin-bottom:20px}.ecm-settlement .bl-total-band>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.ecm-settlement .bl-total-band>div:first-child>span{font-size:14px;font-weight:700}.ecm-settlement .bl-total-band small{font-size:11px;color:var(--nb-muted);margin-left:8px;font-weight:400}.ecm-settlement .bl-total-band strong{font-size:30px;color:var(--nb-green);font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:-.8px}.ecm-settlement .bl-tax-summary{display:flex;gap:25px;justify-content:flex-end;border-top:1px solid color-mix(in srgb,var(--nb-green) 15%,transparent);padding-top:13px;margin-top:14px;font-size:12px;color:var(--nb-muted)}.ecm-settlement .bl-tax-summary b{font-weight:500;margin-left:8px;color:var(--nb-text)}
.ecm-settlement .bl-table td,.ecm-settlement .bl-table th{padding:13px 11px}.ecm-settlement .bl-item-name{font-weight:600}.ecm-settlement .bl-negative{color:var(--nb-blue)}.ecm-settlement .bl-note{color:var(--nb-muted);font-size:11px;line-height:1.8;margin-top:7px}
.ecm-settlement .bl-category-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}.ecm-settlement .bl-category-tabs button{background:var(--nb-panel);border:1px solid var(--nb-border);border-radius:6px;color:var(--nb-muted);font-size:12px;padding:7px 11px}.ecm-settlement .bl-category-tabs button.active{background:var(--nb-mint);color:var(--nb-green);border-color:var(--nb-mint);font-weight:700}
.ecm-settlement .bl-detail-summary{display:flex;align-items:center;gap:16px;justify-content:space-between;flex-wrap:wrap;margin-bottom:16px;font-size:12px}.ecm-settlement .bl-detail-summary>span{color:var(--nb-muted)}.ecm-settlement .bl-detail-summary>strong{margin-left:auto;font-size:14px}
.ecm-settlement .bl-admin-summary{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;flex-wrap:wrap}.ecm-settlement .bl-admin-summary>div{display:flex;align-items:center;gap:16px}.ecm-settlement .bl-admin-summary span{font-size:12px;color:var(--nb-muted)}.ecm-settlement .bl-admin-summary strong{font-size:25px;letter-spacing:-.5px}.ecm-settlement .bl-company-link{font-weight:700}
.ecm-settlement .bl-invoice-back{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:10px}.ecm-settlement .bl-invoice{background:var(--nb-panel);border:1px solid var(--nb-border);padding:30px;border-radius:8px}.ecm-settlement .bl-invoice-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;border-bottom:2px solid var(--nb-green);padding-bottom:23px;margin-bottom:22px}.ecm-settlement .bl-invoice-head h2{font-size:22px;margin-top:9px}.ecm-settlement .bl-invoice-head>div>span{font-size:12px;color:var(--nb-green);font-weight:700}
.ecm-settlement .bl-invoice-parties{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:25px}.ecm-settlement .bl-invoice-parties>div{display:flex;flex-direction:column;gap:8px}.ecm-settlement .bl-invoice-parties span,.ecm-settlement .bl-invoice-parties small{color:var(--nb-muted);font-size:11px}.ecm-settlement .bl-invoice-parties strong{font-size:18px}
.ecm-settlement .bl-invoice-identifiers{display:grid;grid-template-columns:1fr 1fr;gap:11px 28px;margin-bottom:24px}.ecm-settlement .bl-invoice-identifiers>div{display:flex;flex-direction:column;gap:4px;font-size:11px}.ecm-settlement .bl-invoice-identifiers span{color:var(--nb-muted)}.ecm-settlement .bl-invoice-identifiers strong{font-weight:500;overflow-wrap:anywhere}
.ecm-settlement .bl-invoice-total{display:flex;align-items:center;justify-content:flex-end;gap:20px;flex-wrap:wrap;border-top:2px solid var(--nb-border);margin-top:10px;padding:20px 0;font-size:12px}.ecm-settlement .bl-invoice-total b{font-weight:500;margin-left:5px}.ecm-settlement .bl-invoice-total>strong{font-size:22px;color:var(--nb-green)}
.ecm-settlement .bl-modal-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.ecm-settlement .bl-formula{padding:15px;background:var(--nb-mint);color:var(--nb-green);border-radius:7px;font-size:13px;line-height:1.8;margin-bottom:15px}.ecm-settlement .bl-source-list{font-size:11px;line-height:1.8;margin-top:12px}.ecm-settlement .bl-source-list p{overflow-wrap:anywhere;color:var(--nb-muted);margin-top:7px}.ecm-settlement .bl-edit-input{min-width:140px}.ecm-settlement .bl-edit-input input,.ecm-settlement .bl-edit-input select{width:150px}.ecm-settlement .bl-edit-date input{width:140px}.ecm-settlement .bl-notice{padding:12px 15px;background:var(--nb-mint);color:var(--nb-green);border-radius:7px;font-size:12px;margin-bottom:16px}
@media(max-width:650px){.ecm-settlement .bl-total-band{padding:18px}.ecm-settlement .bl-total-band strong{font-size:25px}.ecm-settlement .bl-tax-summary{justify-content:flex-start;flex-wrap:wrap;gap:10px 20px}.ecm-settlement .bl-invoice{padding:18px}.ecm-settlement .bl-invoice-head h2{font-size:18px}.ecm-settlement .bl-invoice-identifiers{grid-template-columns:1fr}.ecm-settlement .bl-filters{padding:13px}.ecm-settlement .bl-fixed-company{min-width:100%;margin-bottom:4px}.ecm-settlement .bl-admin-summary>div{flex-wrap:wrap;gap:8px}}

.ecm-settlement .v6-inner-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px;border-bottom:1px solid var(--nb-border);padding-bottom:8px}
.ecm-settlement .v6-inner-tabs button{font:inherit;color:var(--nb-muted);padding:10px 14px;border:0;border-radius:7px;background:transparent}
.ecm-settlement .v6-inner-tabs button.active{color:var(--nb-blue);background:var(--nb-mint);font-weight:600}
.ecm-settlement .nb-title-row{margin-bottom:20px;align-items:center}
.ecm-settlement h1{font-size:32px;line-height:40px;font-weight:700;color:#222}
.ecm-settlement .nb-subtitle{font-size:13px;color:#888;margin-top:4px}
.ecm-settlement h2{font-size:15px;font-weight:600;color:#222}
/* 버튼 */
.ecm-settlement .nb-button{height:32px;padding:0 12px;border:1px solid #ccc;border-radius:6px;background:#fff;color:#000;font-size:14px;font-weight:400;gap:6px;line-height:30px}
.ecm-settlement .nb-button:hover{background:#f6f8fa}
.ecm-settlement .nb-button.primary{background:#45465f;border-color:#45465f;color:#fff;font-weight:400}
.ecm-settlement .nb-button.primary:hover{background:#363750}
.ecm-settlement .nb-button.ghost{border-color:transparent;background:transparent;color:#4a5568}
.ecm-settlement .nb-button.danger{color:#e8604c;border-color:#f3c3bb}
.ecm-settlement .nb-panel{background:#fff;border:1px solid #e4e7ee;border-radius:10px;box-shadow:0 1px 2px rgba(0,0,0,.04);padding:16px 18px}
.ecm-settlement .nb-panel-head h2{font-size:15px;font-weight:600}
.ecm-settlement .v6-inner-tabs,.ecm-settlement .nb-tabs,.ecm-settlement .nb-report-mode,.ecm-settlement .cl-catalog-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:0;border:0}
.ecm-settlement .v6-inner-tabs button,.ecm-settlement .nb-tabs button,.ecm-settlement .nb-report-mode button,.ecm-settlement .cl-catalog-filters button{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 16px;border:1px solid #ccc;border-radius:6px;background:#fff;color:#222;font-size:14px;font-weight:500;line-height:1;cursor:pointer;transition:background .12s,color .12s,border-color .12s}
.ecm-settlement .v6-inner-tabs button:hover,.ecm-settlement .nb-tabs button:hover,.ecm-settlement .nb-report-mode button:hover,.ecm-settlement .cl-catalog-filters button:hover{border-color:#941B0C;color:#941B0C;background:#FFF3DC}
.ecm-settlement .v6-inner-tabs button.active,.ecm-settlement .nb-tabs button.active,.ecm-settlement .nb-report-mode button.active,.ecm-settlement .cl-catalog-filters button.active{background:#941B0C;border-color:#941B0C;color:#fff;font-weight:600;box-shadow:0 1px 2px rgba(148,27,12,.12)}
.ecm-settlement .v6-hub-analysis select{border:1px solid #e2e8f0;border-radius:4px;height:32px;padding:0 12px;font-size:14px;background:#fff}
.ecm-settlement{--nb-bg:#FAF9F7;--nb-panel:#fff;--nb-text:#220901;--nb-muted:#756C67;--nb-border:#E4DDD6;--nb-soft:#F7F4F0;--nb-green:#941B0C;--nb-mint:#FFF3DC;--nb-blue:#621708;--nb-amber:#BC3908;--nb-amberbg:#FFF3DC;--nb-red:#621708;--nb-pad:20px;--nb-radius:10px;border:0;border-radius:0;padding:22px 24px 50px;overflow:visible;isolation:auto;width:100%;min-width:0;font-family:var(--pretendard-regular-font),"Malgun Gothic",sans-serif;font-size:14px}
.ecm-settlement .nb-button.primary{background:#941B0C;color:#fff;border-color:#941B0C}.ecm-settlement .nb-badge.blue{background:#FFF3DC;color:#621708}.ecm-settlement .nb-badge.red{background:#F4E6E1;color:#621708}
.ecm-settlement .nb-button{height:auto;min-height:34px;font-size:13px;line-height:1.5;padding:7px 12px}
.ecm-settlement .bl-filters{background:#fff;border:1px solid var(--nb-border);border-radius:10px;padding:16px 20px;margin-bottom:18px;display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}
.ecm-settlement .bl-field{display:flex;flex-direction:column;gap:6px;min-width:170px;flex:1}
.ecm-settlement .bl-field>span{color:var(--nb-muted);font-size:12px}.ecm-settlement .bl-field input,.ecm-settlement .bl-field select{width:100%;height:36px}
.ecm-settlement .nb-title-row{align-items:flex-start}.ecm-settlement .nb-title-row h1{font-size:28px}.ecm-settlement .nb-subtitle{font-size:13px}.ecm-settlement .nb-crumb{font-size:13px}
.ecm-settlement .nb-panel{box-shadow:none;border-color:var(--nb-border);padding:18px 20px}.ecm-settlement .nb-panel h2{font-size:16px}
.ecm-settlement .bl-adjust-fields,.ecm-settlement .subscription-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ecm-settlement .bl-action-stack{display:flex;gap:8px;flex-wrap:wrap}.ecm-settlement .bl-current{background:#FFF9EF}
.ecm-settlement .bl-calculation-list>div{padding:10px 0;border-bottom:1px solid var(--nb-border)}.ecm-settlement .bl-calculation-list p{color:var(--nb-muted);font-size:13px;margin-top:4px;line-height:1.7}
.ecm-settlement .bl-adjust-reason{max-width:280px;white-space:normal;overflow-wrap:anywhere}
.ecm-settlement .nb-info-line strong{max-width:70%;white-space:normal;overflow-wrap:anywhere}
.ecm-settlement.dialog-content{padding:0;background:#fff}.ecm-settlement.dialog-content .bl-field{margin-bottom:12px}
.ecm-settlement .nb-loading{padding:60px;text-align:center;color:var(--nb-muted)}.ecm-settlement .nb-error-box{padding:20px;background:#fff;border:1px solid #C8A89F;border-radius:8px;color:#621708}
.ecm-settlement .billing-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.ecm-settlement .billing-metric{padding:18px;background:#fff;border:1px solid var(--nb-border);border-radius:10px}.ecm-settlement .billing-metric span{display:block;font-size:12px;color:var(--nb-muted)}.ecm-settlement .billing-metric strong{display:block;font-size:25px;margin:10px 0 6px;letter-spacing:-.5px}.ecm-settlement .billing-metric small{color:var(--nb-muted);font-size:11px}
.ecm-settlement .billing-grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ecm-settlement .billing-grid2>.nb-panel{margin:0 0 16px}
.ecm-settlement .billing-empty{padding:32px;text-align:center;color:var(--nb-muted);background:#fff;border-radius:8px;border:1px solid var(--nb-border);margin-bottom:16px}
.ecm-settlement .billing-source{display:block;border:0;background:none;color:#941B0C;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:0;font-size:inherit}
.ecm-settlement .billing-chart{display:flex;gap:12px;align-items:flex-end;height:210px;border-bottom:1px solid var(--nb-border);padding:24px 12px 30px;margin:15px 0 28px}.ecm-settlement .billing-chart>div{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}.ecm-settlement .billing-chart i{display:block;background:#941B0C;width:min(50px,70%);min-height:1px}.ecm-settlement .billing-chart strong{font-size:11px;font-weight:500;padding-bottom:5px}.ecm-settlement .billing-chart span{position:absolute;bottom:-24px;font-size:11px;color:var(--nb-muted)}
@media(max-width:1100px){.ecm-settlement .billing-grid2{grid-template-columns:1fr}.ecm-settlement .billing-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ecm-settlement .nb-title-row{flex-wrap:wrap}}
@media(max-width:700px){.ecm-settlement{padding:16px}.ecm-settlement .subscription-grid,.ecm-settlement .bl-adjust-fields{grid-template-columns:1fr}.ecm-settlement .bl-field{min-width:140px}}
@media print{body:has(.ecm-settlement) .Sidebar_container__6ViGD,body:has(.ecm-settlement) .Header_container__7FxWA,body:has(.ecm-settlement) #toasts{display:none!important}body:has(.ecm-settlement) #page{margin:0!important;padding:0!important;width:100%!important}.ecm-settlement{padding:0;background:#fff}.ecm-settlement .nb-actions,.ecm-settlement .bl-invoice-back,.ecm-settlement .v6-inner-tabs,.ecm-settlement .nb-pagination,.ecm-settlement .nb-button,.ecm-settlement .bl-category-tabs{display:none!important}.ecm-settlement .bl-invoice{border:0;padding:0}.ecm-settlement .nb-table-wrap{overflow:visible}.ecm-settlement .nb-panel,.ecm-settlement .billing-metric{break-inside:avoid}}

/* Screen typography follows the 1920 × 1080 desktop baseline, without scaling invoices. */
@media screen {
  .ecm-settlement{font-size:var(--ecm-font-body,16px);line-height:1.55;padding:28px 30px 56px;--nb-muted:#6F625B}
  .ecm-settlement:not(.dialog-content){container-name:ecmSettlement;container-type:inline-size}
  .ecm-settlement .nb-title-row{gap:16px;flex-wrap:wrap;margin-bottom:24px}
  .ecm-settlement .nb-title-row h1,.ecm-settlement h1{font-size:32px;line-height:1.3}
  .ecm-settlement h2,.ecm-settlement .nb-panel h2,.ecm-settlement .nb-panel-head h2{font-size:20px;line-height:1.4}
  .ecm-settlement h3{font-size:18px}
  .ecm-settlement .nb-subtitle,.ecm-settlement .nb-crumb,.ecm-settlement .nb-panel-head .nb-meta,
  .ecm-settlement .nb-field label,.ecm-settlement .nb-metric-label,.ecm-settlement .nb-metric-note,
  .ecm-settlement .nb-note,.ecm-settlement .nb-secondary,.ecm-settlement .nb-table-footer,
  .ecm-settlement .nb-inline-kpis span,.ecm-settlement .nb-detail-grid span,
  .ecm-settlement .nb-history time,.ecm-settlement .nb-history small,.ecm-settlement .nb-legend,
  .ecm-settlement .nb-payment-band span,.ecm-settlement .bl-field>span,
  .ecm-settlement .bl-fixed-company>span,.ecm-settlement .bl-fixed-company>small,
  .ecm-settlement .bl-ledger-meta,.ecm-settlement .bl-note,.ecm-settlement .bl-total-band small,
  .ecm-settlement .bl-admin-summary span,.ecm-settlement .bl-invoice-head>div>span,
  .ecm-settlement .bl-invoice-parties span,.ecm-settlement .bl-invoice-parties small,
  .ecm-settlement .bl-invoice-identifiers>div,.ecm-settlement .bl-source-list,
  .ecm-settlement .billing-metric span,.ecm-settlement .billing-metric small{font-size:var(--ecm-font-small,14px)}
  .ecm-settlement .nb-subtitle{margin-top:7px}
  .ecm-settlement .nb-button{font-size:16px;min-height:44px;padding:9px 16px;line-height:1.5}
  .ecm-settlement .nb-button svg{width:18px;height:18px;flex:none}
  .ecm-settlement .nb-actions{gap:10px;max-width:100%}
  .ecm-settlement .v6-inner-tabs button,.ecm-settlement .nb-tabs button,
  .ecm-settlement .nb-report-mode button,.ecm-settlement .cl-catalog-filters button,
  .ecm-settlement .bl-category-tabs button{font-size:16px;min-height:44px;height:auto;padding:10px 16px;line-height:1.4}
  .ecm-settlement .v6-inner-tabs,.ecm-settlement .bl-category-tabs{gap:10px}
  .ecm-settlement .nb-panel{padding:22px 24px;margin-bottom:18px;min-width:0}
  .ecm-settlement .nb-panel-head{gap:14px;margin-bottom:18px}
  .ecm-settlement .bl-filters,.ecm-settlement .nb-filters{padding:20px 22px;gap:16px}
  .ecm-settlement .bl-field,.ecm-settlement .nb-field{font-size:16px;gap:8px;flex:1 1 190px;min-width:0}
  .ecm-settlement .bl-field input,.ecm-settlement .bl-field select,
  .ecm-settlement .nb-field input,.ecm-settlement .nb-field select,
  .ecm-settlement .bl-edit-input input,.ecm-settlement .bl-edit-input select,
  .ecm-settlement .bl-edit-date input,.ecm-settlement .v6-hub-analysis select{height:44px;min-height:44px;font-size:16px;padding:8px 12px}
  .ecm-settlement .nb-field textarea{min-height:96px;font-size:16px;padding:10px 12px}
  .ecm-settlement input[type=checkbox]{width:20px;height:20px;min-height:20px;flex:none;vertical-align:middle}
  .ecm-settlement .bl-fixed-company>strong{font-size:18px}
  .ecm-settlement .nb-table-wrap{max-width:100%;min-width:0;overflow:auto;overscroll-behavior-x:contain}
  .ecm-settlement table,.ecm-settlement th,.ecm-settlement td{font-size:15px;line-height:1.55}
  .ecm-settlement th,.ecm-settlement td,.ecm-settlement .bl-table th,.ecm-settlement .bl-table td{padding:13px 14px}
  .ecm-settlement th{font-weight:600}
  .ecm-settlement .nb-badge,.ecm-settlement .nb-step{font-size:13px;padding:4px 9px}
  .ecm-settlement .nb-empty,.ecm-settlement .nb-info-line,.ecm-settlement .nb-callout,
  .ecm-settlement .nb-history p,.ecm-settlement .nb-notice,.ecm-settlement .nb-error,
  .ecm-settlement .nb-check,.ecm-settlement .nb-rule-list,.ecm-settlement .bl-tax-summary,
  .ecm-settlement .bl-detail-summary,.ecm-settlement .bl-invoice-total,
  .ecm-settlement .bl-formula,.ecm-settlement .bl-notice,.ecm-settlement .bl-calculation-list p,
  .ecm-settlement .nb-detail-grid strong{font-size:16px}
  .ecm-settlement .bl-total-band>div:first-child>span,.ecm-settlement .bl-detail-summary>strong{font-size:18px}
  .ecm-settlement .bl-total-band strong{font-size:36px;line-height:1.3}
  .ecm-settlement .bl-tax-summary{flex-wrap:wrap;gap:12px 28px}
  .ecm-settlement .billing-metrics,.ecm-settlement .nb-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
  .ecm-settlement .billing-metric,.ecm-settlement .nb-metric{min-width:0;padding:20px}
  .ecm-settlement .billing-metric strong,.ecm-settlement .nb-metric-value{font-size:32px;line-height:1.35;overflow-wrap:anywhere;white-space:normal}
  .ecm-settlement .nb-metric-value small{font-size:16px}
  .ecm-settlement .nb-inline-kpis strong,.ecm-settlement .bl-admin-summary strong{font-size:28px}
  .ecm-settlement .billing-grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .ecm-settlement .billing-grid2>*,.ecm-settlement .nb-split>*{min-width:0}
  .ecm-settlement .billing-chart{height:250px;gap:16px;padding:30px 12px 36px;overflow-x:auto;overflow-y:hidden}
  .ecm-settlement .billing-chart>div{min-width:72px}
  .ecm-settlement .billing-chart strong,.ecm-settlement .billing-chart span{font-size:14px;white-space:nowrap}
  .ecm-settlement .billing-chart span{bottom:-28px}
  .ecm-settlement .nb-bar-group{font-size:14px;grid-template-columns:48px minmax(0,1fr) 70px}
  .ecm-settlement .bl-invoice-head{flex-wrap:wrap}
  .ecm-settlement .bl-invoice-head h2{font-size:28px}
  .ecm-settlement .bl-invoice-parties{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ecm-settlement .bl-invoice-parties strong{font-size:22px;overflow-wrap:anywhere}
  .ecm-settlement .bl-invoice-total>strong{font-size:28px}
  .ecm-settlement .bl-invoice-identifiers{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ecm-settlement .bl-invoice-back,.ecm-settlement .bl-admin-summary>div{flex-wrap:wrap}
  .ecm-settlement.dialog-content{padding:0}
  .ecm-settlement .subscription-grid,.ecm-settlement .bl-adjust-fields{gap:18px}
  .ecm-settlement .nb-dialog{max-height:calc(100dvh - 48px);overflow:auto}
  @container ecmSettlement (max-width:1000px){
    .ecm-settlement .billing-metrics,.ecm-settlement .nb-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  }
  @container ecmSettlement (max-width:880px){
    .ecm-settlement .billing-grid2,.ecm-settlement .nb-split{grid-template-columns:1fr}
  }
  @container ecmSettlement (max-width:580px){
    .ecm-settlement .nb-panel{padding:18px 16px}
    .ecm-settlement .bl-filters,.ecm-settlement .nb-filters{padding:16px}
    .ecm-settlement .billing-metric,.ecm-settlement .nb-metric{padding:16px}
    .ecm-settlement .billing-metric strong,.ecm-settlement .nb-metric-value{font-size:28px}
    .ecm-settlement .bl-invoice-identifiers{grid-template-columns:1fr}
  }
}
@media screen and (max-width:760px){.ecm-settlement{padding:20px 16px 40px}.ecm-settlement .nb-title-row h1,.ecm-settlement h1{font-size:28px}.ecm-settlement.dialog-content{padding:0}.ecm-settlement .subscription-grid,.ecm-settlement .bl-adjust-fields{grid-template-columns:1fr}}

/* Operating counts stay independent of confirmed billing and completion-based costs. */
.ecm-settlement .bl-field .ecm-multi{width:100%;min-width:0}
.ecm-settlement .bl-field .ecm-multi input[type=checkbox]{padding:0;width:18px;height:18px;min-height:18px}
.ecm-settlement .billing-operating-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0 0 20px}
.ecm-settlement .billing-operating-metrics .billing-metric{background:var(--nb-soft);border-color:var(--nb-border);padding:18px}
.ecm-settlement .billing-operating .nb-panel-head{align-items:flex-start;flex-wrap:wrap}
.ecm-settlement .billing-updated{font-size:14px;color:var(--nb-muted);white-space:nowrap}
.ecm-settlement .billing-operating-note{font-size:14px;line-height:1.65;margin-top:14px;color:var(--nb-muted)}
.ecm-settlement .billing-operating .nb-table-wrap{max-width:100%;overflow:auto}
.ecm-settlement .billing-operating table{min-width:760px}
@container ecmSettlement (max-width:1100px){.ecm-settlement .billing-operating-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container ecmSettlement (max-width:680px){.ecm-settlement .billing-operating-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}