:root{--nav:#103b5c;--dark:#082b45;--blue:#1683b5;--border:#d3dee6}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#edf2f6;color:#273f4e;font:14px/1.45 system-ui,"Segoe UI",sans-serif}.erp-header{height:52px;background:linear-gradient(100deg,var(--dark),var(--nav));position:relative;z-index:1030}.navbar-brand{font-size:17px;font-weight:700}.navbar-brand span{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#fff;color:var(--nav);font-size:12px}.erp-header .nav-link{color:#e4eef4!important;padding:16px 8px!important;font-size:13px;border-bottom:3px solid transparent;white-space:nowrap}.erp-header .nav-link:hover,.erp-header .nav-link.show,.erp-header .nav-link.active{background:#ffffff12;border-bottom-color:#5bc1ed;color:#fff!important}.erp-header .nav-ai{color:#9ee7ff!important}.mega-menu{left:12px!important;right:12px!important;top:49px!important;width:calc(100vw - 24px);max-height:calc(100vh - 105px);overflow:auto;padding:18px;border-radius:0 0 8px 8px}.mega-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:19px 24px}.menu-group h2{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--nav);border-bottom:2px solid #e5edf2;padding:0 8px 8px}.menu-group .dropdown-item{display:flex;justify-content:space-between;padding:6px 8px;border-radius:5px;font-size:13px;white-space:normal}.menu-group .dropdown-item i{opacity:0;font-size:10px}.menu-group .dropdown-item:hover{background:#eaf6fc;color:#07628f}.menu-group .dropdown-item:hover i{opacity:1}.header-actions{display:flex;align-items:center;border-left:1px solid #ffffff25;padding-left:6px}.header-actions>button,.tab-actions{position:relative;width:36px;height:38px;border:0;background:transparent;color:#e9f2f7;border-radius:6px}.header-actions>button:hover,.user-button:hover{background:#ffffff15}.header-actions b{position:absolute;top:1px;right:0;background:#28a96b;color:#fff;border-radius:9px;min-width:15px;font-size:9px}.header-actions b.orange{background:#ed8b2c}.user-button{height:38px;border:0;background:transparent;color:#fff;display:flex;align-items:center;gap:6px}.user-button span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#c9e9f8;color:var(--nav);font-weight:800}.user-button em{font-style:normal;font-size:12px}.erp-shell{height:calc(100vh - 52px)}.workspace-tabs{height:42px;display:flex;background:#dfe7ed;border-bottom:1px solid #c4d0d9}.workspace-tabs>button,.tab-actions{width:34px;border:0;border-right:1px solid #c4d0d9;background:#dbe4ea;color:#516b7b}.tab-actions{height:42px;border-left:1px solid #c4d0d9}.tab-list{display:flex;flex:1;overflow-x:auto;scrollbar-width:none}.workspace-tab{min-width:130px;max-width:220px;display:flex;align-items:center;gap:7px;padding:0 10px;border:0;border-right:1px solid #c9d5dd;border-top:3px solid transparent;background:#e6edf2;color:#536a78;white-space:nowrap}.workspace-tab.active{background:#fff;border-top-color:#1c8ac0;color:#123e5b;font-weight:600}.tab-title{overflow:hidden;text-overflow:ellipsis}.tab-close{margin-left:auto;border:0;background:transparent;color:#7d8e98;border-radius:50%}.tab-close:hover{background:#d9e2e8;color:#bd3939}.workspace-panels{height:calc(100% - 42px);background:#f3f6f8}.workspace-panel{display:none;width:100%;height:100%;overflow:auto}.workspace-panel.active{display:block}.workspace-frame{width:100%;height:100%;border:0;background:#fff}.dashboard{padding:22px;max-width:1500px;margin:auto}.welcome{display:flex;justify-content:space-between;align-items:center;padding:23px 28px;border-radius:10px;background:linear-gradient(118deg,#0e4568,#1683b5);color:#fff;box-shadow:0 7px 20px #174e6b24}.welcome small{color:#bce9fb;font-weight:700;letter-spacing:.08em}.welcome h1{font-size:25px;margin:4px 0}.welcome p{margin:0;color:#dbf3fc}.welcome>i{font-size:48px;opacity:.25}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:17px 0}.cards article,.lower article{background:#fff;border:1px solid #e0e6ea;border-radius:9px;box-shadow:0 2px 7px #34566c0b}.cards article{border-left:4px solid #248ec1;padding:16px 18px}.cards article.orange{border-left-color:#e79531}.cards article.green{border-left-color:#32a576}.cards article.purple{border-left-color:#8269bf}.cards strong{display:block;font-size:27px}.cards small,.lower small{color:#81939f}.lower{display:grid;grid-template-columns:2fr 1fr;gap:15px}.lower article{padding:18px}.lower h2{font-size:15px}.empty{text-align:center;padding:30px;color:#8a9da9}.empty>i{font-size:32px}.placeholder-page{padding:24px;min-height:100vh;background:#f4f7f9}.placeholder-card{max-width:660px;margin:8vh auto;text-align:center;background:#fff;border:1px solid #dfe7ec;border-radius:12px;padding:45px;box-shadow:0 7px 25px #17445d12}.placeholder-icon{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 14px;border-radius:18px;background:#eaf5fb;color:#177fad;font-size:29px}.status-pill{display:inline-block;padding:4px 9px;border-radius:20px;background:#fff1bf;color:#8b6809;font-size:10px;font-weight:800}.placeholder-card h1{font-size:24px;margin:13px 0}.placeholder-note{margin-top:24px;padding:12px;text-align:left;background:#f1f6f9;border-radius:7px}@media(max-width:1199px){body{overflow:auto}.erp-header{height:auto}.mega-menu{position:static!important;transform:none!important;width:100%}.header-actions{padding:7px 0}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.cards,.lower{grid-template-columns:1fr}.dashboard{padding:12px}.user-button em{display:none}}
/* Environment identity is a safety boundary, not decorative release marketing. */
.environment-banner {
  background: #8a4b00;
  color: #fff;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .035em;
  padding: .3rem .75rem;
  text-align: center;
}

.environment-banner.environment-staging {
  background: #5b3f99;
}