/* Generated floral artwork; page controls and content retain the admin theme. */
.ap-artwork {
  background-color: #f5f0e7;
  background-image: linear-gradient(90deg, rgba(250, 247, 241, .96), rgba(250, 247, 241, .82) 38%, transparent 70%), var(--ap-artwork);
  background-position: center;
  background-size: cover;
  min-height: 190px;
}
.ap-artwork > h2,
.ap-artwork .ap-hero-copy { max-width: 58%; }
.ap-artwork .ap-hero-copy { min-width: 0; flex: 0 1 58%; }
.ap-main .ap-artwork h2 { margin-bottom: 0; }
.ap-artwork--dashboard { --ap-artwork: url('../images/admin-v2/dashboard-banner.webp'); }
.ap-artwork--vendors { --ap-artwork: url('../images/admin-v2/vendors-banner.webp'); }
.ap-artwork--customers { --ap-artwork: url('../images/admin-v2/customers-banner.webp'); }
.ap-artwork--orders { --ap-artwork: url('../images/admin-v2/orders-banner.webp'); }
.ap-artwork--payments { --ap-artwork: url('../images/admin-v2/payments-banner.webp'); }
.ap-artwork--subscriptions { --ap-artwork: url('../images/admin-v2/subscriptions-banner.webp'); }
.ap-artwork--vase-orders { --ap-artwork: url('../images/admin-v2/vase-orders-banner.webp'); }
.ap-artwork--incidents { --ap-artwork: url('../images/admin-v2/incidents-banner.webp'); }
.ap-artwork--requests { --ap-artwork: url('../images/admin-v2/requests-banner.webp'); }
.ap-artwork--flower-atlas { --ap-artwork: url('../images/admin-v2/flower-atlas-banner.webp'); }
.ap-artwork--ai-quality { --ap-artwork: url('../images/admin-v2/ai-quality-banner.webp'); }
.ap-artwork--messages { --ap-artwork: url('../images/admin-v2/messages-banner.webp'); }
.ap-artwork--register-vase { --ap-artwork: url('../images/admin-v2/register-vase-banner.webp'); }
.ap-artwork--vases { --ap-artwork: url('../images/admin-v2/vases-banner.webp'); }

.ap-login::before {
  background-image: linear-gradient(to bottom, #fff 0%, #fff 30%, rgba(255,255,255,.7) 46%, rgba(255,255,255,0) 66%), url('../images/admin-v2/login-background.webp');
}
@media (min-width: 768px) {
  .ap-login::before {
    background-image: linear-gradient(to right, #fff 0%, rgba(255,255,255,.92) 28%, rgba(255,255,255,.55) 44%, rgba(255,255,255,0) 60%), url('../images/admin-v2/login-background.webp');
  }
}
@media (max-width: 767px) {
  .ap-artwork {
    flex-wrap: wrap;
    min-height: 170px;
    background-image: linear-gradient(90deg, rgba(250,247,241,.96), rgba(250,247,241,.85) 60%, rgba(250,247,241,.55)), var(--ap-artwork);
  }
  .ap-artwork > h2,
  .ap-artwork .ap-hero-copy { max-width: 100%; flex-basis: 100%; }
}