.aurum-notifications {
  position: fixed;
  top: 76px;
  right: 18px;
  z-index: 1200;

  width: min(390px, calc(100vw - 36px));

  display: grid;
  gap: 9px;

  pointer-events: none;
}

.aurum-notification {
  min-height: 62px;
  padding: 11px 11px 11px 12px;

  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) 28px;
  align-items: center;
  gap: 10px;

  color: var(--aurum-text);
  background:
    linear-gradient(145deg, rgba(255,255,255,.035), transparent 55%),
    var(--aurum-panel-raised);
  border: 1px solid var(--aurum-border);
  border-left-width: 3px;
  border-radius: 12px;
  box-shadow: 0 16px 40px rgba(0,0,0,.32);

  pointer-events: auto;
  animation: aurum-notification-in 180ms ease-out both;
}

.aurum-notification__icon {
  width: 28px;
  height: 28px;

  display: grid;
  place-items: center;

  border-radius: 9px;

  font-size: 13px;
  font-weight: 900;
}

.aurum-notification__content {
  min-width: 0;
}

.aurum-notification__content strong,
.aurum-notification__content span {
  display: block;
}

.aurum-notification__content strong {
  margin-bottom: 3px;
  font-size: 10px;
  letter-spacing: .045em;
  text-transform: uppercase;
}

.aurum-notification__content span {
  color: var(--aurum-text-soft);
  font-size: 10.5px;
  line-height: 1.45;
}

.aurum-notification__close {
  width: 28px !important;
  min-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;

  color: var(--aurum-muted) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: none !important;

  font-size: 18px !important;
  line-height: 1 !important;
}

.aurum-notification__close:hover {
  color: var(--aurum-text) !important;
  background: rgba(255,255,255,.045) !important;
}

.aurum-notification--success {
  border-left-color: #5ec98a;
}

.aurum-notification--success .aurum-notification__icon {
  color: #baf0cd;
  background: rgba(94,201,138,.12);
  border: 1px solid rgba(94,201,138,.25);
}

.aurum-notification--warning {
  border-left-color: var(--aurum-gold);
}

.aurum-notification--warning .aurum-notification__icon {
  color: var(--aurum-gold-bright);
  background: rgba(215,177,91,.12);
  border: 1px solid rgba(215,177,91,.25);
}

.aurum-notification--error {
  border-left-color: #ef6f76;
}

.aurum-notification--error .aurum-notification__icon {
  color: #ffc3c7;
  background: rgba(239,111,118,.12);
  border: 1px solid rgba(239,111,118,.25);
}

.aurum-notification--info {
  border-left-color: #76a8e8;
}

.aurum-notification--info .aurum-notification__icon {
  color: #bdd7fa;
  background: rgba(118,168,232,.12);
  border: 1px solid rgba(118,168,232,.25);
}

.aurum-notification.is-leaving {
  animation: aurum-notification-out 160ms ease-in both;
}

.business-google-state {
  min-height: 32px;
  padding: 0 9px;

  display: inline-flex;
  align-items: center;
  gap: 6px;

  color: var(--aurum-gold-bright);
  background: rgba(215,177,91,.07);
  border: 1px solid rgba(215,177,91,.18);
  border-radius: 999px;

  font-size: 9px;
  font-weight: 700;
  white-space: nowrap;
}

.business-google-state i {
  width: 6px;
  height: 6px;

  background: var(--aurum-gold);
  border-radius: 50%;
}

.business-google-state.is-connected {
  color: #91e1ae;
  background: rgba(94,201,138,.07);
  border-color: rgba(94,201,138,.18);
}

.business-google-state.is-connected i {
  background: #5ec98a;
  box-shadow: 0 0 7px rgba(94,201,138,.45);
}

.businesses-actions button:disabled {
  opacity: .42 !important;
  cursor: not-allowed !important;
  transform: none !important;
}

@keyframes aurum-notification-in {
  from {
    opacity: 0;
    transform: translateY(-8px) scale(.985);
  }
}

@keyframes aurum-notification-out {
  to {
    opacity: 0;
    transform: translateX(12px) scale(.985);
  }
}

@media (max-width: 680px) {
  .aurum-notifications {
    top: 64px;
    right: 10px;
    left: 10px;
    width: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .aurum-notification,
  .aurum-notification.is-leaving {
    animation: none;
  }
}