.main-nav{display:flex;align-items:center;gap:5px;margin-left:auto;margin-right:22px}
.nav-link{padding:10px 15px;border-radius:9px;color:#cfcfcf;text-decoration:none;font-size:13px;font-weight:800}
.nav-link:hover,.nav-link.active{background:rgba(255,255,255,.10);color:#fff}

.dual-upload{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}
.upload-panel{
  display:flex;
  gap:16px;
  padding:18px;
  border-radius:16px;
  background:white;
  box-shadow:var(--shadow);
}
.upload-number{
  flex:0 0 46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:13px;
  color:white;
  background:linear-gradient(135deg,var(--orange),var(--orange-dark));
  font-size:20px;
  font-weight:900;
}
.upload-content{width:100%}
.upload-content h3{margin:1px 0 5px}
.upload-content p{margin:0 0 13px;color:var(--muted);font-size:12px}
.upload-content input{width:100%;margin-bottom:10px}
.upload-content button{margin-right:10px}
.upload-content small{color:var(--muted)}

.production-kpis{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:15px;
}
.production-kpi{
  min-height:164px;
  padding:20px;
  border-radius:18px;
  background:white;
  box-shadow:var(--shadow);
}
.production-kpi.main-kpi{
  background:linear-gradient(145deg,#292929,#444);
  color:white;
}
.production-kpi span{
  color:var(--muted);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.7px;
}
.production-kpi.main-kpi span,.production-kpi.main-kpi small{color:#ddd}
.production-kpi strong{
  display:block;
  margin-top:23px;
  font-size:32px;
}
.production-kpi small{
  display:block;
  margin-top:10px;
  color:var(--muted);
}
.target-progress{
  height:9px;
  margin-top:13px;
  border-radius:999px;
  overflow:hidden;
  background:#e4e7ea;
}
.target-progress div{
  height:100%;
  width:0;
  background:linear-gradient(90deg,var(--orange),#ffb15f);
}

.machine-panel{margin-top:18px;min-height:460px}
.overall-utilization{text-align:right}
.overall-utilization span{display:block;color:var(--muted);font-size:11px}
.overall-utilization strong{font-size:27px}
.machine-grid{
  padding:18px;
  display:grid;
  grid-template-columns:repeat(3,minmax(250px,1fr));
  gap:14px;
}
.machine-card{
  padding:17px;
  border:1px solid var(--line);
  border-radius:15px;
  background:#fafbfc;
}
.machine-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.machine-name{font-size:16px;font-weight:900}
.machine-percent{font-size:27px;font-weight:900}
.machine-bar{
  height:19px;
  margin-top:16px;
  border-radius:999px;
  overflow:hidden;
  background:#d7dadd;
}
.machine-bar div{
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#2ca658,#5dca7e);
}
.machine-bottom{
  display:flex;
  justify-content:space-between;
  margin-top:8px;
  color:var(--muted);
  font-size:11px;
}
.machine-status{
  padding:5px 9px;
  border-radius:999px;
  font-weight:900;
}
.machine-status.green{background:#dff3e5;color:#137132}
.machine-status.yellow{background:#fff0c6;color:#8a6200}
.machine-status.red{background:#f9dada;color:#941e1e}

@media(max-width:1200px){
  .production-kpis{grid-template-columns:repeat(2,1fr)}
  .machine-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .dual-upload,.production-kpis,.machine-grid{grid-template-columns:1fr}
}

.target-kpi strong { margin-top: 18px; }
.overall-utilization strong { white-space: nowrap; }


nav, .nav-links, .top-nav {
  display: flex;
  gap: 10px;
  align-items: center;
}
nav a, .nav-links a, .top-nav a {
  color: #ffffff !important;
  text-decoration: none !important;
  padding: 11px 16px !important;
  border-radius: 9px !important;
  background: #3b434b !important;
  border: none !important;
  font-weight: 600 !important;
}
nav a:hover, .nav-links a:hover, .top-nav a:hover {
  background: #4a545e !important;
}
nav a.active, .nav-links a.active, .top-nav a.active {
  background: #ef7d00 !important;
  color: #ffffff !important;
}


/* RB-Consulting Software Footer */
.rb-footer {
  margin-top: 18px;
  background: #252b31;
  color: #ffffff;
  border-top: 4px solid #ef7d00;
  min-height: 58px;
  padding: 10px 22px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  gap: 18px;
  box-sizing: border-box;
  font-size: 13px;
}
.rb-footer-left { text-align: left; }
.rb-footer-center { text-align: center; }
.rb-footer-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  text-align: right;
  font-weight: 600;
}
.rb-footer-logo {
  width: 38px;
  height: 38px;
  object-fit: contain;
  background: #ffffff;
  border-radius: 5px;
  padding: 2px;
}
@media (max-width: 900px) {
  .rb-footer {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .rb-footer-left,
  .rb-footer-center,
  .rb-footer-right {
    justify-content: center;
    text-align: center;
  }
}