/* ==========================================================
   GOLDMINER - gmportfolio : CSS PUBLIC
   Injecte des qu'un code court est rendu (PERF, STATS, CHART,
   SECTORS, CURRENCIES, PIES) ou qu'un bloc prive est refuse.
   Les variables :root sont fournies par le theme (Custom CSS).
   Les var() ont un repli pour rester autonomes.
   ========================================================== */

/* conteneurs de graphiques (sans cadre, mise en page libre) */
.gm-apex-chart, .gm-apex-pie-chart { width:100%; margin:0; }
.gm-apex-pie-chart .apexcharts-canvas,
.gm-apex-pie-chart svg { width:100% !important; max-width:100% !important; }
.pie-charts-wrapper {
  display:flex; flex-wrap:nowrap; align-items:stretch; justify-content:center;
  gap:16px; margin:18px 0; width:100%;
}
.pie-charts-wrapper > * { flex:1 1 0; min-width:0; max-width:none; }
@media (max-width:768px) {
  .pie-charts-wrapper { flex-wrap:wrap; gap:14px; }
  .pie-charts-wrapper > * { flex:1 1 100%; }
}

/* cadres optionnels, a appliquer manuellement si besoin */
.gm-chart-card, .gm-pie-card {
  background:#fff;
  border:1px solid var(--border, #e6dccf);
  border-radius:var(--radius-lg, 14px);
  box-shadow:var(--shadow-card, 0 2px 8px rgba(0,0,0,.4)),
             var(--shadow-gold, 0 0 10px rgba(201,162,39,.06));
  box-sizing:border-box; padding:12px;
}
.gm-chart-card { margin:18px 0; padding:14px 10px; }

/* [GMPORTFOLIO_PERF] */
.gm-perf {
  font-family:var(--font-serif, Georgia, serif);
  color:var(--brown-dark, #c78f4c); font-weight:600;
}

/* [GMPORTFOLIO_STATS] */
.gm-stats { padding:22px 24px; font-family:inherit; margin:24px 0; }
.gm-stats-h {
  display:flex; justify-content:space-between; align-items:baseline;
  flex-wrap:wrap; gap:8px; margin-bottom:18px;
}
.gm-stats-h b { font-size:1.1rem; color:var(--navy, #1b2440); }
.gm-stats-h span { font-size:.82rem; color:var(--text-soft, #8c857d); }
.gm-stats-g { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:14px; }
.gm-tile {
  border:1px solid var(--border, #e6dccf);
  border-radius:var(--radius-lg, 14px);
  padding:14px 16px;
  background:var(--brown-light, #f7f0e6);
  transition:border-color var(--transition, .25s ease);
}
.gm-tile:hover { border-color:var(--red, #991a44); }
.gm-tile i {
  display:block; font-style:normal; font-size:1rem;
  color:var(--text-muted, #6b645c); margin-bottom:6px;
}
.gm-tile b { display:block; font-size:1.5rem; line-height:1.15; color:var(--navy, #1b2440); }
.gm-tile em {
  display:block; font-style:normal; font-size:.78rem;
  color:var(--text-soft, #8c857d); margin-top:5px;
}
.gm-up b   { color:var(--green, #1a9997); }
.gm-down b { color:var(--red, #991a44); }
.gm-stats-f { margin:16px 0 0; font-size:.78rem; color:var(--text-soft, #8c857d); line-height:1.5; }

/* invitation a se connecter (login.tpl, blocs prives refuses) */
.gm-login-notice {
  text-align:center; padding:50px 20px;
  background:var(--brown-light, #f7f0e6);
  border:1px solid var(--border, #e6dccf);
  border-radius:var(--radius-lg, 14px);
}
.gm-login-notice a { color:var(--red, #991a44); font-weight:600; }