/* PMD_SETTINGS_POLISH_R2
 * Owner-facing settings polish after the R1 feature pruning.
 * - compact Remove Logo control
 * - larger readable field/help typography across the settings family
 * - balanced multi-column Settings overview
 */

/* ---------------------------------------------------------
   Restaurant logo cleanup
   --------------------------------------------------------- */
#pmd-restaurant-profile .pmd-profile-logo-authority-r21,
#pmd-restaurant-profile .pmd-profile-logo-source-r20 {
  display: none !important;
  visibility: hidden !important;
}

#pmd-restaurant-profile .pmd-profile-logo-remove-r20 {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 36px !important;
  margin: 10px 0 0 !important;
  padding: 0 12px !important;
  gap: 7px !important;
  border: 1px solid #e07b7b !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #9f2525 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 760 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  user-select: none !important;
  overflow: hidden !important;
}

#pmd-restaurant-profile .pmd-profile-logo-remove-r20::before {
  content: "×" !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 19px !important;
  height: 19px !important;
  flex: 0 0 19px !important;
  border: 1px solid currentColor !important;
  border-radius: 5px !important;
  font-size: 16px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

/* Hide the native checkbox completely. Older settings CSS styled it as a
 * giant switch, which is the oversized white pill visible in production. */
#pmd-restaurant-profile .pmd-profile-logo-remove-r20 input[type="checkbox"] {
  position: absolute !important;
  width: 1px !important;
  min-width: 1px !important;
  max-width: 1px !important;
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
}

#pmd-restaurant-profile .pmd-profile-logo-remove-r20 span {
  display: inline !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  font: inherit !important;
  pointer-events: none !important;
}

#pmd-restaurant-profile .pmd-profile-logo-remove-r20:hover,
#pmd-restaurant-profile .pmd-profile-logo-remove-r20:focus-visible {
  border-color: #c93f3f !important;
  background: #fff7f7 !important;
  color: #8f1f1f !important;
  outline: none !important;
}

#pmd-restaurant-profile .pmd-profile-logo-remove-r20.is-pmd-remove-selected-r2,
#pmd-restaurant-profile .pmd-profile-logo-remove-r20:has(input:checked) {
  border-color: #b42323 !important;
  background: #b42323 !important;
  color: #fff !important;
}

#pmd-restaurant-profile #pmd-restaurant-logo-preview-r19[data-pmd-logo-remove-pending-r2="1"] {
  display: grid !important;
  place-items: center !important;
  min-height: 92px !important;
  padding: 14px !important;
  border: 1px dashed #cbd8de !important;
  border-radius: 10px !important;
  background: #f8fbfc !important;
  color: #73838b !important;
  box-shadow: none !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  font-weight: 650 !important;
  text-align: center !important;
}

/* ---------------------------------------------------------
   Readable typography across the owner settings family
   --------------------------------------------------------- */
#pmd-restaurant-profile label,
#pmd-frontend-settings label,
#pmd-team-access label,
#pmd-devices-page label,
#pmd-finance-page label,
#pmd-restaurant-profile [class*="field"] > span:first-child,
#pmd-frontend-settings [class*="field"] > span:first-child,
#pmd-team-access [class*="field"] > span:first-child,
#pmd-devices-page [class*="field"] > span:first-child,
#pmd-finance-page [class*="field"] > span:first-child {
  font-size: 13px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
}

#pmd-restaurant-profile input,
#pmd-restaurant-profile select,
#pmd-restaurant-profile textarea,
#pmd-frontend-settings input,
#pmd-frontend-settings select,
#pmd-frontend-settings textarea,
#pmd-team-access input,
#pmd-team-access select,
#pmd-team-access textarea,
#pmd-devices-page input,
#pmd-devices-page select,
#pmd-devices-page textarea,
#pmd-finance-page input,
#pmd-finance-page select,
#pmd-finance-page textarea {
  font-size: 14px !important;
  line-height: 1.35 !important;
}

#pmd-restaurant-profile button,
#pmd-frontend-settings button,
#pmd-team-access button,
#pmd-devices-page button,
#pmd-finance-page button,
#pmd-restaurant-profile .btn,
#pmd-frontend-settings .btn,
#pmd-team-access .btn,
#pmd-devices-page .btn,
#pmd-finance-page .btn {
  font-size: 13px !important;
  line-height: 1.25 !important;
}

#pmd-restaurant-profile small,
#pmd-frontend-settings small,
#pmd-team-access small,
#pmd-devices-page small,
#pmd-finance-page small,
#pmd-restaurant-profile p,
#pmd-frontend-settings p,
#pmd-team-access p,
#pmd-devices-page p,
#pmd-finance-page p,
#pmd-restaurant-profile [class*="description"],
#pmd-frontend-settings [class*="description"],
#pmd-team-access [class*="description"],
#pmd-devices-page [class*="description"],
#pmd-finance-page [class*="description"] {
  font-size: 12.5px !important;
  line-height: 1.48 !important;
}

/* Keep tiny technical badges compact, but never microscopic. */
#pmd-team-access [class*="badge"],
#pmd-devices-page [class*="badge"],
#pmd-finance-page [class*="badge"] {
  font-size: 11px !important;
}

/* ---------------------------------------------------------
   Settings overview: groups become a balanced dashboard grid.
   The previous full-width group rows left ~70% of the screen empty after the
   extra cards were intentionally removed.
   --------------------------------------------------------- */
#pmd-settings-center .pmd-settings-content {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 16px !important;
  width: 100% !important;
}

#pmd-settings-center .pmd-settings-group {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 170px !important;
  margin: 0 !important;
  padding: 18px !important;
  border: 1px solid #dde8e5 !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 7px 22px rgba(17, 40, 35, .035) !important;
}

#pmd-settings-center .pmd-settings-group__head {
  align-items: center !important;
  margin: 0 0 12px !important;
  padding: 0 1px !important;
}

#pmd-settings-center .pmd-settings-group__head h2 {
  margin: 0 !important;
  font-size: 19px !important;
  line-height: 1.2 !important;
  font-weight: 760 !important;
}

#pmd-settings-center .pmd-settings-group__count {
  font-size: 10px !important;
}

#pmd-settings-center .pmd-settings-card-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  flex: 1 1 auto !important;
}

#pmd-settings-center .pmd-settings-card {
  width: 100% !important;
  min-height: 104px !important;
  margin: 0 !important;
  padding: 15px !important;
  border-radius: 13px !important;
}

#pmd-settings-center .pmd-settings-card__title-row strong {
  font-size: 14px !important;
}

#pmd-settings-center .pmd-settings-card__description {
  margin-top: 5px !important;
  font-size: 12.5px !important;
  line-height: 1.45 !important;
}

@media (max-width: 1220px) {
  #pmd-settings-center .pmd-settings-content {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  #pmd-settings-center .pmd-settings-content {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  #pmd-settings-center .pmd-settings-group {
    min-height: 0 !important;
    padding: 14px !important;
    border-radius: 13px !important;
  }

  #pmd-settings-center .pmd-settings-group__head h2 {
    font-size: 18px !important;
  }

  #pmd-settings-center .pmd-settings-card {
    min-height: 92px !important;
  }
}