/* ========================================
   BACKUP QUOTAS (Customer)
   Hero color variant + snippet block for the customer show page.
   Hero base classes, resource bar, and detail card components are
   shared globals defined in virtual_machines.css.
   ======================================== */

/* --- Backup Hero Variant --- */
/* Rose gradient, matching the color identity already established for
   backup quotas on the admin lifecycle-hero.is-backup show page
   (see app/assets/stylesheets/lifecycle_page.css). Applies to the
   customer .vm-hero used on app/views/backup_quotas/show.html.erb. */

.vm-hero.is-backup {
  background: linear-gradient(135deg, #be123c 0%, #881337 100%);
  box-shadow: 0 4px 12px rgba(190, 18, 60, 0.25);
}

[data-theme="dark"] .vm-hero.is-backup {
  background: linear-gradient(135deg, #761c3a 0%, #591d37 100%);
  border: 1px solid rgba(190, 18, 60, 0.3);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

/* --- Long title/subtitle wrap --- */
/* Backup quota display names are email-like strings (e.g.
   user@backup01.cust.arpnetworks.com) with no natural break points.
   Without this, they overflow the hero box on narrow viewports instead
   of wrapping. Scoped to .is-backup since other .vm-hero variants use
   short titles that don't hit this. */

.vm-hero.is-backup .vm-hero-text h2,
.vm-hero.is-backup .vm-hero-subtitle {
  overflow-wrap: anywhere;
}

/* --- Command Snippet Block --- */
/* Full-width copyable connection example (e.g. an rsync/sftp command
   line). Wraps a .vm-copyable / .vm-copy-btn pair (globals defined in
   virtual_machines.css) but overrides the default white-space:nowrap
   so long commands wrap at narrow viewports instead of overflowing --
   same override pattern used for .server-fingerprints in
   ssh_key_fingerprints.css. */

.backup-command-snippet {
  display: block;
  background: var(--arp-status-neutral-bg);
  border: 1px solid var(--arp-border-subtle);
  border-radius: var(--arp-radius-md);
  padding: var(--arp-space-3) var(--arp-space-4);
  font-family: var(--arp-font-mono);
  font-size: var(--bulma-size-normal);
}

/* --- Connection Details wrap override --- */
/* Home Directory values (unlike Server/Username/Protocol) can be long
   paths. Same override pattern as .server-fingerprints in
   ssh_key_fingerprints.css. */

.connection-details .vm-copyable {
  white-space: normal;
}

.connection-details .vm-copyable code {
  overflow-wrap: anywhere;
  word-break: break-all;
}

.backup-command-snippet .vm-copyable {
  white-space: normal;
}

.backup-command-snippet code {
  background: transparent;
  color: var(--arp-text-primary);
  overflow-wrap: anywhere;
  word-break: break-all;
}