:root {
  --pmw-command-height: 52px;
  --pmw-command-radius: 8px;
  --pmw-command-font: "Inter", Arial, sans-serif;
}

/* Shared command-button geometry. Compact controls, chips, and icon buttons opt out. */
.pmw-btn,
.pmw-google-btn,
.pmw-plan-button,
.pmw-gold-button,
.pmw-outline-button,
.pmw-home-button,
.pmw-nav-home,
.admin-button,
.download-btn,
.secondary-link,
.back-link,
.tools-card-button,
.tools-action,
.tools-secondary-action,
.form-submit,
.converter-start,
.converter-upgrade-secondary,
.download,
.dropzone-action,
.download-modal-action {
  min-height: var(--pmw-command-height) !important;
  height: auto;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 22px !important;
  border-radius: var(--pmw-command-radius) !important;
  font-family: var(--pmw-command-font) !important;
  font-size: 0.94rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-align: center;
  text-decoration: none;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.pmw-command-primary {
  color: #0a0a0b !important;
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
  background: linear-gradient(135deg, #ffffff, #e9e9e9) !important;
  box-shadow: 0 14px 34px rgba(255, 255, 255, 0.1);
}

.pmw-command-secondary,
.pmw-nav-home {
  color: #f6f6f7 !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  background: rgba(255, 255, 255, 0.055) !important;
  box-shadow: none !important;
}

.pmw-nav-home {
  min-width: 118px;
}

.pmw-btn:hover,
.pmw-google-btn:hover,
.pmw-plan-button:hover:not(:disabled),
.pmw-gold-button:hover,
.pmw-outline-button:hover,
.pmw-home-button:hover,
.pmw-nav-home:hover,
.admin-button:hover,
.download-btn:hover:not(:disabled),
.secondary-link:hover,
.back-link:hover,
.tools-card-button:hover,
.tools-action:hover,
.tools-secondary-action:hover,
.form-submit:hover,
.converter-start:hover:not(:disabled),
.converter-upgrade-secondary:hover,
.download:hover,
.dropzone-action:hover,
.download-modal-action:hover {
  transform: translateY(-1px);
}

.pmw-btn:focus-visible,
.pmw-google-btn:focus-visible,
.pmw-plan-button:focus-visible,
.pmw-gold-button:focus-visible,
.pmw-outline-button:focus-visible,
.pmw-home-button:focus-visible,
.pmw-nav-home:focus-visible,
.admin-button:focus-visible,
.download-btn:focus-visible,
.secondary-link:focus-visible,
.back-link:focus-visible,
.tools-card-button:focus-visible,
.tools-action:focus-visible,
.tools-secondary-action:focus-visible,
.form-submit:focus-visible,
.converter-start:focus-visible,
.converter-upgrade-secondary:focus-visible,
.download:focus-visible,
.dropzone-action:focus-visible,
.download-modal-action:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 3px;
}

.pmw-btn-row,
.button-row,
.button_row,
.tool-action-row,
.pmw-home-actions,
.pmw-help-actions {
  align-items: stretch;
}

.share-btn,
.mobile-menu-btn,
.device-toggle-btn,
.converter-menu-button,
.pmw-password-toggle {
  flex: 0 0 auto;
  font-family: var(--pmw-command-font);
  letter-spacing: 0;
}

@media (max-width: 520px) {
  .pmw-btn,
  .pmw-google-btn,
  .pmw-plan-button,
  .pmw-gold-button,
  .pmw-outline-button,
  .pmw-home-button,
  .pmw-nav-home,
  .admin-button,
  .download-btn,
  .secondary-link,
  .back-link,
  .tools-card-button,
  .tools-action,
  .tools-secondary-action,
  .form-submit,
  .converter-start,
  .converter-upgrade-secondary,
  .download,
  .dropzone-action,
  .download-modal-action {
    width: 100%;
    max-width: 100%;
    padding-inline: 16px !important;
    white-space: normal !important;
  }

  .pmw-nav-home {
    width: auto;
    min-width: 108px;
  }
}