/* Phase 8 crafting workshop. */
.crafting-summary {
  margin: 0 0 12px;
  padding: 10px 12px;
  border: 1px solid rgba(0,255,157,.26);
  border-radius: 10px;
  background: rgba(0,255,157,.05);
  color: #bffff0;
  font-size: .62rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.crafting-filter-row { display:flex; gap:7px; overflow-x:auto; padding:2px 0 10px; scrollbar-width:thin; }
.craft-filter { flex:0 0 auto; border:1px solid rgba(0,255,157,.26); border-radius:999px; padding:6px 10px; background:rgba(0,0,0,.38); color:#aaa; font:inherit; font-size:.58rem; text-transform:uppercase; cursor:pointer; }
.craft-filter.active { color:#07120e; border-color:transparent; background:linear-gradient(120deg,var(--neon),var(--cyan)); font-weight:700; }
.crafting-grid { display:grid; gap:10px; }
.craft-card { border:1px solid rgba(255,255,255,.12); border-radius:12px; padding:12px; background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(0,0,0,.32)); box-shadow:0 8px 18px rgba(0,0,0,.2); }
.craft-card.craft-ready { border-color:rgba(0,255,157,.48); box-shadow:0 0 22px rgba(0,255,157,.09); }
.craft-card.rarity-legendary { border-color:rgba(255,201,92,.38); }
.craft-card.rarity-mythic { border-color:rgba(196,130,255,.5); }
.craft-card-head { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:10px; }
.craft-card-head strong { display:block; font-size:.7rem; letter-spacing:.06em; text-transform:uppercase; }
.craft-card-head small { display:block; margin-bottom:3px; color:#8faaa0; font-size:.52rem; letter-spacing:.08em; text-transform:uppercase; }
.craft-icon { width:34px; height:34px; display:inline-flex; align-items:center; justify-content:center; border:1px solid rgba(0,255,157,.28); border-radius:10px; background:rgba(0,255,157,.07); color:#dffff5; font-weight:700; }
.craft-status { font-size:.5rem; letter-spacing:.08em; color:#9edfc9; }
.craft-card p { margin:9px 0; color:#b8c3bf; font-size:.59rem; line-height:1.45; }
.craft-materials { display:grid; gap:4px; margin:8px 0 10px; }
.craft-material { display:flex; justify-content:space-between; gap:10px; padding:5px 7px; border-radius:6px; background:rgba(255,255,255,.035); font-size:.54rem; }
.craft-material.ready { color:#bfffe9; }
.craft-material.missing { color:#ffb1b1; }
.craft-card-foot { display:flex; align-items:center; justify-content:space-between; gap:10px; border-top:1px solid rgba(255,255,255,.08); padding-top:9px; }
.craft-card-foot > span { color:#8fa39c; font-size:.52rem; }
.craft-button { border:1px solid rgba(0,255,157,.36); border-radius:999px; padding:7px 10px; background:rgba(0,255,157,.09); color:#dffff4; font:inherit; font-size:.54rem; letter-spacing:.07em; cursor:pointer; }
.craft-button:disabled { opacity:.38; cursor:not-allowed; }
.crafted-collection { margin-top:16px; }
.crafted-collection h4 { margin:0 0 8px; color:var(--neon); font-size:.64rem; letter-spacing:.1em; text-transform:uppercase; }
.crafted-grid { display:grid; gap:7px; }
.crafted-item { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:9px; border:1px solid rgba(255,255,255,.1); border-radius:9px; padding:8px; background:rgba(0,0,0,.28); }
.crafted-item.equipped { border-color:rgba(0,255,157,.46); background:rgba(0,255,157,.06); }
.crafted-item strong,.crafted-item small { display:block; }
.crafted-item strong { font-size:.6rem; }
.crafted-item small { color:#8c9b96; font-size:.5rem; }
.crafted-item button { border:1px solid rgba(0,255,157,.3); border-radius:999px; padding:5px 8px; background:transparent; color:#dffff4; font:inherit; font-size:.48rem; }
.crafted-empty { color:#8c9b96; font-size:.58rem; }
.craft-success-flash .player-hub-card { animation:craftSuccessPulse .7s ease; }
@keyframes craftSuccessPulse { 0%{box-shadow:0 0 0 rgba(0,255,157,0)} 35%{box-shadow:0 0 50px rgba(0,255,157,.48)} 100%{box-shadow:0 0 0 rgba(0,255,157,0)} }
@media (min-width:760px){ .crafting-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }