@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

html, body
{
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif !important;
}

:root
{
  /* 		--mud-appbar-height: 0rem;
		--apbhgt: 3rem;
		--btbhgt: 0rem;
		--mlyhgt: calc(100vh - var(--apbhgt) - var(--btbhgt));
		--nvmwdt: 20rem;
		--mlywdt: calc(100vw - var(--nvmwdt)); */

  --bgcol-prm: #6e8efb;
  --bgcol-sec: #a777e3;
  --bgcol-glass: rgba(255, 255, 255, 0.1);
  --bgcol-glass-bordr: rgba(255, 255, 255, 0.2);
  --col-white: #ffffff;
  --col-gray: #c0c0c0;
  --col-lgray: #e0e0e0;
  user-select: none;
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none;
}

img
{
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  pointer-events: none;
}

input, textarea
{
  user-select: text !important;
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
}

.formheadrtxt
{
  color: var(--col-lgray);
}

.formsubheadrtxt
{
  color: var(--col-gray);
}

.nonlinktxt
{
  color: var(--col-white);
}

.linktxt
{
  color: var(--col-white);
  cursor: pointer;
  text-decoration: underline;
}

/* Buttons */
.btn-sbmt
{
  width: 100%;
  padding: 12px;
  border: none;
  border-radius: 8px;
  background: var(--col-white);
  color: #333;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.3s;
  margin-top: 10px;
}

  .btn-sbmt:hover
  {
    transform: scale(1.02);
    background: #f0f0f0;
  }

  .btn-sbmt:disabled
  {
    opacity: 0.5;
    cursor: not-allowed;
    background: rgba(255, 255, 255, 0.5); /* Dimmer white */
    color: rgba(0, 0, 0, 0.4);
    transform: none !important; /* Stop the hover scale effect */
  }

/*.mddylg-main
{
  width: 26rem;
  margin: 1rem;
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  transition: width 0.2s ease;
  border-radius: 1rem;
}

.mud-dialog .mud-dialog-title
{
  padding: 0;
}

.mud-dialog .mud-dialog-content
{
  padding: 0;
}*/


/* Custom Checkbox Color to match Nutryze Green */
.nutryze-checkbox.mud-checkbox-checked .mud-icon
{
  color: #4CAF50 !important;
}

/* MENU LIST */
.profmenu-list
{
  /* THEME UPDATE: Dynamic Glass & Border */
  background: var(--card-glass);
  border: 1px solid var(--card-border);
  border-radius: 16px;
  overflow: hidden;
}

.profmenu-itm
{
  padding: 15px 20px;
  min-height: 72px;
  display: flex;
  align-items: center;
  gap: 15px;
  /* THEME UPDATE: Dynamic Border */
  border-bottom: 1px solid var(--card-border);
  cursor: pointer;
  transition: background 0.2s;
}

  .profmenu-itm:last-child
  {
    border-bottom: none;
  }

  .profmenu-itm:active
  {
    /* THEME UPDATE: Shadow color usually works for active states too */
    background: var(--shadow-color);
  }

