/* Compact controls layered onto the existing PWA status popover.
 * The automatic-update control intentionally reuses Header's global .panel-toggle component.
 */

.pwa-desktop-status-popover [data-rslive-desktop-pwa-actions],
.pwa-desktop-status-popover [data-rslive-desktop-pwa-note] {
  display: none !important;
}

.pwa-desktop-status-popover__inline-control {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.35rem;
  min-width: 0;
}

.pwa-desktop-status-popover__auto-toggle.panel-toggle {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}

.pwa-desktop-status-popover__trash {
  position: relative;
  display: inline-grid;
  width: 1.55rem;
  height: 1.55rem;
  flex: 0 0 1.55rem;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 0.35rem;
  background: transparent;
  color: var(--sl-color-gray-3);
  cursor: pointer;
}

.pwa-desktop-status-popover__trash:hover,
.pwa-desktop-status-popover__trash:focus-visible {
  background: var(--sl-color-bg-nav);
  color: #dc2626;
  outline: none;
}

.pwa-desktop-status-popover__trash:disabled {
  cursor: default;
  opacity: 0.35;
}

.pwa-desktop-status-popover__trash-icon {
  display: block;
  width: 0.95rem;
  height: 0.95rem;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M3 6h18M8 6V4h8v2M19 6l-1 14H6L5 6M10 11v5M14 11v5'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M3 6h18M8 6V4h8v2M19 6l-1 14H6L5 6M10 11v5M14 11v5'/%3E%3C/svg%3E") center / contain no-repeat;
}

@media (prefers-reduced-motion: reduce) {
  .pwa-desktop-status-popover__auto-toggle.panel-toggle,
  .pwa-desktop-status-popover__auto-toggle .panel-toggle__check {
    transition: none;
  }
}