/* PRATINIUM v198 — Sprint Fintech Premium
   Finitions dashboard Mon compte : densité premium, fonds différenciés, badges, micro-interactions. */
html body#my-account .pratinium-v188-dashboard,
html body.page-my-account .pratinium-v188-dashboard,
html body[class*="my-account"] .pratinium-v188-dashboard{
  max-width:1480px!important;
  gap:16px!important;
}
html body#my-account .pratinium-v188-section,
html body.page-my-account .pratinium-v188-section,
html body[class*="my-account"] .pratinium-v188-section{
  padding:14px 26px 18px!important;
  border-radius:22px!important;
  border:1px solid rgba(15,31,55,.055)!important;
  box-shadow:0 16px 42px rgba(15,31,55,.055)!important;
  overflow:hidden!important;
  position:relative!important;
}
html body#my-account .pratinium-v188-section::after,
html body.page-my-account .pratinium-v188-section::after,
html body[class*="my-account"] .pratinium-v188-section::after{
  content:""!important;
  position:absolute!important;
  right:-90px!important;
  top:-80px!important;
  width:280px!important;
  height:220px!important;
  border-radius:999px!important;
  filter:blur(10px)!important;
  opacity:.42!important;
  pointer-events:none!important;
}
html body#my-account .pratinium-v188-section--vc,
html body.page-my-account .pratinium-v188-section--vc,
html body[class*="my-account"] .pratinium-v188-section--vc{
  background:linear-gradient(135deg,rgba(255,255,255,.98) 0%,rgba(247,252,255,.98) 57%,rgba(240,249,255,.92) 100%)!important;
}
html body#my-account .pratinium-v188-section--vc::after,
html body.page-my-account .pratinium-v188-section--vc::after,
html body[class*="my-account"] .pratinium-v188-section--vc::after{
  background:radial-gradient(circle,rgba(14,165,233,.20),rgba(14,165,233,0) 68%)!important;
}
html body#my-account .pratinium-v188-section--community,
html body.page-my-account .pratinium-v188-section--community,
html body[class*="my-account"] .pratinium-v188-section--community{
  background:linear-gradient(135deg,rgba(255,255,255,.98) 0%,rgba(247,253,251,.98) 58%,rgba(235,253,246,.88) 100%)!important;
}
html body#my-account .pratinium-v188-section--community::after,
html body.page-my-account .pratinium-v188-section--community::after,
html body[class*="my-account"] .pratinium-v188-section--community::after{
  background:radial-gradient(circle,rgba(20,184,166,.17),rgba(20,184,166,0) 68%)!important;
}
html body#my-account .pratinium-v188-section--sourcing,
html body.page-my-account .pratinium-v188-section--sourcing,
html body[class*="my-account"] .pratinium-v188-section--sourcing{
  background:linear-gradient(135deg,rgba(255,255,255,.98) 0%,rgba(255,252,245,.98) 58%,rgba(255,247,228,.90) 100%)!important;
}
html body#my-account .pratinium-v188-section--sourcing::after,
html body.page-my-account .pratinium-v188-section--sourcing::after,
html body[class*="my-account"] .pratinium-v188-section--sourcing::after{
  background:radial-gradient(circle,rgba(245,158,11,.18),rgba(245,158,11,0) 68%)!important;
}
html body#my-account .pratinium-v188-section-head,
html body.page-my-account .pratinium-v188-section-head,
html body[class*="my-account"] .pratinium-v188-section-head{
  margin-bottom:12px!important;
  gap:13px!important;
  position:relative!important;
  z-index:1!important;
}
html body#my-account .pratinium-v188-section-dot,
html body.page-my-account .pratinium-v188-section-dot,
html body[class*="my-account"] .pratinium-v188-section-dot{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  border-radius:11px!important;
  box-shadow:0 10px 22px rgba(15,31,55,.08)!important;
}
html body#my-account .pratinium-v188-section h2,
html body.page-my-account .pratinium-v188-section h2,
html body[class*="my-account"] .pratinium-v188-section h2{
  font-size:19px!important;
  letter-spacing:.16em!important;
  line-height:1!important;
  margin:0!important;
}
html body#my-account .pratinium-v188-grid,
html body.page-my-account .pratinium-v188-grid,
html body[class*="my-account"] .pratinium-v188-grid{
  gap:12px!important;
  position:relative!important;
  z-index:1!important;
}
html body#my-account .pratinium-v188-tile,
html body.page-my-account .pratinium-v188-tile,
html body[class*="my-account"] .pratinium-v188-tile{
  position:relative!important;
  min-height:82px!important;
  height:auto!important;
  grid-template-columns:42px minmax(0,1fr) 24px!important;
  gap:13px!important;
  padding:13px 18px!important;
  border-radius:16px!important;
  border:1px solid rgba(15,31,55,.075)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.90))!important;
  box-shadow:0 8px 22px rgba(15,31,55,.045)!important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease!important;
}
html body#my-account .pratinium-v188-tile:hover,
html body.page-my-account .pratinium-v188-tile:hover,
html body[class*="my-account"] .pratinium-v188-tile:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(14,165,233,.22)!important;
  box-shadow:0 16px 34px rgba(15,31,55,.105)!important;
}
html body#my-account .pratinium-v188-section--community .pratinium-v188-tile:hover,
html body.page-my-account .pratinium-v188-section--community .pratinium-v188-tile:hover,
html body[class*="my-account"] .pratinium-v188-section--community .pratinium-v188-tile:hover{
  border-color:rgba(20,184,166,.25)!important;
}
html body#my-account .pratinium-v188-section--sourcing .pratinium-v188-tile:hover,
html body.page-my-account .pratinium-v188-section--sourcing .pratinium-v188-tile:hover,
html body[class*="my-account"] .pratinium-v188-section--sourcing .pratinium-v188-tile:hover{
  border-color:rgba(245,158,11,.25)!important;
}
html body#my-account .pratinium-v188-icon,
html body.page-my-account .pratinium-v188-icon,
html body[class*="my-account"] .pratinium-v188-icon{
  width:42px!important;
  height:42px!important;
  border-radius:13px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.65),0 8px 20px rgba(14,165,233,.08)!important;
}
html body#my-account .pratinium-v188-icon::before,
html body.page-my-account .pratinium-v188-icon::before,
html body[class*="my-account"] .pratinium-v188-icon::before{
  width:18px!important;
  height:18px!important;
  border-width:2.5px!important;
}
html body#my-account .pratinium-v188-tile--profile .pratinium-v188-icon::before,
html body.page-my-account .pratinium-v188-tile--profile .pratinium-v188-icon::before,
html body[class*="my-account"] .pratinium-v188-tile--profile .pratinium-v188-icon::before{
  width:18px!important;
  height:21px!important;
}
html body#my-account .pratinium-v188-copy strong,
html body.page-my-account .pratinium-v188-copy strong,
html body[class*="my-account"] .pratinium-v188-copy strong{
  font-size:15.5px!important;
  line-height:1.08!important;
  margin:0 0 3px!important;
  letter-spacing:-.015em!important;
}
html body#my-account .pratinium-v188-copy small,
html body.page-my-account .pratinium-v188-copy small,
html body[class*="my-account"] .pratinium-v188-copy small{
  font-size:11.7px!important;
  line-height:1.25!important;
  color:#5e6b82!important;
}
html body#my-account .pratinium-v188-arrow,
html body.page-my-account .pratinium-v188-arrow,
html body[class*="my-account"] .pratinium-v188-arrow{
  justify-self:end!important;
  width:24px!important;
  height:24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  transition:transform .22s ease, background .22s ease!important;
}
html body#my-account .pratinium-v188-tile:hover .pratinium-v188-arrow,
html body.page-my-account .pratinium-v188-tile:hover .pratinium-v188-arrow,
html body[class*="my-account"] .pratinium-v188-tile:hover .pratinium-v188-arrow{
  transform:translateX(4px)!important;
  background:rgba(14,165,233,.08)!important;
}
html body#my-account .pratinium-v188-tile .pratinium-v198-badge,
html body.page-my-account .pratinium-v188-tile .pratinium-v198-badge,
html body[class*="my-account"] .pratinium-v188-tile .pratinium-v198-badge{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  margin-top:4px!important;
  padding:2px 7px!important;
  border-radius:999px!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  color:#0f5f9f!important;
  background:rgba(14,165,233,.085)!important;
  border:1px solid rgba(14,165,233,.12)!important;
}
html body#my-account .pratinium-v188-section--community .pratinium-v198-badge,
html body.page-my-account .pratinium-v188-section--community .pratinium-v198-badge,
html body[class*="my-account"] .pratinium-v188-section--community .pratinium-v198-badge{
  color:#0f766e!important;
  background:rgba(20,184,166,.09)!important;
  border-color:rgba(20,184,166,.14)!important;
}
html body#my-account .pratinium-v188-section--sourcing .pratinium-v198-badge,
html body.page-my-account .pratinium-v188-section--sourcing .pratinium-v198-badge,
html body[class*="my-account"] .pratinium-v188-section--sourcing .pratinium-v198-badge{
  color:#b45309!important;
  background:rgba(245,158,11,.10)!important;
  border-color:rgba(245,158,11,.15)!important;
}
html body#my-account .pratinium-v188-section--community .pratinium-v188-grid,
html body.page-my-account .pratinium-v188-section--community .pratinium-v188-grid,
html body[class*="my-account"] .pratinium-v188-section--community .pratinium-v188-grid{
  grid-template-columns:1fr!important;
}
html body#my-account .pratinium-v188-section--community .pratinium-v188-tile--profile,
html body.page-my-account .pratinium-v188-section--community .pratinium-v188-tile--profile,
html body[class*="my-account"] .pratinium-v188-section--community .pratinium-v188-tile--profile{
  width:100%!important;
  max-width:none!important;
  grid-column:1 / -1!important;
}
html body#my-account .pratinium-v188-hero,
html body.page-my-account .pratinium-v188-hero,
html body[class*="my-account"] .pratinium-v188-hero{
  min-height:210px!important;
  border:1px solid rgba(15,31,55,.06)!important;
  box-shadow:0 16px 42px rgba(15,31,55,.045)!important;
}
html body#my-account .pratinium-v188-hero p,
html body.page-my-account .pratinium-v188-hero p,
html body[class*="my-account"] .pratinium-v188-hero p{
  max-width:650px!important;
}
@media(max-width:767px){
  html body#my-account .pratinium-v188-section,html body.page-my-account .pratinium-v188-section,html body[class*="my-account"] .pratinium-v188-section{padding:14px 12px 16px!important;border-radius:18px!important;}
  html body#my-account .pratinium-v188-section h2,html body.page-my-account .pratinium-v188-section h2,html body[class*="my-account"] .pratinium-v188-section h2{font-size:17px!important;letter-spacing:.1em!important;}
  html body#my-account .pratinium-v188-tile,html body.page-my-account .pratinium-v188-tile,html body[class*="my-account"] .pratinium-v188-tile{min-height:76px!important;grid-template-columns:38px minmax(0,1fr) 20px!important;padding:12px 13px!important;gap:10px!important;}
  html body#my-account .pratinium-v188-icon,html body.page-my-account .pratinium-v188-icon,html body[class*="my-account"] .pratinium-v188-icon{width:38px!important;height:38px!important;}
  html body#my-account .pratinium-v198-badge,html body.page-my-account .pratinium-v198-badge,html body[class*="my-account"] .pratinium-v198-badge{display:none!important;}
}