/* ===== V4.02 Growroom visual overhaul ===== */

#grow{
  --grow-accent:#70d859;
  --grow-accent2:#b9ef8a;
  --grow-edge:#345b39;
  --grow-panel:#09140d;
  --grow-panel2:#101d13;
}

#grow > .card,
#grow .card{
  border:1px solid var(--grow-edge)!important;
  border-radius:17px!important;
  background:
    radial-gradient(circle at 88% 0%,rgba(102,214,77,.09),transparent 30%),
    linear-gradient(155deg,#101d13,#07100a 68%)!important;
  box-shadow:0 16px 38px #0008,inset 0 1px rgba(255,255,255,.025)!important;
}

#grow .section-title{
  margin-bottom:10px!important;
  padding-bottom:9px!important;
  border-bottom:1px solid rgba(110,177,87,.17)!important;
}

#grow .section-title h2,
#grow .section-title h3{
  color:#ecf5e9!important;
  text-shadow:0 0 12px rgba(111,216,89,.12)!important;
}

#grow #seedShop{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}

#grow .seed-card{
  position:relative!important;
  min-width:0!important;
  padding:11px!important;
  overflow:hidden!important;
  border:1px solid #36533a!important;
  border-radius:14px!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(112,216,89,.10),transparent 36%),
    linear-gradient(155deg,#102016,#08110c)!important;
  box-shadow:inset 0 0 22px #0006,0 8px 20px #0005!important;
  transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease!important;
}

#grow .seed-card:before{
  content:"";
  position:absolute;
  left:7px;right:7px;top:0;
  height:2px;
  background:linear-gradient(90deg,transparent,#75d95c,transparent);
  box-shadow:0 0 10px rgba(117,217,92,.50);
  pointer-events:none;
}

#grow .seed-card.selected{
  border-color:#83db63!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(121,225,93,.18),transparent 40%),
    linear-gradient(155deg,#14281a,#09130d)!important;
  box-shadow:
    inset 0 0 28px rgba(110,215,80,.09),
    0 0 16px rgba(110,215,80,.13)!important;
}

#grow .seed-card .big{
  width:52px!important;
  height:52px!important;
  display:grid!important;
  place-items:center!important;
  margin:1px auto 7px!important;
  border:1px solid #416a43!important;
  border-radius:14px!important;
  background:
    radial-gradient(circle,rgba(113,221,86,.18),transparent 65%),
    #07100a!important;
  font-size:27px!important;
  box-shadow:inset 0 0 14px #0007,0 0 10px rgba(101,210,78,.08)!important;
}

#grow .seed-card h4{
  min-height:28px!important;
  margin:0 0 5px!important;
  color:#e9f3e6!important;
  text-align:center!important;
  font-size:10px!important;
}

#grow .seed-card .tiny{
  color:#94a598!important;
  line-height:1.45!important;
  text-align:center!important;
}

#grow .seed-card .seed-stock{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  margin:7px 0!important;
  padding:5px 7px!important;
  border:1px solid #29452f!important;
  border-radius:8px!important;
  background:#07110a!important;
  color:#96a99b!important;
  font-size:7px!important;
}

#grow .seed-card .seed-stock b{
  color:#b9ef89!important;
  font-size:9px!important;
}

#grow .seed-buy,
#grow .seed-select{
  min-height:38px!important;
  border-radius:10px!important;
  font-size:7px!important;
}

#grow .seed-buy{
  border-color:#aa823b!important;
  background:linear-gradient(180deg,#3b2e16,#241c0e)!important;
  color:#f2d28b!important;
}

#grow .seed-select{
  border-color:#47774a!important;
  background:linear-gradient(180deg,#19321d,#102316)!important;
  color:#bceca9!important;
}

#grow #growEquipment{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}

#grow .equip-card{
  position:relative!important;
  overflow:hidden!important;
  padding:11px!important;
  border:1px solid #38563c!important;
  border-radius:14px!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(100,201,78,.09),transparent 35%),
    linear-gradient(155deg,#101d13,#08110b)!important;
  box-shadow:inset 0 0 20px #0005!important;
}

#grow .equip-card .big{
  font-size:27px!important;
  filter:drop-shadow(0 4px 7px #0008)!important;
}

#grow .equip-card h4{
  color:#e6efe3!important;
  font-size:10px!important;
}

#grow .equip-card .tiny{
  min-height:26px!important;
  color:#8fa092!important;
}

#grow .grow-upgrade,
#grow #upgradeRoom{
  min-height:40px!important;
  border-color:#476d49!important;
  background:linear-gradient(180deg,#19301d,#101f14)!important;
  color:#c0eeb0!important;
}

#grow #growShelf{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}

#grow .grow-slot{
  min-height:150px!important;
  padding:9px!important;
  overflow:hidden!important;
  border:1px solid #35563a!important;
  border-radius:14px!important;
  background:
    radial-gradient(circle at 50% 25%,rgba(96,199,75,.10),transparent 40%),
    linear-gradient(180deg,#102017,#08120d)!important;
  box-shadow:inset 0 0 24px #0007!important;
}

#grow .grow-slot.open-slot{
  border-style:dashed!important;
  border-color:#4d754f!important;
}

#grow .grow-slot.locked{
  filter:grayscale(.55)!important;
  opacity:.52!important;
}

#grow .grow-slot-label{
  color:#9fb1a1!important;
  font-size:7px!important;
  font-weight:900!important;
}

#grow .plant-visual{
  min-height:60px!important;
  display:grid!important;
  place-items:center!important;
  font-size:35px!important;
  filter:drop-shadow(0 7px 7px #0009)!important;
}

#grow .slot-plant-btn{
  width:100%!important;
  min-height:34px!important;
  margin-top:5px!important;
  border-color:#447b48!important;
  background:linear-gradient(180deg,#18341d,#102316)!important;
  color:#b9ecaa!important;
}

#grow #growBar{
  background:linear-gradient(90deg,#4aae47,#9ce86f)!important;
  box-shadow:0 0 12px rgba(118,223,82,.34)!important;
}

#grow #plantBtn{
  border-color:#5a9a4f!important;
  background:linear-gradient(180deg,#6ecb55,#489f3d)!important;
  color:#061008!important;
  font-weight:1000!important;
}

#grow #harvestBtn:not(:disabled){
  border-color:#bea047!important;
  background:linear-gradient(180deg,#d6b34f,#98792d)!important;
  color:#160f04!important;
  font-weight:1000!important;
}

#grow #growFeedback{
  border-radius:10px!important;
}

@media(max-width:390px){
  #grow #seedShop,
  #grow #growEquipment,
  #grow #growShelf{
    grid-template-columns:1fr!important;
  }
}