/* ERP: pedidos, financeiro e indicadores — mesmo tema escuro da área de operação. */
.erp{--erp-line:#3c4652;--erp-card:#2a2d33;--erp-soft:#a9b6c6;--erp-pos:#6fe0b4;--erp-neg:#f08aa3;--erp-accent:#8cceda}
.erp .topbar{align-items:flex-end;gap:16px}
.erp-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.erp-pos{color:var(--erp-pos,#6fe0b4)!important}
.erp-neg{color:var(--erp-neg,#f08aa3)!important}

/* stats */
.erp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:14px;margin:0 0 22px}
.erp-stat{background:linear-gradient(135deg,#2f3238,#282a2f);border:1px solid #40444c;border-radius:14px;padding:16px 17px;min-width:0;display:grid;gap:8px}
.erp-stat span{font-size:12px;color:#b0bfd2}
.erp-stat strong{font-size:clamp(20px,2.1vw,27px);font-weight:600;letter-spacing:-.5px;color:#eef5ff;overflow-wrap:anywhere}
.erp-stat small{font-size:11px;color:#8ea2ba;line-height:1.4}
.erp-stat.good{border-color:#3f5a50}.erp-stat.good strong{color:#8aedcf}
.erp-stat.bad{border-color:#664050}.erp-stat.bad strong{color:#ffa7bb}
.erp-group{font-size:13px!important;letter-spacing:1.6px;text-transform:uppercase;color:#8cceda;margin:26px 0 12px;font-weight:600}
.erp-group small{letter-spacing:0;text-transform:none;color:#8094ab;font-weight:400;margin-left:6px}

/* toolbar + segmented control */
.erp-toolbar{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;margin-bottom:18px;padding:14px 16px!important}
.erp-toolbar label{display:grid;gap:6px;font-size:12px;color:#aab6c7;flex:1 1 180px;max-width:320px}
.erp-toolbar input,.erp-toolbar select{background:#202226;border:1px solid #474c55;color:#e8eef6;border-radius:10px;padding:10px 12px;min-height:42px}
.erp-seg{display:inline-flex;flex-wrap:wrap;background:#202226;border:1px solid #474c55;border-radius:11px;padding:3px;gap:2px}
.erp-seg button{background:none;color:#a9b6c6;border-radius:8px;padding:8px 12px;font-size:12px;min-height:36px}
.erp-seg button.on{background:#3a4b55;color:#e6f7fc}

/* pills, bars */
.erp-pill{position:relative;display:inline-block;font-size:11px;line-height:1;padding:5px 8px;border-radius:999px;color:var(--c);border:1px solid var(--c);white-space:nowrap;isolation:isolate}
.erp-pill::before{content:'';position:absolute;inset:0;border-radius:inherit;background:var(--c);opacity:.14;z-index:-1}
.erp-bar{height:7px;background:#1d1f23;border-radius:99px;overflow:hidden;margin:8px 0 5px;min-width:60px}
.erp-bar i{display:block;height:100%;border-radius:inherit}
.erp-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px}

/* callout */
.erp-callout{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap;margin-bottom:18px;border-color:#3e5a63!important;background:linear-gradient(135deg,#283339,#262a30)!important}
.erp-callout b{color:#e6f5fb}.erp-callout p{margin:6px 0 0}

/* kanban */
.erp-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);gap:14px;overflow-x:auto;padding-bottom:10px;align-items:start;scroll-snap-type:x proximity}
.erp-col{background:#232529;border:1px solid #383c44;border-radius:14px;padding:12px;display:grid;gap:10px;scroll-snap-align:start;min-height:120px}
.erp-col>header{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#d6e0ea;padding:2px 2px 6px;border-bottom:1px solid #383c44}
.erp-col>header i{width:9px;height:9px;border-radius:50%}
.erp-col>header span{margin-left:auto;font-size:11px;color:#8ea2ba;background:#2e3238;padding:3px 8px;border-radius:99px}
.erp-empty{text-align:center;color:#5d6876!important}
.erp-card{background:var(--erp-card);border:1px solid #434a55;border-radius:12px;padding:12px;display:grid;gap:4px;cursor:pointer;transition:border-color .15s,background .15s}
.erp-card:hover,.erp-card:focus-visible{border-color:#80bdcf;background:#2f343b;outline:none}
.erp-card.is-late{border-color:#7a4656;box-shadow:inset 3px 0 0 #f08aa3}
.erp-card-top{display:flex;justify-content:space-between;gap:6px;align-items:center}
.erp-card-top small{font:11px ui-monospace,monospace;color:#8cceda}
.erp-card h3{font-size:14px!important;margin:2px 0 0;color:#eef4fa}
.erp-card p{margin:0;font-size:12px!important;line-height:1.4!important}
.erp-card>small{font-size:11px;color:#97a8bb}
.erp-card-foot{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#aab6c7;margin-top:4px}
.erp-card-foot b{color:#eef4fa}
.erp-card-fin{color:#7e92a8!important}
.erp-card .tiny-btn{justify-self:end;margin-top:6px;min-height:34px;padding:6px 10px;font-size:12px}

/* tables */
.erp-table{min-width:640px}
.erp-table small{color:#8ea2ba}
.erp-row{cursor:pointer}.erp-row:hover td{background:#2c3036}
.erp-row-actions{white-space:nowrap}
.erp-row-actions button{margin:2px}
.erp-table tfoot td{font-size:12px;color:#aab6c7;border-top:1px solid #3c4652}

/* two columns */
.erp-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}
.erp-two .card{min-width:0}
.erp-hrow{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(70px,1fr) auto;gap:12px;align-items:center;font-size:13px;color:#d6e0ea;padding:6px 0}
.erp-hrow span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.erp-hrow .erp-bar{margin:0}
.erp-hrow b{font-weight:600;font-size:12px;text-align:right}
.erp-proj{display:grid;grid-template-columns:1fr auto auto auto;gap:12px;font-size:13px;padding:9px 0;border-bottom:1px solid #353a42;color:#d6e0ea}
.erp-sub{font-size:15px!important;margin:22px 0 10px;color:#e6eef6}

/* month chart */
.erp-mchart{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:10px;height:200px;align-items:end;margin-top:14px}
.erp-mcol{display:grid;grid-template-rows:1fr auto auto;height:100%;text-align:center;gap:4px;min-width:0}
.erp-mbars{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:100%;border-bottom:1px solid #3c4652}
.erp-mbars i{width:min(18px,40%);border-radius:5px 5px 0 0;min-height:2px}
.erp-mbars .inc,.erp-legend .inc{background:#4fd3b0}
.erp-mbars .exp,.erp-legend .exp{background:#e57a95}
.erp-mcol small{font-size:11px;color:#8ea2ba}
.erp-mcol b{font-size:10px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.erp-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:11px;color:#8ea2ba;margin-top:12px}
.erp-legend span{display:flex;gap:6px;align-items:center}
.erp-legend i{width:10px;height:10px;border-radius:3px;display:inline-block}

/* late list */
.erp-late{display:grid;grid-template-columns:auto 1fr auto auto;gap:14px;width:100%;text-align:left;background:none;color:#d6e0ea;border-bottom:1px solid #353a42;padding:12px 0;font-size:13px;align-items:center}
.erp-late b{font:12px ui-monospace,monospace;color:#8cceda}

/* modals */
.erp-modal .modal-body{color:#dfe7ef}
.erp-modal .modal-body p{color:#b9c6d4}
.erp-modal h3,.erp-modal .erp-sub{color:#eef4fa}
.erp-modal .modal-fields label[hidden]{display:none}
.erp-modal .modal-actions{flex-wrap:wrap;gap:8px}
.erp-fieldset{border:1px solid #454b55;border-radius:12px;padding:12px 14px;margin:16px 0 4px}
.erp-fieldset legend{font-size:12px;color:#8cceda;padding:0 6px}
.erp-lines{display:grid;gap:10px;margin-bottom:10px}
.erp-line{display:grid;grid-template-columns:minmax(0,3fr) minmax(70px,.8fr) minmax(90px,1fr) minmax(90px,1fr) auto;gap:10px;align-items:end;background:#26282d;border:1px solid #40444c;border-radius:12px;padding:10px}
.erp-line label{display:grid;gap:5px;font-size:11px;color:#aab6c7;min-width:0}
.erp-line input{width:100%;min-width:0;background:#1d1f23;border:1px solid #474c55;color:#e8eef6;border-radius:9px;padding:9px 10px}
.erp-line .tiny-btn{min-height:40px}
.erp-send{border:1px solid #40444c;border-radius:12px;padding:12px;margin:10px 0;background:#26282d}
.erp-check{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#e6eef6}
.erp-check small{color:#8ea2ba}
.erp-warn{color:#f3c76d!important;border-top-color:#5b4a2a!important}
.erp-detail-head{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.erp-kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:8px 0 14px}
.erp-kv>div{background:#26282d;border:1px solid #3c4048;border-radius:10px;padding:10px 12px;display:grid;gap:4px;min-width:0}
.erp-kv small{font-size:11px;color:#8ea2ba}
.erp-kv b{font-size:14px;color:#eef4fa;overflow-wrap:anywhere}
.erp-stepper{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 4px}
.erp-stepper span{font-size:11px;padding:6px 10px;border-radius:99px;background:#26282d;border:1px solid #3c4048;color:#7f8fa2}
.erp-stepper span.done{color:#8aedcf;border-color:#3f5a50}
.erp-stepper span.now{color:#13242c;background:#91dff4;border-color:#afeafa;font-weight:600}
.erp-detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding-bottom:14px;border-bottom:1px solid #3c4048}
.erp-modal .modal-panel{width:min(1100px,100%)}

@media(max-width:1100px){.erp-two{grid-template-columns:1fr}}
@media(max-width:680px){
  .erp-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .erp-stat{padding:13px}
  .erp-board{grid-auto-columns:minmax(78vw,1fr)}
  .erp-line{grid-template-columns:repeat(2,minmax(0,1fr))}
  .erp-line .erp-line-desc{grid-column:1/-1}
  .erp-toolbar label{max-width:none}
  .erp-proj{grid-template-columns:1fr 1fr;row-gap:4px}
  .erp-late{grid-template-columns:1fr;gap:4px}
  .erp-hrow{grid-template-columns:minmax(0,1fr) 70px auto}
  .erp-mchart{gap:5px}
}
@media(max-width:380px){.erp-stats{grid-template-columns:1fr}}
@media print{.erp-actions,.erp-toolbar,.erp-seg{display:none}}
.erp-detail-actions button{min-height:38px;padding:8px 14px;font-size:13px;border-radius:10px}
.erp-card-foot{flex-wrap:wrap}.erp-card-foot span,.erp-card-foot b{white-space:nowrap}
.erp-card h3{overflow-wrap:anywhere}
/* estoque */
.erp-stock-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-bottom:18px}
.erp-spool{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:center;background:linear-gradient(135deg,#2c3036,#26282d);border:1px solid #40454e;border-radius:16px;padding:14px;min-width:0}
.erp-spool.falta{border-color:#7a4656}.erp-spool.baixo{border-color:#6b5a2e}
.erp-spool-ring{width:96px;height:96px;border-radius:50%;background:conic-gradient(var(--c) calc(var(--p)*1%),#1c1e22 0);display:grid;place-items:center;position:relative}
.erp-spool-ring::before{content:'';position:absolute;inset:9px;border-radius:50%;background:#24272c;box-shadow:inset 0 0 0 10px #2b2f35,inset 0 0 0 11px #3b414a}
.erp-spool-ring span{position:relative;font-size:16px;font-weight:700;color:#eef4fa;text-align:center;line-height:1.1}
.erp-spool-ring small{display:block;font-size:10px;color:#8ea2ba;font-weight:400}
.erp-spool-info{display:grid;gap:6px;min-width:0}
.erp-spool-info b{overflow-wrap:anywhere}
.erp-spool-info>small{font-size:11px;color:#8ea2ba}
.erp-spool-kv{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;font-size:11px;color:#97a8bb}
.erp-spool-kv b{display:block;font-size:13px;color:#e6eef6}
.erp-spool-actions{display:flex;gap:6px;flex-wrap:wrap}
.erp-spool-actions .tiny-btn{min-height:34px;padding:5px 9px;font-size:11px}
.erp-bom-list{display:grid;gap:8px;margin:10px 0}
.erp-bom-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(90px,1fr) auto;gap:8px;align-items:center}
.erp-bom-row select,.erp-bom-row input{width:100%;background:#1d1f23;border:1px solid #474c55;color:#e8eef6;border-radius:9px;padding:9px 10px}
.erp-bom-row label{display:flex;gap:6px;align-items:center;font-size:12px;color:#aab6c7;flex-direction:row-reverse}
@media(max-width:680px){.erp-stock-grid{grid-template-columns:1fr}.erp-spool{grid-template-columns:78px 1fr}.erp-spool-ring{width:78px;height:78px}}