.profmenu-txt
{
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* ==========================================
   NUTRYZE DESIGN SYSTEM & STANDARD COMPONENTS
   ========================================== */

/* 1. Outlined Cards with Accent Borders */
.nz-card {
  background: var(--card-glass, #fff);
  border-radius: 16px;
  padding: 20px;
  margin-bottom: 24px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05), 0 10px 15px -3px rgba(0,0,0,0.03);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1.5px solid var(--nz-border-color, var(--card-border, #eee)) !important;
  border-top: 5px solid var(--nz-accent-color, #4F46E5) !important;
}

.nz-card:hover {
  border-color: var(--nz-border-hover-color, rgba(79, 70, 229, 0.3)) !important;
  box-shadow: 0 6px 24px var(--nz-shadow-hover-color, rgba(79, 70, 229, 0.08)) !important;
}

/* Card Accent Color Modifiers */
.nz-card.theme-indigo {
  --nz-accent-color: #6366F1;
  --nz-border-color: rgba(99, 102, 241, 0.18);
  --nz-border-hover-color: rgba(99, 102, 241, 0.3);
  --nz-shadow-hover-color: rgba(99, 102, 241, 0.08);
}

.nz-card.theme-violet {
  --nz-accent-color: #8B5CF6;
  --nz-border-color: rgba(139, 92, 246, 0.18);
  --nz-border-hover-color: rgba(139, 92, 246, 0.3);
  --nz-shadow-hover-color: rgba(139, 92, 246, 0.08);
}

.nz-card.theme-rose {
  --nz-accent-color: #EC4899;
  --nz-border-color: rgba(236, 72, 153, 0.18);
  --nz-border-hover-color: rgba(236, 72, 153, 0.3);
  --nz-shadow-hover-color: rgba(236, 72, 153, 0.08);
}

/* 2. Compact Icon-Based Card Headers */
.nz-card-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}

.nz-card-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: var(--nz-icon-bg, rgba(79, 70, 229, 0.1));
  color: var(--nz-accent-color, #4F46E5);
}

.nz-card.theme-indigo .nz-card-icon-wrapper {
  --nz-icon-bg: rgba(99, 102, 241, 0.1);
}

.nz-card.theme-violet .nz-card-icon-wrapper {
  --nz-icon-bg: rgba(139, 92, 246, 0.1);
}

.nz-card.theme-rose .nz-card-icon-wrapper {
  --nz-icon-bg: rgba(236, 72, 153, 0.1);
}

.nz-card-title-text {
  font-size: 0.95rem;
  font-weight: 750;
  color: var(--text-primary);
  line-height: 1.2;
}

.nz-card-subtitle-text {
  font-size: 0.75rem;
  color: var(--text-secondary);
  line-height: 1.2;
}

/* 3. Reusable Settings/Toggle List Rows */
.nz-list-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.015);
  border: 1px solid var(--card-border);
  gap: 12px;
  flex-wrap: wrap;
  transition: background-color 0.2s;
}

.nz-list-row-right {
  display: flex;
  align-items: center;
  gap: 12px;
}

.nz-list-row-lbl {
  font-size: 0.8rem;
  font-weight: 700;
  white-space: nowrap;
}

/* Modifier for clean list items inside cards (e.g. Profiles settings) */
.nz-profile-row {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid var(--card-border) !important;
  border-radius: 0 !important;
  padding: 14px 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
}

.nz-profile-row:last-child {
  border-bottom: none !important;
}

.nz-profile-row .nz-list-row-right {
  width: auto !important;
  border-top: none !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
  display: flex !important;
  align-items: center !important;
}

/* Stacked variation for profile rows (e.g. segmented control below text) */
.nz-profile-row.nz-row-stack {
  flex-direction: column !important;
  align-items: stretch !important;
}

.nz-profile-row.nz-row-stack .nz-list-row-right {
  width: 100% !important;
  border-top: 1px dashed var(--card-border) !important;
  padding-top: 12px !important;
  margin-top: 8px !important;
  display: flex !important;
  align-items: center !important;
}

.nz-profile-row.nz-row-stack .theme-toggles-minimal {
  width: 100% !important;
  display: flex !important;
  gap: 0 !important;
}

.nz-profile-row.nz-row-stack .theme-opt-min {
  flex: 1 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 8px 0 !important;
  border-right: 1px solid var(--card-border) !important;
}

.nz-profile-row.nz-row-stack .theme-opt-min:last-child {
  border-right: none !important;
}

/* 4. Global Save/Action Buttons (Clean Indigo, No Suffix, No Icon) */
.nz-btn-save {
  background: #4F46E5;
  color: #ffffff;
  font-weight: 600;
  font-size: 0.85rem;
  padding: 8px 20px;
  border-radius: 10px;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 6px rgba(79, 70, 229, 0.25);
  outline: none;
}

.nz-btn-save:hover:not(:disabled) {
  background: #4338ca;
  box-shadow: 0 4px 12px rgba(79, 70, 229, 0.4);
  transform: translateY(-1px);
}

.nz-btn-save:active:not(:disabled) {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(79, 70, 229, 0.2);
}

.nz-btn-save:disabled {
  background: rgba(0, 0, 0, 0.08);
  color: var(--text-secondary);
  box-shadow: none;
  cursor: not-allowed;
  opacity: 0.5;
}

/* Reusable Spinner inside Save Button */
.nz-btn-spinner {
  width: 14px;
  height: 14px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-top-color: #ffffff;
  border-radius: 50%;
  animation: nz-spin 1s infinite linear;
}

@keyframes nz-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* 5. Statistics Layout Grid */
.nz-stats-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  margin-bottom: 25px;
  width: 100%;
}

