/* PokeVault FM 2.0 — Salvataggio dati */
.backup-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  margin-top:24px!important;
  align-items:stretch!important
}

/* Le tre sezioni usano lo stesso identico linguaggio visivo */
.backup-card,
.backup-card.export,
.backup-card.import,
.backup-card.danger{
  position:relative!important;
  overflow:hidden!important;
  min-height:250px!important;
  height:100%!important;
  box-sizing:border-box!important;
  padding:22px!important;
  border:1px solid rgba(216,167,61,.36)!important;
  border-radius:18px!important;
  background:radial-gradient(circle at 88% 18%,rgba(216,167,61,.14),transparent 28%),linear-gradient(145deg,#071c35 0%,#0b2d50 68%,#123e66 100%)!important;
  box-shadow:0 12px 28px rgba(7,28,53,.13)!important;
  color:#fff!important;
  display:flex!important;
  flex-direction:column!important
}
.backup-card:before{
  content:'';
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:3px;
  background:linear-gradient(90deg,#d8a73d,#efc45e,rgba(239,196,94,.18))
}

.backup-card .backup-icon,
.backup-card.export .backup-icon,
.backup-card.import .backup-icon,
.backup-card.danger .backup-icon{
  width:50px!important;
  height:50px!important;
  display:grid!important;
  place-items:center!important;
  margin-bottom:16px!important;
  border-radius:14px!important;
  border:1px solid rgba(239,196,94,.38)!important;
  background:rgba(216,167,61,.11)!important;
  color:#efc45e!important;
  font:800 24px/1 'Plus Jakarta Sans',sans-serif!important;
  box-shadow:inset 0 0 0 3px rgba(255,255,255,.025)!important
}

.backup-card h2{
  margin:0 0 9px!important;
  color:#fff!important;
  font:800 20px/1.1 'Plus Jakarta Sans',sans-serif!important;
  letter-spacing:-.02em!important
}
.backup-card p{
  min-height:72px!important;
  margin:0 0 19px!important;
  color:#b9c8d7!important;
  font:600 12px/1.5 'DM Sans',sans-serif!important
}

.backup-actions{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  margin-top:auto!important
}
.backup-button,
.backup-card.export .backup-button,
.backup-card.import .backup-button,
.backup-card.danger .backup-button,
.backup-button.danger{
  -webkit-appearance:none!important;
  appearance:none!important;
  width:100%!important;
  min-width:0!important;
  height:44px!important;
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  margin:0!important;
  margin-top:auto!important;
  border:1px solid rgba(216,167,61,.48)!important;
  border-radius:11px!important;
  padding:0 15px!important;
  background:linear-gradient(135deg,#d8a73d,#efc45e)!important;
  color:#071c35!important;
  box-shadow:0 7px 16px rgba(0,0,0,.14)!important;
  font:900 11px/1 'DM Sans',sans-serif!important;
  letter-spacing:0!important;
  text-align:center!important;
  text-decoration:none!important;
  cursor:pointer!important
}
.backup-button:hover{transform:translateY(-1px)!important;filter:brightness(1.03)}
.backup-file{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none!important}

.backup-status{
  margin-top:22px!important;
  padding:20px!important;
  border:1px solid #ded6c6!important;
  border-radius:17px!important;
  background:linear-gradient(135deg,#fffaf0 0%,#f6f1e7 100%)!important;
  color:#667486!important;
  box-shadow:0 8px 22px rgba(7,28,53,.05)!important;
  font:600 12px/1.5 'DM Sans',sans-serif!important;
  position:relative!important;
  overflow:hidden!important
}
.backup-status:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#d8a73d,#efc45e)}
.backup-status>p{margin:0 0 12px!important;padding:9px 11px!important;border:1px solid #dfd4be!important;border-radius:10px!important;background:#fff!important;color:#18314c!important;font-weight:700!important}
.backup-status strong{color:#142943!important;font:800 13px/1.2 'Plus Jakarta Sans',sans-serif!important}
.backup-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:13px!important
}
.backup-list span{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-height:42px!important;
  padding:9px 11px!important;
  border:1px solid #e1d9ca!important;
  border-radius:10px!important;
  background:#fffdf8!important;
  color:#647286!important;
  font:700 11px/1.25 'DM Sans',sans-serif!important
}
.backup-list span b{color:#17304a!important;font-weight:800!important}

@media(max-width:1000px){
  .backup-grid{grid-template-columns:1fr!important}
  .backup-card,.backup-card.export,.backup-card.import,.backup-card.danger{min-height:0!important;height:auto!important}
  .backup-card p{min-height:0!important}
}

@media(max-width:700px){
  .backup-grid{gap:12px!important;margin-top:16px!important}
  .backup-card{padding:18px!important;border-radius:16px!important}
  .backup-card .backup-icon{width:46px!important;height:46px!important}
  .backup-card h2{font-size:18px!important}
  .backup-card p{font-size:11.5px!important}
  .backup-actions{display:flex!important}
  .backup-list{grid-template-columns:1fr!important}
  .backup-status{padding:17px!important}
}