/* PMD_SETTINGS_POLISH_R11
 * Final cleanup for Settings family:
 * - one Customer menu theme header label only
 * - compact Default Roles cards with role-specific workspace icons
 * - no role descriptions or redundant locked badges
 */

/* =========================================================
   CUSTOMER MENU THEME — ONE HEADER COPY AUTHORITY
   R10 used ::after while R9 also normalized the real h1 text.
   R11 kills every competing pseudo label and exposes exactly one ::before.
   ========================================================= */
html body #pmd-frontend-settings .pmd-frontend-header h1 {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 1.15 !important;
  color: transparent !important;
}

html body #pmd-frontend-settings .pmd-frontend-header h1::before {
  content: "Customer menu theme" !important;
  display: inline !important;
  color: #17231f !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
  font-weight: 760 !important;
  letter-spacing: -.02em !important;
  white-space: nowrap !important;
}

html body #pmd-frontend-settings .pmd-frontend-header h1::after {
  content: none !important;
  display: none !important;
  visibility: hidden !important;
}

/* =========================================================
   DEFAULT ROLES — NAME + WORKSPACE ICON ONLY
   The product service always defines the six core roles in this order;
   optional KDS station roles are appended afterwards.
   ========================================================= */
html body #pmd-team-access #pmd-team-roles-section .pmd-team-grid {
  gap: 12px !important;
}

html body #pmd-team-access #pmd-team-roles-section .pmd-team-panel {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) !important;
  grid-template-rows: 1fr !important;
  align-items: center !important;
  column-gap: 14px !important;
  min-height: 88px !important;
  margin: 0 !important;
  padding: 14px 16px !important;
  border: 1px solid #dce8e4 !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 5px 14px rgba(17, 40, 35, .025) !important;
  overflow: hidden !important;
}

html body #pmd-team-access #pmd-team-roles-section .pmd-team-panel::before {
  content: "" !important;
  display: block !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  border: 1px solid #a9d6c7 !important;
  border-radius: 13px !important;
  background-color: #edf8f4 !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 23px 23px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7) !important;
}

/* Owner — shield */
html body #pmd-team-access #pmd-team-roles-section .pmd-team-panel:nth-child(1)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2308755f' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 19 6v5c0 4.8-2.9 8-7 10-4.1-2-7-5.2-7-10V6l7-3Z'/%3E%3Cpath d='m9.4 12 1.7 1.7 3.6-3.8'/%3E%3C/svg%3E") !important;
}

/* Manager — briefcase */
html body #pmd-team-access #pmd-team-roles-section .pmd-team-panel:nth-child(2)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2308755f' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='12' rx='2'/%3E%3Cpath d='M8 7V5h8v2M3 12h18M10 12v2h4v-2'/%3E%3C/svg%3E") !important;
}

/* Cashier — payment terminal */
html body #pmd-team-access #pmd-team-roles-section .pmd-team-panel:nth-child(3)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2308755f' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cpath d='M8 7h8M8 11h2M12 11h2M16 11h0M8 15h2M12 15h4'/%3E%3C/svg%3E") !important;
}

/* Waiter — utensils */
html body #pmd-team-access #pmd-team-roles-section .pmd-team-panel:nth-child(4)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2308755f' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3v7M4 3v4a3 3 0 0 0 6 0V3M7 10v11M17 3v18M17 3c2 2 3 4 3 7h-3'/%3E%3C/svg%3E") !important;
}

/* Accountant — calculator */
html body #pmd-team-access #pmd-team-roles-section .pmd-team-panel:nth-child(5)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2308755f' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cpath d='M8 7h8M8 11h1M12 11h1M16 11h0M8 15h1M12 15h1M16 15h0'/%3E%3C/svg%3E") !important;
}

/* Reservations — calendar */
html body #pmd-team-access #pmd-team-roles-section .pmd-team-panel:nth-child(6)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2308755f' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M7 3v4M17 3v4M3 10h18m-12 5 2 2 4-4'/%3E%3C/svg%3E") !important;
}

/* Optional KDS station roles appended after the six product roles. */
html body #pmd-team-access #pmd-team-roles-section .pmd-team-panel:nth-child(n+7)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2308755f' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='13' rx='2'/%3E%3Cpath d='M8 21h8M12 17v4M7 9h10M7 12h6'/%3E%3C/svg%3E") !important;
}

html body #pmd-team-access #pmd-team-roles-section .pmd-team-panel > strong {
  display: block !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;
  margin: 0 !important;
  color: #173129 !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
  font-weight: 780 !important;
  letter-spacing: -.01em !important;
}

html body #pmd-team-access #pmd-team-roles-section .pmd-team-panel > p,
html body #pmd-team-access #pmd-team-roles-section .pmd-team-panel > .pmd-team-lock {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

@media (max-width: 760px) {
  html body #pmd-frontend-settings .pmd-frontend-header h1::before {
    font-size: 19px !important;
  }

  html body #pmd-team-access #pmd-team-roles-section .pmd-team-panel {
    min-height: 82px !important;
  }
}