.nz-stats-grid.grid-2 {
  grid-template-columns: repeat(2, 1fr) !important;
}

.nz-stat-box {
  background: rgba(0, 0, 0, 0.015);
  border: 1px solid var(--card-border);
  border-radius: 12px;
  padding: 15px 10px;
  text-align: center;
  min-width: 0;
}

.nz-stat-box-num {
  font-size: 1.5rem;
  font-weight: 800;
  margin: 5px 0;
}

/* Global Responsive Layout Rules */
@media (max-width: 600px) {
  .nz-stats-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
  }
  
  .nz-stats-grid.grid-2 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  
  .nz-list-row {
    flex-direction: column;
    align-items: flex-start;
    padding: 12px 14px;
  }
  
  .nz-list-row-right {
    width: 100%;
    justify-content: space-between;
    border-top: 1px dashed var(--card-border);
    padding-top: 10px;
    margin-top: 4px;
  }
  
  .nz-profile-row {
    flex-direction: row !important;
    align-items: center !important;
    padding: 14px 0 !important;
  }
  
  .nz-profile-row .nz-list-row-right {
    width: auto !important;
    border-top: none !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
    display: flex !important;
    align-items: center !important;
  }
}

/* ==========================================
   DARK THEME AWARENESS & OVERRIDES
   ========================================== */
.ntdarkmode .nz-btn-save:disabled {
  background: rgba(255, 255, 255, 0.08) !important;
}

.ntdarkmode .nz-list-row {
  background: rgba(255, 255, 255, 0.02) !important;
}

.ntdarkmode .nz-stat-box {
  background: rgba(255, 255, 255, 0.02) !important;
}

.ntdarkmode .nz-card:hover {
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.4) !important;
}

/* ==========================================
   WIZARD / QUESTIONNAIRE GLOBAL SYSTEM
   ========================================== */
.wiz-layout
{
	justify-content: center;
	padding: 20px;
}

.wiz-stack
{
	display: grid;
	grid-template-areas: "stack";
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
	position: relative;
	flex-grow: 1;
	min-height: 0;
	height: auto;
	align-items: center;
}

.wiz-slide
{
	grid-area: stack;
	width: 100%;
	max-height: 100%;
	overflow-y: auto;
	padding: 4px 8px 4px 4px;
	transition: all 1s cubic-bezier(0.25, 1, 0.5, 1);
	opacity: 0;
	pointer-events: none;
	transform: scale(0.9);
}

.wiz-slide::-webkit-scrollbar
{
	width: 6px;
}

.wiz-slide::-webkit-scrollbar-track
{
	background: transparent;
}

.wiz-slide::-webkit-scrollbar-thumb
{
	background: var(--mud-palette-lines-default);
	border-radius: 3px;
}

.wiz-slide::-webkit-scrollbar-thumb:hover
{
	background: #FFD700;
}

.wiz-slide.active
{
	opacity: 1;
	transform: translateX(0) scale(1);
	pointer-events: all;
	z-index: 10;
}

.wiz-slide.past
{
	transform: translateX(-110%) scale(0.9);
	opacity: 0;
}

.wiz-slide.future
{
	transform: translateX(110%) scale(0.9);
	opacity: 0;
}

