/* Axis v0.12.34 — settings backup panel */
.axis-backup-panel{
  margin: 18px 0 0;
  padding: 20px;
  border: 1px solid rgba(145, 167, 255, .18);
  border-radius: 28px;
  background:
    radial-gradient(circle at 10% 0%, rgba(118, 88, 255, .24), transparent 34%),
    linear-gradient(135deg, rgba(13, 22, 45, .92), rgba(9, 14, 31, .78));
  box-shadow: 0 24px 80px rgba(3, 7, 18, .38), inset 0 1px 0 rgba(255,255,255,.07);
  backdrop-filter: blur(18px);
  color: #eef3ff;
}
.axis-backup-panel__head{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}
.axis-backup-panel__icon{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:16px;background:linear-gradient(135deg,rgba(128,102,255,.34),rgba(64,130,255,.18));color:#dfe7ff;font-size:24px;box-shadow:0 0 30px rgba(108,92,255,.2)}
.axis-backup-panel h2{margin:0;font-size:20px;line-height:1.15;letter-spacing:-.02em}
.axis-backup-panel p{margin:7px 0 0;color:rgba(220,229,255,.72);font-size:14px;line-height:1.45}
.axis-backup-panel__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}
.axis-backup-panel__stats article{padding:13px 14px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045)}
.axis-backup-panel__stats small{display:block;color:rgba(206,218,255,.58);font-size:12px;margin-bottom:5px}
.axis-backup-panel__stats strong{display:block;color:#f4f7ff;font-size:14px;line-height:1.25}
.axis-backup-panel__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.axis-backup-button{min-height:42px;padding:0 15px;border-radius:15px;border:1px solid rgba(170,185,255,.18);background:rgba(255,255,255,.07);color:#eef3ff;font:inherit;font-weight:760;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.axis-backup-button:hover{transform:translateY(-1px);border-color:rgba(178,195,255,.34);background:rgba(255,255,255,.1)}
.axis-backup-button.is-primary{border-color:rgba(135,116,255,.42);background:linear-gradient(135deg,rgba(112,92,255,.78),rgba(53,118,255,.52));box-shadow:0 12px 34px rgba(94,84,255,.22)}
.axis-backup-button.is-danger{border-color:rgba(255,124,157,.22);background:rgba(255,93,125,.09);color:#ffd7e0}
.axis-backup-status{margin-top:13px!important;padding:11px 12px;border-radius:15px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);font-size:13px!important}
.axis-backup-status.is-ok{color:#cce2ff!important}.axis-backup-status.is-warn{color:#ffe7b0!important}.axis-backup-status.is-bad{color:#ffc4d1!important}
@media (max-width: 760px){
  .axis-backup-panel{margin:14px 0 96px;padding:16px;border-radius:24px}
  .axis-backup-panel__head{gap:11px}.axis-backup-panel__icon{width:38px;height:38px;border-radius:14px;font-size:21px}
  .axis-backup-panel h2{font-size:18px}.axis-backup-panel p{font-size:13px}
  .axis-backup-panel__stats{grid-template-columns:1fr;gap:8px}.axis-backup-panel__stats article{padding:12px}
  .axis-backup-panel__actions{display:grid;grid-template-columns:1fr;gap:9px}.axis-backup-button{width:100%;min-height:44px}
}