/* CannaGrow 0.14.21 – CannaCoin-Wallet, Tagesbelohnung & UI-Fixes */

/* Fallback-Symbole wirklich nur anzeigen, wenn das PNG nicht geladen werden kann. */
.ui-asset-icon [hidden]{display:none!important}

/* Technik-Shop: Stufe/Modus sauber unter dem Namen statt unter dem Symbol. */
.tech-shop-item>div{min-width:0}
.tech-shop-item>div>small{
  margin-left:34px!important;
  margin-top:3px!important;
}
.tech-item-label{min-width:0}
.tech-item-label>span:last-child{min-width:0}

/* CannaCoins im HUD sind jetzt der Einstieg in die Wallet. */
.hud-coin-button{
  appearance:none;
  font:inherit;
  color:inherit;
  cursor:pointer;
  text-align:left;
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}
.hud-coin-button:hover{
  border-color:rgba(85,255,153,.42)!important;
  background:rgba(46,159,93,.12)!important;
}
.hud-coin-button:active{transform:translateY(1px)}
.hud-coin-button:focus-visible{outline:2px solid var(--green);outline-offset:2px}

/* Eigene CannaCoin-Maske außerhalb des Shops. */
.coin-wallet-view{max-width:1180px;margin:0 auto}
.coin-wallet-head{align-items:flex-end}
.coin-wallet-head p{margin-top:5px;color:var(--muted);font-size:13px;line-height:1.5}
.coin-wallet-view .coin-exchange-hero{margin-top:12px}

/* Tagesbelohnung */
.daily-reward-modal{width:min(760px,calc(100vw - 30px));padding:24px}
.daily-reward-modal>h2{font-size:27px;margin-top:5px}
.daily-reward-hero{
  display:flex;
  align-items:center;
  gap:15px;
  margin:18px 0;
  padding:17px 18px;
  border:1px solid rgba(84,255,151,.2);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(38,144,80,.18),rgba(255,255,255,.025));
}
.daily-reward-hero>span{
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  flex:0 0 54px;
  border-radius:16px;
  background:rgba(58,221,121,.14);
  color:var(--green);
  font-size:28px;
  font-weight:900;
}
.daily-reward-hero small{display:block;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.09em}
.daily-reward-hero strong{display:block;margin-top:3px;font-size:24px}
.daily-reward-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.daily-reward-day{
  position:relative;
  min-width:0;
  padding:11px 7px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:13px;
  background:rgba(255,255,255,.025);
  text-align:center;
}
.daily-reward-day span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.06em}
.daily-reward-day strong{display:block;margin-top:5px;font-size:12px;white-space:nowrap}
.daily-reward-day.past{opacity:.55}
.daily-reward-day.current{border-color:rgba(82,255,148,.55);background:rgba(39,170,89,.14);box-shadow:0 0 0 1px rgba(82,255,148,.08) inset}
.daily-reward-day.current b{position:absolute;right:6px;top:4px;color:var(--green);font-size:10px}
.daily-reward-hint{margin:14px 0;color:var(--muted);font-size:12px;line-height:1.55}
.daily-reward-modal>.primary-btn{width:100%}

@media(max-width:700px){
  .daily-reward-modal{padding:18px 14px}
  .daily-reward-days{grid-template-columns:repeat(4,minmax(0,1fr))}
  .daily-reward-modal>h2{font-size:22px}
  .daily-reward-hero strong{font-size:20px}
  .coin-wallet-head{align-items:flex-start;gap:10px}
}

@media(max-width:600px){
  .hud-coin-button{text-align:center!important}
  .tech-shop-item>div>small{margin-left:32px!important}
}