.land-anim-content
{
	animation: slideInDown 1s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

@keyframes slideInDown
{
	from
	{
		opacity: 0;
		transform: translateY(-60px);
	}
	to
	{
		opacity: 1;
		transform: translateY(0);
	}
}

.wiz-nav-area
{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 20px;
	width: 100%;
	position: relative;
}

.wiz-btn-row
{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-bottom: 20px;
}

.wiz-nav-btn
{
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: var(--mud-palette-surface);
	border: 1px solid var(--mud-palette-lines-default);
	color: var(--mud-palette-text-primary);
	transition: 0.3s;
	flex-shrink: 0;
}

.wiz-nav-nxt
{
	background-color: #FFD700 !important;
	color: black !important;
	border: none;
	box-shadow: 0 5px 20px rgba(255, 215, 0, 0.3);
}

.wiz-nav-nxt .mud-icon-root
{
	color: black !important;
}

.back-btn-anim
{
	width: 0;
	opacity: 0;
	margin-right: 0;
	transform: scale(0.5);
	pointer-events: none;
	overflow: hidden;
	transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.back-btn-anim.visible
{
	width: 56px;
	opacity: 1;
	margin-right: 20px;
	transform: scale(1);
	pointer-events: all;
}

.wiz-dots-row
{
	display: flex;
	gap: 8px;
	justify-content: center;
	margin-bottom: 10px;
}

.wiz-pg-dot
{
	height: 6px;
	border-radius: 3px;
	transition: all 0.5s;
	background: var(--mud-palette-lines-default);
	width: 6px;
}

.wiz-pg-dot.active
{
	background: #FFD700;
	width: 20px;
}

.skip-anchor-container
{
	position: absolute;
	bottom: 0;
	right: 0;
	padding-bottom: 5px;
}

.skip-lnk
{
	font-size: 0.85rem;
	color: var(--mud-palette-text-secondary);
	cursor: pointer;
	text-decoration: none;
	font-weight: 500;
}

.skip-lnk:hover
{
	color: #FFD700;
}

.active-unit-lbl
{
	color: #FFD700 !important;
	transition: color 0.3s ease;
}

.inactive-unit-lbl
{
	color: var(--mud-palette-text-secondary) !important;
	opacity: 0.6;
	transition: color 0.3s ease;
}

/* --- CHIPS STYLING --- */
.chip-grid
{
	display: grid;
	gap: 12px;
	width: 100%;
}

.chip-grid-3
{
	display: grid;
	gap: 10px;
	width: 100%;
	grid-template-columns: 1fr 1fr 1fr;
}

.chip-opt
{
	background: var(--mud-palette-surface);
	border: 1px solid var(--mud-palette-lines-default);
	border-radius: 16px;
	padding: 15px 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.2s;
	color: var(--mud-palette-text-primary);
	text-align: center;
	position: relative;
	gap: 10px;
}

.chip-opt:active
{
	transform: scale(0.98);
}

.chip-opt.selected
{
	background: rgba(255, 215, 0, 0.15);
	border-color: #FFD700;
	color: var(--mud-palette-text-primary);
	box-shadow: 0 0 15px rgba(255, 215, 0, 0.15);
	font-weight: 600;
}

.chip-check-badge
{
	position: absolute;
	top: -6px;
	right: -6px;
	background: var(--mud-palette-background);
	border-radius: 50%;
	color: #FFD700;
}

.chip-check
{
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 2px solid var(--mud-palette-lines-default);
	display: flex;
	align-items: center;
	justify-content: center;
}

.chip-opt.selected .chip-check
{
	background: #FFD700;
	border-color: #FFD700;
	color: black;
}

/* --- WIZARD TEXTS --- */
.wiz-titl
{
	font-size: 2rem;
	font-weight: 800;
	color: var(--mud-palette-text-primary);
	text-align: center;
	margin-bottom: 5px;
}

.wiz-sub
{
	font-size: 0.9rem;
	color: var(--mud-palette-text-secondary);
	text-align: center;
	margin-bottom: 30px;
}

/* ==========================================
   PREVIEW DIALOG WIZARD SYSTEM
   ========================================== */
.prv-dlg-root {
	background: var(--app-bg) !important;
	border-radius: 24px;
	overflow: hidden;
	width: 100%;
	height: 80vh;
	max-height: 550px;
	border: 1px solid var(--card-border);
	box-shadow: 0 10px 40px rgba(0,0,0,0.3);
	display: flex;
	flex-direction: column;
	position: relative;
	box-sizing: border-box;
}

.prv-close-btn {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 1001;
	background: rgba(0,0,0,0.05);
	color: var(--text-primary);
	border-radius: 50%;
}

.ntdarkmode .prv-close-btn {
	background: rgba(255,255,255,0.05);
}

.prv-cpe-pg {
	--anim-speed: 0.5s;
	background: var(--mud-palette-background);
	color: var(--mud-palette-text-primary);
	height: 100%;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.prv-cpe-glow {
	position: absolute;
	top: -50px;
	left: -50px;
	width: 250px;
	height: 250px;
	background: var(--mud-palette-primary);
	filter: blur(120px);
	opacity: 0.1;
	z-index: 0;
	pointer-events: none;
}

.prv-layout {
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 30px 20px;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
}

.prv-wiz-stack {
	display: grid;
	grid-template-areas: "stack";
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	position: relative;
	flex-grow: 1;
	min-height: 0;
	height: auto;
	align-items: center;
}

.prv-wiz-slide {
	grid-area: stack;
	width: 100%;
	max-height: 100%;
	overflow-y: auto;
	padding: 4px 8px 4px 4px;
	transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
	opacity: 0;
	pointer-events: none;
	transform: scale(0.9);
}

.prv-wiz-slide::-webkit-scrollbar {
	width: 6px;
}

.prv-wiz-slide::-webkit-scrollbar-track {
	background: transparent;
}

.prv-wiz-slide::-webkit-scrollbar-thumb {
	background: var(--mud-palette-lines-default);
	border-radius: 3px;
}

.prv-wiz-slide::-webkit-scrollbar-thumb:hover {
	background: #FFD700;
}

.prv-wiz-slide.active {
	opacity: 1;
	transform: translateX(0) scale(1);
	pointer-events: all;
	z-index: 10;
}

.prv-wiz-slide.past {
	transform: translateX(-110%) scale(0.9);
	opacity: 0;
}

.prv-wiz-slide.future {
	transform: translateX(110%) scale(0.9);
	opacity: 0;
}

.prv-wiz-nav-area {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 15px;
	width: 100%;
	position: relative;
}

.prv-wiz-btn-row {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-bottom: 15px;
}

.prv-wiz-nav-btn {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: var(--mud-palette-surface);
	border: 1px solid var(--mud-palette-lines-default);
	color: var(--mud-palette-text-primary);
	transition: 0.3s;
	flex-shrink: 0;
}

.prv-wiz-nav-nxt {
	background-color: #FFD700 !important;
	color: black !important;
	border: none;
	box-shadow: 0 4px 15px rgba(255, 215, 0, 0.3);
}

.prv-wiz-nav-nxt .mud-icon-root {
	color: black !important;
}

.prv-back-btn-anim {
	width: 0;
	opacity: 0;
	margin-right: 0;
	transform: scale(0.5);
	pointer-events: none;
	overflow: hidden;
	transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.prv-back-btn-anim.visible {
	width: 48px;
	opacity: 1;
	margin-right: 15px;
	transform: scale(1);
	pointer-events: all;
}

.prv-wiz-dots-row {
	display: flex;
	gap: 6px;
	justify-content: center;
	margin-bottom: 8px;
}

.prv-wiz-pg-dot {
	height: 5px;
	border-radius: 2.5px;
	transition: all 0.4s;
	background: var(--mud-palette-lines-default);
	width: 5px;
}

.prv-wiz-pg-dot.active {
	background: #FFD700;
	width: 16px;
}

.prv-skip-container {
	font-size: 0.8rem;
	color: var(--mud-palette-text-secondary);
	cursor: pointer;
	margin-top: 5px;
}

.prv-skip-container:hover {
	color: #FFD700;
}

.prv-dlg-root .wiz-titl {
	font-size: 1.6rem;
}

.prv-dlg-root .wiz-sub {
	font-size: 0.85rem;
	margin-bottom: 20px;
}

.prv-dlg-root .cpe-inp-glass {
	background: var(--mud-palette-surface);
	border: 1px solid var(--mud-palette-lines-default);
	border-radius: 12px;
	padding: 10px 12px;
	margin-bottom: 12px;
	transition: 0.3s;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	overflow: visible !important;
}

.prv-dlg-root .chip-grid {
	display: grid;
	gap: 10px;
	width: 100%;
}

.prv-dlg-root .chip-opt {
	background: var(--mud-palette-surface);
	border: 1px solid var(--mud-palette-lines-default);
	border-radius: 14px;
	padding: 12px 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.2s;
	color: var(--mud-palette-text-primary);
	text-align: center;
	position: relative;
	gap: 8px;
}

.prv-dlg-root .chip-opt.selected {
	background: rgba(255, 215, 0, 0.15);
	border-color: #FFD700;
	color: var(--mud-palette-text-primary);
	box-shadow: 0 0 10px rgba(255, 215, 0, 0.15);
	font-weight: 600;
}

.prv-dlg-root .chip-check {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border: 2px solid var(--mud-palette-lines-default);
	display: flex;
	align-items: center;
	justify-content: center;
}

.prv-dlg-root .chip-opt.selected .chip-check {
	background: #FFD700;
	border-color: #FFD700;
	color: black;
}