/* =====================================================
   PAGE "MON COMPTE" — SOLARGLOBE PREMIUM
   Cible : /me
   ERPNext v15 — SAFE (CSS uniquement)
   ===================================================== */

/* ===============================
   CONTENEUR GLOBAL
   =============================== */
body[data-path="me"] {
  background: linear-gradient(
    180deg,
    #F7F9FD 0%,
    #EEF2FF 100%
  );
  font-family: "Montserrat", system-ui, sans-serif;
}

/* ===============================
   TITRE PAGE
   =============================== */
body[data-path="me"] h3,
body[data-path="me"] .page-title {
  font-size: 20px;
  font-weight: 900;

  background: linear-gradient(
    180deg,
    #FFECC2 0%,
    #E4B450 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  margin-bottom: 18px;
}

/* ===============================
   CARTE PRINCIPALE
   =============================== */
body[data-path="me"] .my-account-container {
  background: linear-gradient(
    180deg,
    #FFFFFF 0%,
    #F6F8FF 100%
  );

  border-radius: 22px;
  border: 1px solid rgba(79,124,255,0.28);

  padding: 28px 30px;

  box-shadow:
    0 26px 60px rgba(0,0,0,0.18),
    inset 0 1px 0 rgba(255,255,255,0.95);
}

/* ===============================
   AVATAR
   =============================== */
body[data-path="me"] .avatar-frame,
body[data-path="me"] .avatar {
  border-radius: 50%;

  box-shadow:
    0 0 0 4px #E4B450,
    0 8px 18px rgba(0,0,0,0.22);
}

/* ===============================
   NOM UTILISATEUR
   =============================== */
body[data-path="me"] .my-account-name,
body[data-path="me"] .full-name {
  font-size: 16px;
  font-weight: 800;
  color: #1E2B4A;
}

/* ===============================
   EMAIL / INFOS
   =============================== */
body[data-path="me"] .text-muted {
  font-size: 13px;
  font-weight: 600;
  color: #6B84C6;
}

/* ===============================
   BLOCS D’ACTIONS
   =============================== */
body[data-path="me"] .my-account-item,
body[data-path="me"] .account-item {
  background: linear-gradient(
    180deg,
    #FFFFFF 0%,
    #F2F6FF 100%
  );

  border-radius: 18px;
  border: 1px solid rgba(79,124,255,0.28);

  padding: 18px 20px;
  margin-bottom: 14px;

  box-shadow:
    0 12px 26px rgba(0,0,0,0.10);

  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease;
}

body[data-path="me"] .my-account-item:hover,
body[data-path="me"] .account-item:hover {
  transform: translateY(-1px);
  box-shadow:
    0 18px 36px rgba(79,124,255,0.28);
}

/* ===============================
   TITRES ACTIONS
   =============================== */
body[data-path="me"] .my-account-item-title,
body[data-path="me"] .account-item-title {
  font-size: 14px;
  font-weight: 800;
  color: #1E2B4A;
}

/* ===============================
   LIENS / ACTIONS
   =============================== */
body[data-path="me"] a {
  font-size: 13px;
  font-weight: 700;
  color: #4F7CFF;
  text-decoration: none;
}

body[data-path="me"] a:hover {
  color: #E4B450;
}

/* ===============================
   BOUTONS (si présents)
   =============================== */
body[data-path="me"] .btn {
  border-radius: 14px;
  font-weight: 800;
}

/* ===============================
   FOOTER
   =============================== */
body[data-path="me"] .page-footer {
  margin-top: 18px;
  font-size: 12px;
  font-weight: 600;
  color: #6B84C6;
}