/* PokeVault FM 2.0 — Stato sincronizzazione */
.sync-hero{
  position:relative!important;
  overflow:hidden!important;
  margin:20px 0 22px!important;
  padding:28px 30px!important;
  border:1px solid rgba(216,167,61,.38)!important;
  border-radius:20px!important;
  background:radial-gradient(circle at 86% 18%,rgba(216,167,61,.16),transparent 30%),linear-gradient(145deg,#071c35 0%,#0b2d50 68%,#123e66 100%)!important;
  color:#fff!important;
  box-shadow:0 14px 34px rgba(7,28,53,.16)!important
}
.sync-hero:before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#d8a73d,#efc45e,rgba(239,196,94,.18))}
.sync-hero .eyebrow{margin:0 0 8px!important;color:#efc45e!important;font:800 9px/1 'DM Sans',sans-serif!important;letter-spacing:.16em!important}
.sync-hero h1{margin:0!important;color:#fff!important;font:800 31px/1.08 'Plus Jakarta Sans',sans-serif!important;letter-spacing:-.035em!important}
.sync-hero p:not(.eyebrow){max-width:760px!important;margin:10px 0 0!important;color:#b9c8d7!important;font:600 12.5px/1.5 'DM Sans',sans-serif!important}

.sync-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin-bottom:24px!important;align-items:stretch!important}
.sync-card{
  position:relative!important;
  overflow:hidden!important;
  min-height:152px!important;
  padding:19px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(216,167,61,.30)!important;
  border-radius:16px!important;
  background:radial-gradient(circle at 90% 15%,rgba(216,167,61,.10),transparent 27%),linear-gradient(145deg,#071c35 0%,#0a2948 72%,#103858 100%)!important;
  box-shadow:0 9px 24px rgba(7,28,53,.10)!important;
  color:#fff!important
}
.sync-card:before{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,rgba(216,167,61,.85),rgba(239,196,94,.38),transparent)}
.sync-card small{display:block!important;margin-bottom:10px!important;color:#efc45e!important;font:800 9px/1.1 'DM Sans',sans-serif!important;letter-spacing:.13em!important;text-transform:uppercase!important}
.sync-card strong{display:block!important;color:#fff!important;font:800 25px/1.1 'Plus Jakarta Sans',sans-serif!important;letter-spacing:-.025em!important}
.sync-card p{margin:10px 0 0!important;color:#afbecd!important;font:600 11.5px/1.45 'DM Sans',sans-serif!important}
.sync-card .sync-api{display:block!important;margin-top:2px!important;color:#f3d67e!important;word-break:break-all!important;font:800 11.5px/1.4 'DM Sans',sans-serif!important;text-decoration:none!important}
.sync-card .sync-api:hover{text-decoration:underline!important}

.sync-status-pill{display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:34px!important;box-sizing:border-box!important;padding:8px 12px!important;border-radius:999px!important;font:800 11px/1 'DM Sans',sans-serif!important;border:1px solid transparent!important}
.sync-status-pill:before{content:''!important;width:8px!important;height:8px!important;border-radius:50%!important;background:currentColor!important;box-shadow:0 0 0 3px currentColor inset!important}
.sync-status-pill.ok{background:rgba(94,183,145,.12)!important;color:#8bd3b1!important;border-color:rgba(139,211,177,.26)!important}
.sync-status-pill.error{background:rgba(201,83,102,.14)!important;color:#f0a3ad!important;border-color:rgba(240,163,173,.25)!important}
.sync-status-pill.loading{background:rgba(216,167,61,.12)!important;color:#efc45e!important;border-color:rgba(239,196,94,.25)!important}

.sync-wide{grid-column:1/-1!important;min-height:0!important;background:linear-gradient(135deg,#fffaf0 0%,#f5efe3 100%)!important;border-color:#ded4c2!important;color:#17304a!important;box-shadow:0 9px 24px rgba(7,28,53,.055)!important}
.sync-wide:before{height:3px!important;background:linear-gradient(90deg,#d8a73d,#efc45e,rgba(239,196,94,.18))!important}
.sync-wide>small{color:#9a7628!important}
.sync-table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;margin-top:8px!important;overflow:hidden!important;border:1px solid #dfd6c5!important;border-radius:12px!important;background:#fffdf8!important}
.sync-table th,.sync-table td{padding:11px 12px!important;text-align:left!important;border-bottom:1px solid #e7dfd0!important;font:700 11.5px/1.35 'DM Sans',sans-serif!important;color:#667486!important}
.sync-table tr:last-child td{border-bottom:0!important}
.sync-table th{background:#f2eadb!important;color:#17304a!important;font-size:9px!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.sync-table td:last-child,.sync-table th:last-child{text-align:right!important;font-weight:800!important;color:#17304a!important}

.sync-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-top:16px!important}
.sync-refresh,.sync-actions .add-button{min-height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 15px!important;border:1px solid rgba(216,167,61,.50)!important;border-radius:11px!important;background:linear-gradient(135deg,#071c35,#0d3157)!important;color:#fff!important;box-shadow:0 7px 16px rgba(7,28,53,.14)!important;font:900 11px/1 'DM Sans',sans-serif!important;cursor:pointer!important}
.sync-actions .cancel{min-height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;padding:0 15px!important;border:1px solid #d7cfbf!important;border-radius:11px!important;background:#fffdf8!important;color:#17304a!important;text-decoration:none!important;font:800 11px/1 'DM Sans',sans-serif!important}
.sync-actions .sync-refresh:hover,.sync-actions .cancel:hover{transform:translateY(-1px)!important}

@media(max-width:980px){.sync-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){
  .sync-hero{padding:22px 20px!important;border-radius:17px!important;margin:16px 0 18px!important}
  .sync-hero h1{font-size:27px!important}
  .sync-grid{grid-template-columns:1fr!important;gap:12px!important}
  .sync-card{min-height:0!important;padding:17px!important;border-radius:15px!important}
  .sync-card strong{font-size:23px!important}
  .sync-table th,.sync-table td{padding:10px!important;font-size:11px!important}
  .sync-actions{display:grid!important;grid-template-columns:1fr!important}
  .sync-refresh,.sync-actions .add-button,.sync-actions .cancel{width:100%!important}
}