/* Field tool pack 4 — Field Upgrades and the recharge planner. */
.fu-empty{padding:24px;border:1px solid #4a563f;color:#b8c2b0;margin:0}

/* --- recharge badges --- */
.fu-badge{display:inline-block;padding:4px 9px;font:800 10px 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;border:1px solid;white-space:nowrap}
.fu-fast{color:#d9ef5c;border-color:#d9ef5c;background:#d9ef5c1a}
.fu-medium{color:#a9bda0;border-color:#4a563f;background:#1d251c}
.fu-slow{color:#c08a6a;border-color:#6b4a38;background:#231a14}

/* --- field upgrade cards --- */
.fu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:26px 0}
.fu-card{display:flex;flex-direction:column;gap:9px;padding:20px;border:1px solid #3c463a;background:#151b14}
.fu-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.fu-card-head h3{margin:0;font:800 26px/1.05 'Barlow Condensed',sans-serif;text-transform:uppercase;color:#f1f0e9}
.fu-meta{margin:0;font:800 10px 'DM Sans',sans-serif;letter-spacing:.12em;color:#8d9783;text-transform:uppercase}
.fu-desc{margin:0;color:#c3ccbb;font-size:13px;line-height:1.6}
.fu-note{margin:0;padding-top:10px;border-top:1px solid #333d31;color:#8d9783;font-size:12px;line-height:1.55}

/* --- planner rows --- */
.fu-planner{display:flex;flex-direction:column;border-top:1px solid #3c463a}
.fu-row{display:grid;grid-template-columns:minmax(150px,1.1fr) 92px minmax(140px,1fr) minmax(0,2fr);gap:14px;align-items:center;padding:14px 12px;border-bottom:1px solid #333d31}
.fu-row.locked{opacity:.48}
.fu-row-name b{display:block;font:800 20px/1.1 'Barlow Condensed',sans-serif;text-transform:uppercase;color:#f1f0e9}
.fu-row-name small{display:block;margin-top:3px;font:800 10px 'DM Sans',sans-serif;letter-spacing:.12em;color:#8d9783;text-transform:uppercase}
.fu-row-badge{justify-self:start;padding:5px 9px;font:800 10px 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;border:1px solid}
.fu-row-level{font:800 10px 'DM Sans',sans-serif;letter-spacing:.1em;color:#9aa392;text-transform:uppercase}
.fu-row-desc{color:#b8c2b0;font-size:12px;line-height:1.55}

@media(max-width:900px){
  .fu-grid{grid-template-columns:1fr}
  .fu-row{grid-template-columns:minmax(0,1fr) auto;row-gap:8px}
  .fu-row-desc{grid-column:1/-1}
}