.erp-retail-page{padding-bottom:40px}.erp-tabs{display:flex;gap:8px;overflow:auto;margin:14px 0 18px}.erp-tabs button{border:1px solid #d9e0e7;background:#fff;border-radius:12px;padding:10px 14px;font-weight:700;white-space:nowrap}.erp-tabs button.active{background:#16283a;color:#fff;border-color:#16283a}.erp-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.erp-kpis article,.erp-panel{background:#fff;border:1px solid #e4e8ed;border-radius:18px;padding:18px;box-shadow:0 6px 20px rgba(15,23,42,.04)}.erp-kpis span{display:block;color:#65717e;font-size:13px}.erp-kpis b{display:block;font-size:25px;margin:8px 0}.erp-kpis small{color:#7a8591}.erp-panel{margin-top:16px}.erp-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.erp-panel h2{margin:0 0 4px}.erp-panel p{margin:0;color:#6b7280}.erp-table{overflow:auto}.erp-row{display:grid;grid-template-columns:1.7fr 1.2fr repeat(4,.8fr);gap:12px;align-items:center;min-width:850px;padding:12px 6px;border-bottom:1px solid #edf0f3}.erp-row.head{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#75808c;font-weight:800}.erp-row span small{display:block;color:#88929d;margin-top:3px}.erp-pill{display:inline-block;background:#eef2f6;border-radius:999px;padding:5px 9px;font-style:normal;font-size:12px}.erp-chips{display:flex;gap:10px;flex-wrap:wrap}.erp-chips>span{border:1px solid #e4e8ed;border-radius:12px;padding:10px 12px}.erp-chips small{display:block;color:#7a8591}.erp-status-grid{display:grid;gap:8px}.erp-status-grid .ok{color:#147a45}.erp-status-grid .warn{color:#b26a00}.erp-loading,.erp-error{padding:32px;text-align:center;border-radius:16px;background:#fff;border:1px solid #e4e8ed}.erp-error{color:#a11}.erp-offline-badge{position:fixed;right:16px;bottom:16px;z-index:9999;background:#1f2937;color:white;padding:10px 14px;border-radius:999px;box-shadow:0 8px 30px rgba(0,0,0,.18);font-size:13px}.erp-offline-badge.danger{background:#a34714}.erp-offline-badge.hidden{display:none}@media(max-width:900px){.erp-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.erp-panel-head{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.erp-kpis{grid-template-columns:1fr}.erp-retail-page{padding-left:2px;padding-right:2px}}
.erp-overview-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid #e4e8ed;border-radius:18px;padding:18px;margin-bottom:14px;box-shadow:0 6px 20px rgba(15,23,42,.04)}
.erp-overview-hero h2{margin:3px 0 6px;font-size:24px}.erp-overview-hero p{margin:0;color:#6b7280}.erp-eyebrow{display:block;font-size:11px;font-weight:900;letter-spacing:.09em;color:#7a8591}.erp-online,.erp-status-chip{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800;background:#eef6f0}.erp-online.ok,.erp-status-chip.ok{color:#147a45}.erp-online.warn,.erp-status-chip.warn{color:#9a5b00;background:#fff5df}
.erp-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.erp-module-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;border:1px solid #e1e7ed;background:#fff;border-radius:16px;padding:15px;text-align:left;box-shadow:0 5px 18px rgba(15,23,42,.04);cursor:pointer}.erp-module-card:hover{transform:translateY(-1px)}.erp-module-card .erp-module-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#f0f4f8;color:#26384e;font-weight:900;font-size:13px}.erp-module-card b{display:block;font-size:15px;color:#1f2937}.erp-module-card small{display:block;margin-top:3px;color:#6b7280;line-height:1.35}.erp-module-card i{font-style:normal;font-size:24px;color:#9aa4af}
.erp-status-panel{padding:16px}.erp-status-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.erp-status-title h2{font-size:18px;margin:0}.erp-flow-list{display:grid;gap:9px}.erp-flow-list>div{display:grid;gap:3px;padding:10px 0;border-top:1px solid #edf0f3}.erp-flow-list>div:first-child{border-top:0}.erp-flow-list b{font-size:13px;color:#2b3a4f}.erp-flow-list span{font-size:13px;color:#6b7280;line-height:1.35}
@media(max-width:560px){
  .erp-retail-page{padding:10px 10px 28px!important}
  .erp-retail-page .page-title{align-items:flex-start;gap:8px;margin-bottom:8px}.erp-retail-page .page-title h1{font-size:24px;line-height:1.12}.erp-retail-page .page-title .muted{font-size:13px;line-height:1.35}.erp-retail-page .page-title .btn{padding:8px 10px;font-size:12px}
  .erp-tabs{margin:8px 0 12px;padding-bottom:2px}.erp-tabs button{padding:9px 11px;font-size:12px;border-radius:10px}
  .erp-overview-hero{padding:14px;align-items:flex-start}.erp-overview-hero h2{font-size:20px}.erp-overview-hero p{font-size:13px}.erp-online{padding:6px 8px;font-size:11px}
  .erp-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.erp-kpis article{padding:13px;border-radius:14px}.erp-kpis span{font-size:11px}.erp-kpis b{font-size:19px;margin:5px 0}.erp-kpis small{font-size:11px;line-height:1.25}
  .erp-module-grid{grid-template-columns:1fr;gap:9px;margin-top:12px}.erp-module-card{padding:12px;border-radius:14px}.erp-module-card .erp-module-icon{width:38px;height:38px}.erp-module-card small{font-size:12px}
  .erp-panel{margin-top:12px;border-radius:15px}.erp-flow-list span{font-size:12px}
  .erp-status-title{align-items:flex-start}
}