/* ===== Ultimate Member – Account page: Green theme ===== */
:root{
  --umg-green: #4B8F4D;
  --umg-accent: #35D62E;
  --umg-bg: #F3FFF1;
  --umg-text: #0f172a;    /* dark slate */
  --umg-subtle: #64748b;  /* slate-500 */
  --umg-border: #e5efe4;  /* light greenish border */
  --umg-radius: 12px;
}

/* Scope to the UM account container you shared */
.entry-content .um.um-account{
  color: var(--umg-text);
}

/* Top meta card (avatar + name) */
.entry-content .um-account-meta{
  background: var(--umg-bg);
  border: 1px solid var(--umg-border);
  border-radius: var(--umg-radius);
  padding: 14px;
}

/* Left sidebar: tabs list */
.entry-content .um-account-side ul{
  background: #fff;
  border: 1px solid var(--umg-border);
  border-radius: var(--umg-radius);
  overflow: hidden;
}
.entry-content .um-account-side .um-account-link{
  display: flex; align-items: center; gap: 8px;
  padding: 12px 14px;
  color: var(--umg-text);
  text-decoration: none;
  border-bottom: 1px solid var(--umg-border);
}
.entry-content .um-account-side li:last-child .um-account-link{ border-bottom: 0; }

/* Active and hover states for tabs */
.entry-content .um-account-side .um-account-link.current,
.entry-content .um-account-side .um-account-link:hover{
  background: color-mix(in srgb, var(--umg-green) 8%, #fff);
  color: var(--umg-green);
}

/* Mobile account nav (dropdown rows) */
.entry-content .um-account-nav a{
  background: var(--umg-bg);
  border: 1px solid var(--umg-border);
  border-radius: 10px;
  color: var(--umg-text);
}

/* Main tab panel */
.entry-content .um-account-main{
  background: #fff;
  border: 1px solid var(--umg-border);
  border-radius: var(--umg-radius);
  padding: 16px;
}

/* Section headings inside panels */
.entry-content .um-account-heading{
  color: var(--umg-green);
  font-weight: 800;
  border-bottom: 1px solid var(--umg-border);
  padding-bottom: 8px;
  margin-bottom: 12px;
}

/* Field labels + help tips */
.entry-content .um-field-label label{ font-weight: 700; }
.entry-content .um-field-label .um-tip i{ color: var(--umg-green); }

/* Inputs */
.entry-content .um .um-form-field{
  background: #fff;
  border: 1.5px solid var(--umg-border) !important;
  border-radius: 10px !important;
  padding: 10px 12px !important;
  box-shadow: none !important;
}
.entry-content .um .um-form-field:focus{
  border-color: var(--umg-green) !important;
  outline: 0 !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--umg-green) 20%, transparent) !important;
}

/* Select2 shells often used by UM */
.entry-content .um .select2-selection{
  border: 1.5px solid var(--umg-border) !important;
  border-radius: 10px !important;
}
.entry-content .um .select2-selection:focus{
  border-color: var(--umg-green) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--umg-green) 20%, transparent) !important;
}

/* Radio/checkbox accents */
.entry-content .um .um-field-radio .um-field-radio-state i,
.entry-content .um .um-icon-android-radio-button-on{
  color: var(--umg-green);
}

/* Primary buttons (Update, Request data, etc.) */
.entry-content .um .um-button,
.entry-content .um a.um-request-button{
  background: var(--umg-green) !important;
  color: #fff !important;
  border: 1px solid var(--umg-green) !important;
  border-radius: 999px !important;
  padding: 10px 16px !important;
  font-weight: 700 !important;
}
.entry-content .um .um-button:hover,
.entry-content .um a.um-request-button:hover{
  background: var(--umg-accent) !important;
  border-color: var(--umg-accent) !important;
}

/* Outline/small buttons (if any appear) */
.entry-content .um .um-button.um-button-alt{
  background: transparent !important;
  color: var(--umg-green) !important;
  border: 1.5px solid var(--umg-green) !important;
}

/* Inline links */
.entry-content .um a.um-link{ color: var(--umg-green); }
.entry-content .um a.um-link:hover{ color: var(--umg-accent); }

/* Error + notices */
.entry-content .um .um-field-error{
  border-color: #fca5a5 !important;
  background: #fef2f2 !important;
  color: #7f1d1d !important;
}
.entry-content .um .um-notice{
  border-radius: 10px;
}

/* Avatars: soften corners */
.entry-content .um .um-avatar{ border-radius: 12px; }

/* Focus states for a11y */
.entry-content .um a:focus,
.entry-content .um button:focus,
.entry-content .um input:focus,
.entry-content .um select:focus,
.entry-content .um summary:focus{
  outline: 3px solid color-mix(in srgb, var(--umg-green) 35%, transparent);
  outline-offset: 2px;
  border-radius: 8px;
}

/* Small layout niceties */
.entry-content .um .um-col-alt-b{ margin-top: 10px; }
.entry-content .um .um-clear{ display: none; } /* reduces extra whitespace on many themes */