/* /tools/loadoutbuilder/css/loadoutbuilder.css v3.6 final polish */
.loadoutbuilder-page{background:radial-gradient(circle at 18% 0%,rgba(139,92,246,.12),transparent 32%),radial-gradient(circle at 85% 4%,rgba(56,189,248,.08),transparent 30%),#060b14;color:#f4f7ff}
.loadout-wrap{max-width:1540px;margin:0 auto;padding:24px 18px 44px}.crumbs{display:flex;align-items:center;gap:10px;margin:0 0 16px;color:#8f9bb8;font-size:13px}.crumbs a{color:#9fbfff;text-decoration:none}.crumbs strong{color:#fff}
.loadout-hero{display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px;align-items:stretch;margin-bottom:16px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:radial-gradient(circle at 0% 0%,rgba(139,92,246,.13),transparent 35%),linear-gradient(180deg,rgba(14,21,36,.92),rgba(8,13,24,.94));box-shadow:0 24px 80px rgba(0,0,0,.26);padding:18px}.lb-hero-copy{border-right:1px solid rgba(255,255,255,.08);padding-right:18px;display:flex;flex-direction:column;justify-content:center}.lb-pill{display:inline-flex;align-items:center;width:max-content;height:28px;padding:0 12px;border:1px solid rgba(139,92,246,.42);border-radius:999px;background:rgba(139,92,246,.16);color:#d8b4fe;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px}.loadout-hero h1{margin:0 0 8px;color:#fff;font-size:34px;letter-spacing:-.045em;line-height:1.02}.loadout-hero p{margin:0;color:#b8c0d9;font-size:14px;line-height:1.5}.lb-hero-score{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.035)}.lb-hero-score span{color:#9fbfff;font-size:12px}.lb-hero-score strong{font-size:24px;color:#fff}
.lb-controls{display:flex;flex-direction:column;justify-content:center;gap:12px}.lb-control-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.lb-controls label span{display:block;color:#9fbfff;font-size:11px;font-weight:850;margin-bottom:6px}.lb-controls input,.lb-controls select{width:100%;height:46px;border-radius:11px;border:1px solid rgba(255,255,255,.11);background:#101624;color:#fff;padding:0 13px;outline:0;font-weight:900;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.lb-action-row{display:grid;grid-template-columns:minmax(180px,1fr) 115px 130px 135px;gap:10px;align-items:end}.lb-check{height:46px;display:flex!important;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.11);background:#101624;border-radius:11px;padding:0 13px;cursor:pointer}.lb-check input{width:16px!important;height:16px!important;accent-color:#8b5cf6}.lb-check span{margin:0!important;color:#fff!important;font-weight:900;white-space:nowrap}.lb-btn{height:46px;border:0;border-radius:11px;padding:0 16px;background:linear-gradient(135deg,#5865f2,#8b5cf6);color:#fff;font-weight:950;cursor:pointer}.lb-btn-secondary{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11)}.lb-btn-copy{background:linear-gradient(135deg,rgba(56,189,248,.22),rgba(139,92,246,.24));border:1px solid rgba(139,92,246,.35)}
.lb-shell{display:grid;grid-template-columns:315px minmax(0,1fr) 300px;gap:14px;align-items:start}.lb-panel{border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 50% 0%,rgba(139,92,246,.10),transparent 34%),linear-gradient(180deg,rgba(15,22,38,.96),rgba(8,13,24,.96));border-radius:14px;overflow:hidden;box-shadow:0 22px 80px rgba(0,0,0,.28)}.lb-panel-head{min-height:52px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:12px}.lb-panel-head strong{color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.lb-panel-head span{color:#a78bfa;font-size:12px;font-weight:900}
.lb-showcase{padding:16px}.lb-side-tabs{display:inline-flex;gap:3px;padding:4px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);margin-bottom:12px}.lb-side-tabs button{height:28px;min-width:38px;border:0;border-radius:999px;color:#9fbfff;background:transparent;font-weight:900;cursor:pointer}.lb-side-tabs button.active{background:#7c5cff;color:#fff}.lb-agent-image-card{border:1px solid rgba(255,255,255,.08);background:rgba(8,13,24,.52);border-radius:12px;padding:14px;margin-bottom:12px}.lb-agent-image-slot{height:210px;display:grid;place-items:center;border:1px dashed rgba(255,255,255,.12);border-radius:10px;background:radial-gradient(circle at 50% 15%,rgba(255,255,255,.07),transparent 38%),rgba(10,16,29,.72);margin-bottom:12px;overflow:hidden}.lb-agent-image-slot span{color:#9fbfff;font-size:12px}.lb-agent-image-slot img{width:94%;height:190px;object-fit:contain;filter:drop-shadow(0 22px 24px rgba(0,0,0,.5))}.lb-agent-image-card strong{display:block;color:#fff;font-size:14px}.lb-agent-image-card p{margin:6px 0 0;color:#9fbfff;font-size:12px;line-height:1.35}.lb-feature-row{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;margin-top:8px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:9px}.lb-feature-row span{color:#9fbfff;font-size:12px}.lb-feature-row strong{color:#fff;font-size:12px;text-align:right;max-width:178px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-mini-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.08)}.lb-mini-stats div{padding:14px;border-right:1px solid rgba(255,255,255,.08)}.lb-mini-stats div:last-child{border-right:0}.lb-mini-stats span{display:block;color:#9fbfff;font-size:12px;margin-bottom:5px}.lb-mini-stats strong{font-size:24px;color:#fff}
.lb-featured{min-height:152px;padding:14px;border-bottom:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.lb-empty-feature{border:1px dashed rgba(255,255,255,.14);border-radius:12px;color:#9fbfff;min-height:124px;display:flex;align-items:center;padding:14px;font-size:12px}.lb-feature-card{display:grid;grid-template-columns:138px minmax(0,1fr);gap:12px;align-items:center;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(8,13,24,.62);padding:12px;color:#fff;text-decoration:none}.lb-feature-card img{width:138px;height:106px;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(0,0,0,.5))}.lb-feature-card b{display:block;font-size:14px;line-height:1.15}.lb-feature-card span{display:block;color:#9fbfff;font-size:11px;margin-top:5px}.lb-feature-card strong{display:block;margin-top:7px;font-size:15px}
.lb-grid{padding:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.lb-slot{position:relative;min-height:278px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(255,255,255,.085);background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.065),transparent 40%),rgba(8,13,24,.84);border-radius:14px;padding:13px;overflow:hidden;color:#fff;text-decoration:none;transition:transform .16s ease,border-color .16s ease}.lb-slot:hover{transform:translateY(-2px);border-color:rgba(139,92,246,.55)}.lb-slot:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:rgba(148,163,184,.8)}.lb-slot.Covert:before{background:#eb4b4b}.lb-slot.Classified:before{background:#d32ce6}.lb-slot.Restricted:before{background:#8847ff}.lb-slot.Mil-Spec-Grade:before{background:#4b69ff}.lb-slot.Industrial-Grade:before{background:#5e98d9}.lb-slot.Consumer-Grade:before{background:#b0c3d9}.lb-slot.Contraband:before{background:#e4ae39}.lb-slot-top{display:flex;justify-content:space-between;gap:8px;color:#a78bfa;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.07em;margin-bottom:7px}.lb-slot-top small{color:#9fbfff;text-align:right;letter-spacing:0;text-transform:none;max-width:110px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.lb-slot img{width:100%;height:156px;object-fit:contain;margin:6px 0 12px;filter:drop-shadow(0 20px 24px rgba(0,0,0,.54))}.lb-name{font-size:15px;line-height:1.14;font-weight:950;min-height:36px}.lb-meta{color:#9fbfff;font-size:11px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-price{margin-top:9px;font-size:17px;font-weight:1000}.lb-empty{min-height:168px;border:1px dashed rgba(255,255,255,.12);border-radius:10px;display:flex;align-items:center;justify-content:center;padding:12px;color:#9fbfff;font-size:12px;line-height:1.35;text-align:center}
.lb-summary-body{padding:16px}.lb-score-card{border:1px solid rgba(139,92,246,.26);border-radius:13px;background:linear-gradient(135deg,rgba(139,92,246,.14),rgba(56,189,248,.08));padding:14px;margin-bottom:8px;display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:end}.lb-score-card span{color:#9fbfff;font-size:12px}.lb-score-card strong{grid-row:1/3;grid-column:2;font-size:34px;color:#fff;line-height:1}.lb-score-card small{color:#c7d2fe}.lb-stat{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.07)}.lb-stat span{color:#9fbfff;font-size:13px}.lb-stat strong{color:#fff;font-size:14px;text-align:right}#lbSummaryRemaining.good{color:#54e38f}#lbSummaryRemaining.bad{color:#ff5c6c}.lb-progress{margin:15px 0;height:10px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}.lb-progress span{display:block;width:0%;max-width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5865f2,#8b5cf6,#38bdf8)}#lbSummaryNote{color:#c7d2fe;font-size:12px;line-height:1.5;margin:0}
@media(max-width:1420px){.lb-shell{grid-template-columns:300px minmax(0,1fr)}.lb-summary{grid-column:1/-1}.lb-summary-body{display:grid;grid-template-columns:repeat(4,1fr);gap:0 18px}.lb-score-card,.lb-summary-body .lb-progress,.lb-summary-body p{grid-column:1/-1}}
@media(max-width:1120px){.loadout-hero{grid-template-columns:1fr}.lb-hero-copy{border-right:0;border-bottom:1px solid rgba(255,255,255,.08);padding:0 0 16px}.lb-control-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lb-action-row{grid-template-columns:1fr 1fr 1fr 1fr}.lb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lb-featured{grid-template-columns:1fr}}
@media(max-width:820px){.lb-shell{grid-template-columns:1fr}.lb-summary-body{display:block}.lb-action-row{grid-template-columns:1fr 1fr}.lb-action-row .lb-check{grid-column:1/-1}}
@media(max-width:640px){.loadout-wrap{padding:16px 12px 34px}.loadout-hero h1{font-size:30px}.lb-control-grid,.lb-action-row{grid-template-columns:1fr}.lb-grid{grid-template-columns:1fr}}


/* ================================
   V3.7 controls polish
   ================================ */

.loadout-hero{
  grid-template-columns:300px minmax(0,1fr);
  gap:22px;
  padding:20px;
  align-items:stretch;
  border-radius:20px;
}

.lb-hero-copy{
  padding-right:22px;
  justify-content:flex-start;
}

.lb-hero-copy .lb-pill{
  margin-bottom:14px;
}

.lb-hero-copy h1{
  max-width:220px;
  font-size:35px;
}

.lb-hero-copy p{
  max-width:240px;
}

.lb-controls{
  justify-content:stretch;
  gap:14px;
  padding:14px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:18px;
  background:
    radial-gradient(circle at 15% 0%, rgba(56,189,248,.08), transparent 28%),
    rgba(6,11,20,.34);
}

.lb-control-grid{
  grid-template-columns:1.05fr 1fr 1fr 1fr 1fr;
  gap:12px;
}

.lb-controls label{
  position:relative;
  min-width:0;
}

.lb-controls label span{
  font-size:11px;
  letter-spacing:.02em;
  color:#8fb4ff;
  margin:0 0 7px;
}

.lb-controls input,
.lb-controls select{
  height:50px;
  border-radius:13px;
  border-color:rgba(139,92,246,.18);
  background:
    linear-gradient(180deg,rgba(17,24,39,.96),rgba(12,18,31,.96));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 8px 18px rgba(0,0,0,.10);
  font-size:16px;
}

.lb-controls input:focus,
.lb-controls select:focus{
  border-color:rgba(139,92,246,.65);
  box-shadow:
    0 0 0 3px rgba(139,92,246,.13),
    inset 0 1px 0 rgba(255,255,255,.04);
}

.lb-action-row{
  grid-template-columns:minmax(220px,1fr) 138px 138px 150px;
  gap:12px;
  align-items:center;
}

.lb-check{
  height:50px;
  border-radius:13px;
  border-color:rgba(139,92,246,.18);
  background:
    linear-gradient(180deg,rgba(17,24,39,.88),rgba(12,18,31,.9));
}

.lb-check input{
  flex:0 0 auto;
}

.lb-check span{
  font-size:13px;
}

.lb-btn{
  height:50px;
  border-radius:13px;
  font-size:15px;
  box-shadow:0 12px 24px rgba(88,101,242,.16);
}

.lb-btn:hover{
  transform:translateY(-1px);
}

.lb-btn-secondary{
  box-shadow:none;
}

.lb-btn-copy{
  box-shadow:0 12px 24px rgba(56,189,248,.10);
}

@media(max-width:1280px){
  .loadout-hero{
    grid-template-columns:1fr;
  }
  .lb-hero-copy{
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.08);
    padding:0 0 18px;
  }
  .lb-hero-copy h1,
  .lb-hero-copy p{
    max-width:none;
  }
}

@media(max-width:980px){
  .lb-control-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .lb-action-row{
    grid-template-columns:1fr 1fr;
  }
  .lb-check{
    grid-column:1/-1;
  }
}

@media(max-width:560px){
  .loadout-hero{
    padding:16px;
  }
  .lb-control-grid,
  .lb-action-row{
    grid-template-columns:1fr;
  }
}


/* V3.8 agent preview tuning */
.lb-agent-image-slot img{
  max-width:100%;
}
.lb-agent-image-slot img[alt*="Agent"],
.lb-agent-image-slot img[alt*="Operator"],
.lb-agent-image-slot img[alt*="The "],
.lb-agent-image-slot img[alt*="Sir"],
.lb-agent-image-slot img[alt*="Cmdr"],
.lb-agent-image-slot img[alt*="Lt."]{
  height:205px;
  object-fit:contain;
}


/* ================================
   V3.9 slim controls / markup fix
   ================================ */

.loadout-hero{
  grid-template-columns:300px minmax(0,1fr) !important;
  align-items:center !important;
  min-height:0 !important;
  padding:14px 18px !important;
  margin-bottom:14px !important;
}

.lb-hero-copy{
  justify-content:center !important;
  min-height:0 !important;
  padding-right:18px !important;
}

.lb-hero-score{
  display:none !important;
}

.lb-hero-copy h1{
  font-size:31px !important;
  margin-bottom:7px !important;
}

.lb-hero-copy p{
  font-size:13px !important;
  line-height:1.38 !important;
  max-width:245px !important;
}

.lb-hero-copy .lb-pill{
  height:26px !important;
  margin-bottom:10px !important;
}

.lb-controls{
  padding:10px !important;
  gap:10px !important;
  border-radius:16px !important;
  min-height:0 !important;
}

.lb-control-grid{
  grid-template-columns:1.05fr 1fr 1fr 1fr 1fr !important;
  gap:10px !important;
}

.lb-controls label span{
  margin-bottom:5px !important;
  font-size:10.5px !important;
}

.lb-controls input,
.lb-controls select{
  height:42px !important;
  border-radius:10px !important;
  font-size:15px !important;
  line-height:42px !important;
}

.lb-controls select{
  color-scheme:dark;
  appearance:auto;
}

.lb-controls select option{
  background:#101624;
  color:#fff;
}

.lb-controls input[type="number"]{
  -moz-appearance:textfield;
}

.lb-controls input[type="number"]::-webkit-outer-spin-button,
.lb-controls input[type="number"]::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}

.lb-action-row{
  grid-template-columns:minmax(220px,1fr) 138px 150px !important;
  gap:10px !important;
  align-items:end !important;
}

.lb-check,
.lb-btn{
  height:42px !important;
  border-radius:10px !important;
}

.lb-btn{
  font-size:14px !important;
}

.lb-btn-copy{
  background:linear-gradient(135deg,rgba(56,189,248,.20),rgba(139,92,246,.22)) !important;
}

@media(max-width:1280px){
  .loadout-hero{
    grid-template-columns:1fr !important;
  }
  .lb-hero-copy{
    border-right:0 !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
    padding:0 0 14px !important;
  }
  .lb-hero-copy p,
  .lb-hero-copy h1{
    max-width:none !important;
  }
}

@media(max-width:980px){
  .lb-control-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .lb-action-row{
    grid-template-columns:1fr 1fr !important;
  }
  .lb-check{
    grid-column:1/-1 !important;
  }
}

@media(max-width:560px){
  .lb-control-grid,
  .lb-action-row{
    grid-template-columns:1fr !important;
  }
}