/* Restore the simple boxed layout preceding the card styling experiments. */
:is(.balance-card, .vault-card, .refresh-task, .reward, .card-panel, .task-card) {
  clip-path: none;
}
:is(.balance-card, .vault-card, .refresh-task, .reward, .card-panel, .task-card)::before,
:is(.balance-card, .vault-card, .refresh-task, .reward, .card-panel, .task-card)::after,
.vault-head::before { display: none; }
.balance-card {
  padding: 16px;
  border: 1px solid #45715a;
  border-radius: 8px;
  background: linear-gradient(145deg, #22332eee, #12191af5 80%);
  box-shadow: inset 0 1px 0 #92f8ba20, 0 0 18px #26df7412, 0 12px 24px #00000035;
}
.balance-copy h1 { color: var(--text); text-shadow: none; }
.hero-safe { right: 10px; bottom: 15px; }
[data-view='home'] .vault-card {
  padding: 18px 16px 16px;
  border-radius: 8px;
  border: 1px solid #455150;
  background: linear-gradient(145deg, #222c2e, #12191a 80%);
  box-shadow: inset 0 1px 0 #ffffff0c;
}
.watch-button {
  border: 1px solid #62d580;
  background: linear-gradient(180deg, #38c568, #138641);
  box-shadow: inset 0 1px 0 #b6ffc342, 0 0 18px #20df8020, 0 6px 14px #0004;
}
.watch-button strong { border-left: 0; padding-left: 0; min-height: 0; }
.refresh-task {
  border: 1px solid #465155;
  border-radius: 8px;
  background: linear-gradient(145deg, #202a2d, #141b1d);
  box-shadow: none;
}
.refresh-task-icon { border: 0; border-radius: 50%; background: #0aa9e5; box-shadow: none; }
.refresh-task button { border: 1px solid #526168; border-radius: 50%; background: #263238; box-shadow: none; }
.reward {
  min-height: 160px;
  padding: 13px 5px 12px;
  border: 1px solid #455358;
  border-radius: 8px;
  background: linear-gradient(150deg, #263034, #141b1d);
  box-shadow: inset 0 1px 0 #ffffff0a;
  grid-template-rows: 44px 24px 22px 30px;
}
.reward.is-open {
  border-color: #3d9c65;
  background: linear-gradient(150deg, #1e3c2f, #141d19);
  box-shadow: inset 0 1px 0 #92f8ba20, 0 0 14px #26df7412;
}
.reward-icon { width: 42px; height: 42px; border: 1px solid #627278; background: #ffffff04; box-shadow: none; }
.reward-icon svg { color: inherit; }
.reward.is-open .reward-icon { border: 1px solid #54d981; background: #ffffff04; box-shadow: none; }
.reward > strong { color: var(--text); text-shadow: none; }
.reward em { padding-top: 8px; border-top: 1px solid #465355; background: none; }
.card-panel, .task-card {
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: linear-gradient(180deg, #1c252df0, #0a0f14fc);
  box-shadow: inset 0 1px 0 #ffffff0e, inset 0 -1px 0 #0006, 0 14px 30px #0004;
}