#block-views-block-dashbord-block-3 {
  display: block;
}

#investormenumobil {
  display: none;
}

#menumobilanonym {
  display: none;
}

.footer1trustfund .lig1 .col3fund4 .cryptosdepo .colcrypto:first-child {
  border-right: 0.1px solid #38755e;
}

.footer1trustfund .lig1 .col3fund3 ul.z3ul li a img {
  height: auto;
  filter: invert(100%);
  width: 20px;
  margin-right: 10px;
}

.footer1trustfund .lig1 {
  padding: 0 15px;
}

.footer1trustfund .firstz {
  padding: 0 70px 0 15px;
}

.site-footer__bottom {
  border: none;
}

.site-footer__bottom .region {
  margin-top: 0;
}

.footer1trustfund {
  padding: 100px 0 30px;
  border-top: 3px solid #252525;
}

.footer1trustfund .ligtxt {
  border-top: 2px solid #111;
  padding: 15px 0;
  margin-top: 100px;
}

.footer1trustfund .ligtxt .ztxt p {
  margin: 0;
  padding: 15px 0;
  text-align: right;
  color: #fff;
  font-size: 11px;
  line-height: 11px;
}

.footer1trustfund .ligtxt img {
  height: 40px;
}

.footer1trustfund .lig1 .col3fund4 .cryptosdepo {
  background: radial-gradient(70% 140% at 50% 0%,rgba(72,255,145,.16) 0%,rgba(0,0,0,0) 70%);
  border: 1px solid #111;
  padding: 35px 15px;
  border-radius: 40px;
}

.footer1trustfund .lig1 .col3fund4 .cryptosdepo .colcrypto {
  text-align: center;
}

.footer1trustfund .lig1 .col3fund4 .cryptosdepo .colcrypto p {
  margin: 0;
  color: #fff;
}

.footer1trustfund .lig1 .col3fund4 .cryptosdepo .colcrypto h6 {
  color: #fff;
  font-size: 18px;
  line-height: 16px;
  margin: 5px 0 0;
}

.footer1trustfund .lig1 .col3fund4 .cryptosdepo .colcrypto img {
  width: 70px;
  margin-bottom: 15px;
}

.footer1trustfund .lig1 .col3fund3 .follow {
  margin-top: 50px;
}

.footer1trustfund .lig1 .col3fund3 ul.ul2 li {
  display: inline-block;
  margin-right: 15px;
}

.footer1trustfund .lig1 .col3fund3 ul li a img {
  width: 40px;
  height: auto;
  border-radius: 50%;
}

.footer1trustfund .lig1 .col-sm-4 ul li a:hover, .footer1trustfund .lig1 .col-sm-4 ul li a:active, .footer1trustfund .lig1 .col-sm-4 ul li a:focus {
  color: #48ff91;
  transition: 0.1s ease;
}

.footer1trustfund .lig1 .col-sm-4 ul li a {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 10px;
  color: #fff;
  transition: 0.1s ease;
  text-decoration: none;
  font-family: firab;
  position: relative;
}

.footer1trustfund .lig1 .col-sm-4 ul li {
  list-style: none;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 10px;
  color: #fff;
}

.footer1trustfund .lig1 .col-sm-4 ul {
  padding: 0;
  margin: 0;
}

.footer1trustfund .lig1 h5 {
  color: #fff;
  font-size: 28px;
  line-height: 28px;
  margin-bottom: 30px;
}

.footer1trustfund .lig1 .col3fund4 {
  padding: 25px 15px;
  width: 40%;
}

.footer1trustfund .lig1 .col3fund3 {
  padding: 25px 15px;
  width: 35%;
}

.footer1trustfund .lig1 .col3fund2 {
  padding: 25px 15px;
  width: 25%;
}

.footer1trustfund .lig1 .col3fund1 img {
  width: 100%;
  height: auto;
  border-radius: 60%;
  border-right: 1px solid #343434;
  background: radial-gradient( 70% 140% at 50% 0%, rgba(72,255,145,.16) 0%, rgba(0,0,0,0) 70% );
}

.footer1trustfund .lig1 .col3fund1 h3 {
  font-size: 24px;
  line-height: 26px;
  margin: 30px 0 15px;
  color: #fff;
  display: none;
}

.footer1trustfund .lig1 .col3fund1 p {
  font-size: 18px;
  color: #6f6f7d;
  line-height: 20px;
  display: none;
}

#footer1 {
  border-top: none !important;
}

.fundvalue h4 {
  color: #fff;
  font-size: 32px;
  text-transform: uppercase;
  line-height: 32px;
}

.anonym.page-user-login.path-user a:focus, .link:focus {
  color: #000;
}

#displaynone {
  display: none;
}

.zonecolored1 .explainz .pic p img {
  width: 330px;
}

.zonecolored1 .explainz .pic p {
  margin-bottom: 0;
  text-align: center;
}

.zonecolored1 .explainz .btnp .btn:hover, .zonecolored1 .explainz .btnp .btn:focus {
  color: #48ff91;
  transition: 0.1s ease;
  background: transparent;
  border: 0.1px solid #435160;
}

.zonecolored1 .explainz .btnp .btn {
  font-size: 12px;
  font-family: fira;
  border: 0.1px solid #435160;
  padding: 12px 40px;
  transition: 0.1s ease;
  text-align: center;
}

.zonecolored1 .explainz .trx p {
  margin-bottom: 30px;
  color: #fff;
  font-size: 16px;
  letter-spacing: -1px;
  line-height: 22px;
}

.zonecolored1 .explainz .trx h2 {
  color: #fff;
  font-size: 28px;
  margin-bottom: 30px;
  line-height: 32px;
}

.zonecolored1 .explainz {
  background: #242426;
  border-radius: 40px;
  padding: 70px;
  text-align: left;
}

.zonecolored1 p {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 70px;
}

.zonecolored1 h1 {
  font-size: 48px;
  margin-bottom: 15px;
  line-height: 60px;
}

.zonecolored1 {
  width: 1200px;
  text-align: center;
  margin: 0 auto;
}

.grid2home {
  margin-top: 100px;
  padding: 70px 0;
  border-top: 0.1px solid #435160;
}

.green {
  color: #48ff91;
}

.grid2home .col-sm-3 h6 {
  color: #fff;
  font-size: 26px;
  line-height: 32px;
}

.grid2home .col-sm-3 {
  text-align: center;
}

.path-protected-page .site-footer {
  display: none;
}

#edit-submit:hover, #edit-submit:focus {
  color: #48ff91;
  transition: 0.1s ease;
  background: transparent;
  border: 0.1px solid #435160;
}

#edit-submit {
  background: #48ff91;
  border: 0.1px solid #435160;
  font-family: fira;
  font-size: 12px;
  padding: 12px 40px;
  color: #000;
  border-radius: 0;
  transition: 0.1s ease;
}

.path-protected-page #main-wrapper #protected-pages-enter-password {
  width: 500px;
  margin: 0 auto;
}

.path-protected-page #main-wrapper label {
  display: none;
}

.path-protected-page #main-wrapper .protected_pages_description {
  color: #888;
  font-size: 16px;
  line-height: 18px;
  width: 400px;
  margin: 0 auto 50px;
  max-width: 96%;
  display: block;
  text-align: center;
}

.path-protected-page #main-wrapper #main .fieldset-legend {
  color: #48ff91;
  text-align: center;
  font-size: 16px;
  line-height: 18px;
}

.path-protected-page #main-wrapper #block-bootstrap-barrio-subtheme-page-title h1 {
  font-size: 32px;
  color: #fff;
  line-height: 32px;
  margin-bottom: 30px;
  text-align: center;
  text-transform: uppercase;
}

.path-protected-page #main-wrapper #block-bootstrap-barrio-subtheme-page-title {
  margin-top: 60px;
}

.path-protected-page #main-wrapper #main {
  width: 666px;
  margin: 0 auto;
  max-width: 100%;
}

.path-protected-page #page-wrapper {
  height: 100vh;
  background: #1b1b1c;
}

.path-protected-page #main-wrapper {
  background: #1b1b1c;
  text-align: center;
}

.homepage  #main-wrapper {
  display: none;
}

.homepage .featured-bottom {
  background: #1b1b1c;
}

.partnersfront ul .grd img {
  width: 120px;
  max-width: 100%;
}

.partnersfront ul .grd {
  list-style: none;
  display: inline-block;
  width: 19%;
  margin: 0 auto;
  text-align: center;
}

.partnersfront ul {
  padding: 0;
  margin: 0;
}

.colored {
  color: #01e6cd;
}

.homepage .featured-top {
  padding: 100px 0;
  background: #161616;
}

.fundvalue {
  text-align: center;
}

.alert hr {
  display: none;
}

.btn-close {
  width: 32px;
  height: 32px;
  padding: 10px !important;
  background-size: 30.4px;
}

.alert-dismissible .btn-close {
  opacity: 1;
}

.fundvaluec .view-content .views-row:last-child {
  display: block;
}

.fundvaluec .view-content .views-row {
  display: none;
}

.fundvalue h6 span {
  color: #48ff91;
  font-family: machinab;
}

.fundvalue h6 {
  font-family: firab;
  line-height: 45px;
  font-size: 75px;
  color: #48ff91;
  text-transform: uppercase;
  display: inline-block;
  padding: 10px 30px;
}

.fundvalue h1 {
  color: #fff;
  font-size: 58px;
  text-transform: uppercase;
  line-height: 44px;
}

.fundvalue h5 {
  font-size: 56px;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.alert h2 {
  font-size: 24px;
  display: none;
}

.alert svg {
  display: none;
}

.alert-danger .btn-close {
  filter: invert(100%);
}

.alert-danger a {
  color: #fff;
}

.alert-danger {
  color: #fff;
  background-color: #f00;
  border: none;
}

.alert-success {
  border: none;
  background: #01e6cd;
}

.alert {
  position: fixed;
  top: 20%;
  max-width: 90%;
  left: calc(50% - 300px);
  width: 600px;
  font-size: 18px;
  border-radius: 0;
  min-height: 130px;
  z-index: 999;
  padding: 30px 100px;
  text-align: center;
  line-height: 22px;
}

.form-select:focus {
  box-shadow: none;
  background: transparent;
  border: 1px solid #48ff91;
}

#block-webform-3 .form-select {
  color: #fff;
}

.form-select {
  border-radius: 0;
  padding: 10px 30px;
  background-color: transparent;
  border: 1px solid #555;
  font-size: 14px;
  font-family: fira;
  margin-top: 5px;
}

.btnt:hover, .btnt:focus {
  background: #d3ffe5;
  color: #000;
  border: 1px solid #d3ffe5;
}

.btnt {
  border-radius: 0;
  padding: 16px 38px;
  background: transparent;
  text-decoration: none;
  line-height: 22px;
  font-size: 22px;
  color: #fff;
  font-family: firab;
  transition: 0.1s ease;
  border: 1px solid #435160;
}

::selection {
  background: #48ff91;
  color: #000;
}

.headproject {
  text-align: center;
}

.headproject .descp {
  color: #f1f3f5;
  font-size: 22px;
  line-height: 28px;
  width: 600px;
  margin: 20px auto 70px;
}

.headproject h1 {
  line-height: 74px;
  font-size: 64px;
  color: #fff;
  text-transform: uppercase;
}

.homepage .highlighted {
  padding: 170px 0 100px;
  background: #1b1b1c;
}

.block-menu ul li:last-child a:hover, .block-menu ul li:last-child a:focus {
  color: #000;
  background: #37d777;
  transition: 0.1s ease;
  border: 1px solid #37d777;
}

.block-menu ul li:last-child a {
  background: #48ff91;
  color: #000;
  border: 1px solid #37d777;
  transition: 0.1s ease;
}

.btn:hover, .btn:focus {
  background: #37d777;
  transition: 0.1s ease;
  border: 1px solid #37d777;
}

.headproject .btn {
  margin: 0 10px;
}

.headproject .btnp a:first-child {
  margin-right: 15px;
}

.btn2:focus, .btn2:active, .btn2:hover {
  background: #48ff9133;
  color: #fff;
  transition: 0.1s ease;
}

.btn2 {
  border-radius: 0;
  padding: 16px 38px;
  background: transparent;
  text-decoration: none;
  line-height: 18px;
  font-size: 18px;
  color: #48ff91;
  font-family: firab;
  transition: 0.1s ease;
  border: 0.1px solid #48ff91;
}

.btn1:hover, .btn1:active, .btn1:focus {
  color: #fff;
  background: transparent;
  border-color: #fff;
  transition: 0.1s ease;
}

.btn1 {
  border-radius: 0;
  padding: 16px 38px;
  background: #48ff91;
  text-decoration: none;
  line-height: 18px;
  font-size: 18px;
  color: #000;
  font-family: firab;
  transition: 0.1s ease;
  border: 0.1px solid #48ff91;
}

.btn {
  border-radius: 0;
  padding: 16px 38px;
  background: #48ff91;
  text-decoration: none;
  line-height: 22px;
  font-size: 22px;
  color: #000;
  font-family: firab;
  transition: 0.1s ease;
  border: 1px solid #48ff91;
}

.block-menu ul li a {
  font-size: 16px;
  font-family: fira;
  color: #48ff91;
  margin: 0 0 0 10px;
  text-decoration: none;
  border: 0.1px solid #435160;
  padding: 5px 25px;
  transition: 0.1s ease;
}

.menucenter p {
  margin: 0;
  text-align: center;
}

.menucenter p a {
  display: inline-block;
  font-size: 16px;
  font-family: machinab;
  color: #ddd;
  margin: 0 15px;
  padding: 0 5px;
  text-decoration: none;
  text-transform: uppercase;
}

.menucenter p {
  margin: 0;
}

#block-menucenter {
  position: absolute;
  left: 0;
  width: calc(100% - 300px);
}

#block-anonymmenu {
  position: absolute;
  left: 0;
  width: calc(100% - 300px);
}

.admin #header {
  position: relative;
  z-index: 9;
}

.eye-open {
  background: url("/sites/default/files/eye.png");
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.3;
}

.zone-connection .row {
  background-image: url(/sites/default/files/front-head-job.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.eye-close {
  background: url("/sites/default/files/eye-crossed.png");
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.3;
}

.shwpd {
  margin-left: -35px;
  margin-top: -29px;
}

#edit-mail--description {
  display: none;
}

#edit-pass--description {
  display: none;
}

.password-suggestions {
  display: none;
}

.user-pass .form-type-email label::before, .user-register-form .form-type-email label::before, .user-login-form .form-type-email label::before {
  width: 0;
  height: 0;
}

.b1log {
  height: 100vh;
  background: #0000;
  padding: 35vh 80px;
  position: relative;
}

.b1log .text-center h6 {
  font-size: 74px;
  color: #fff;
  font-family: osb;
  text-transform: uppercase;
  line-height: 78px;
}

.form-control:focus {
  box-shadow: none;
  background: transparent;
  border: 1px solid #48ff91;
  color: #fff;
  transition: 0.1s ease;
}

.form-control {
  border-radius: 0;
  padding: 10px 30px;
  color: #fff;
  background-color: #5d666d1c;
  border: 1px solid #242426;
  font-size: 14px;
  font-family: fira;
  margin-top: 5px;
  transition: 0.1s ease;
}

.form-submit:focus {
  box-shadow: none;
  border: 2px solid #009786;
}

.form-submit::before {
  width: 0;
  height: 0;
}

.user-pass .form-type-password label::before, .user-register-form .form-type-password label::before, .user-login-form .form-type-password label::before {
  width: 0;
  height: 0;
}

.user-pass .form-item-name label::before, .user-register-form .form-item-name label::before, .user-login-form .form-item-name label::before {
  width: 0;
  height: 0;
}

a:hover, a:focus, .link:hover, .link:focus {
  color: #ff4d00;
  text-decoration: none;
}

a, .link {
  color: #333;
}

.site-footer {
  background: #000;
}

#header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999999;
}

.container {
  max-width: 1360px;
}

.form-actions {
  position: initial;
  padding: 0;
  margin-bottom: 15px !important;
}

#block-topleft ul li:last-child a.active::before {
  background: #333;
  height: 2px;
}

.block-menu ul li a:hover, .block-menu ul li a:focus {
  color: #000;
  background: #48ff91;
  transition: 0.1s ease;
}

/*.homepage #block-topleft ul li:last-child a::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 10px;
  width: 60%;
  height: 3px;
  background: #ff4d00;
}*/

#block-topleftentreprise ul li:last-child a {
  position: relative;
  padding-left: 10px;
  margin-left: 40px;
}

#block-topleft ul li:last-child a {
  position: relative;
  padding-left: 10px;
  margin-left: 40px;
}

#block-topleftentreprise ul li:last-child a::after {
  content: "";
  position: absolute;
  bottom: 15px;
  left: -20px;
  width: 3px;
  height: 30px;
  background: #ff4d00;
}

#block-topleft ul li:last-child a::after {
  content: "";
  position: absolute;
  bottom: 15px;
  left: -20px;
  width: 3px;
  height: 30px;
  background: #ff4d00;
}

#block-topleft ul li a.active::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #ff4d00;
}

#block-toprightentreprise ul li:last-child a {
  background: #ff4d00;
  color: #fff;
  padding: 20px;
}

#block-topleft {
  position: absolute;
  left: 0;
}

#CollapsingNavbar {
  position: relative;
}

#navbar-main .navbar-brand {
  padding: 0;
  display: block;
  width: 300px;
  margin: 0;
}

#navbar-main .navbar-brand img {
  height: 65px;
  width: auto;
  padding: 5px;
}

#navbar-main {
  background-color: #101014;
  padding: 12px 1%;
}

.notitle #block-bootstrap-barrio-subtheme-page-title {
  display: none;
}

.path-admin li.modules-tabs__menu-item a strong {
  text-transform: capitalize;
}

.path-admin ul.modules-tabs__menu {
  border-bottom: 1px solid #0678be;
}

.path-admin .system-modules td {
  padding: 5px 20px !important;
}

.path-admin .modules-tabs__menu-item.is-selected a .summary {
  color: #fff;
  padding: 0;
}

.path-admin li.modules-tabs__menu-item a {
  padding: 5px 15px;
  font-size: 14px;
}

.path-admin td {
  line-height: 12px;
  padding: 7px 15px;
  height: auto;
}

.path-admin .tabledrag-cell-content__item {
  padding-left: 30px;
}

.path-admin tr .form-item, .path-admin .container-inline .form-item {
  margin: 0;
}

/* =====================================================================
   PAGE /welcome (ex-/invest) — déplacé depuis la règle "INVEST PAGE"
   ===================================================================== */
/* ---------------------------------------------------------------
   /invest — landing page. Everything is scoped under .tf-invest.
   --------------------------------------------------------------- */

body.page-node-41 { background: #000; }
body.page-node-41 #main-wrapper,
body.page-node-41 #main,
body.page-node-41 .featured-top,
body.page-node-41 .featured-top__inner { background: #000; }
body.page-node-41 .featured-top { padding: 0; }
body.page-node-41 .site-footer { margin-top: 0; }
body.page-node-41 .block-page-title-block,
body.page-node-41 #block-bootstrap-barrio-subtheme-breadcrumbs { display: none; }
body.page-node-41 main > section.section { padding: 0; }

.tf-invest {
  --tfi-bg: #000000;
  --tfi-surface: #0f0f13;
  --tfi-surface-2: #16161c;
  --tfi-border: #23232c;
  --tfi-border-soft: #1b1b22;
  --tfi-text: #ffffff;
  --tfi-muted: #8b8b98;
  --tfi-accent: #48ff91;
  --tfi-accent-dim: rgba(72, 255, 145, .12);
  --tfi-warn: #ffc95c;

  background: var(--tfi-bg);
  color: var(--tfi-text);
  font-family: fira, "Helvetica Neue", Arial, sans-serif;
  line-height: 1.6;

}

.tf-invest * { box-sizing: border-box; }
.tf-invest p { color: var(--tfi-muted); }
.tf-invest a { text-decoration: none; }

.tf-invest .invest-wrap {
  max-width: 1360px;
  margin: 0 auto;
  padding-inline: 4px;
}

.tf-invest section { padding-block: 60px; }
/* Headings ------------------------------------------------------ */

.tf-invest .invest-title {
  font-family: machinasb, fira, sans-serif;
  font-size: 48px;
  font-weight: 700;
  letter-spacing: -1px;
  color: var(--tfi-text);
  text-align: left;
  margin: 0 0 12px;
}
.tf-invest .invest-sub {
  text-align: left;
  font-size: 16.8px;
  max-width: 640px;
  margin: 0 0 40px;
}
.tf-invest .invest-title-left,
.tf-invest .invest-sub-left { text-align: left; margin-left: 0; }

/* Buttons ------------------------------------------------------- */

.tf-invest .invest-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 13.6px 30.4px;
  border-radius: 0;
  font-weight: 600;
  font-size: 16px;
  border: 1px solid transparent;
  transition: transform .15s ease, opacity .15s ease;
}
.tf-invest .invest-btn:hover { transform: translateY(-1px); }
.tf-invest .invest-btn-primary { background: var(--tfi-accent); color: #04120a; }
.tf-invest .invest-btn-primary:hover { background: #63ffa3; color: #04120a; }
.tf-invest .invest-btn-ghost { border-color: var(--tfi-border); color: var(--tfi-text); }
.tf-invest .invest-btn-ghost:hover { border-color: var(--tfi-accent); color: var(--tfi-accent); }

.tf-invest .invest-btn-sm {
  display: inline-block;
  padding: 6.4px 17.6px;
  border-radius: 999px;
  background: var(--tfi-surface-2);
  border: 1px solid var(--tfi-border);
  color: var(--tfi-text);
  font-size: 14px;
  font-weight: 600;
}
.tf-invest .invest-btn-sm:hover { background: var(--tfi-accent); border-color: var(--tfi-accent); color: #04120a; }

.tf-invest .invest-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14.4px;
  justify-content: flex-start;
}

/* Hero ---------------------------------------------------------- */

.tf-invest .invest-hero {
  padding: 200px 0 50px;
  text-align: left;
  background:
    radial-gradient(60% 55% at 50% 0%, rgba(72, 255, 145, .13) 0%, rgba(0, 0, 0, 0) 70%),
    var(--tfi-bg);
}
.tf-invest .invest-eyebrow {
  letter-spacing: 0;
  text-transform: uppercase;
  border: 1px solid rgba(72,255,145,.25);
  display: inline-block;
  font-family: machinasb,fira,sans-serif;
  font-size: 14.4px;
  font-weight: 700;
  color: var(--tfi-accent);
  background: var(--tfi-accent-dim);
  border-radius: 8px;
  padding: 3.2px 8.8px;
  margin-bottom: 30px;
}
.tf-invest .invest-hero-title {
  font-family: machinasb, fira, sans-serif;
  font-size: 68px;
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -2px;
  color: var(--tfi-text);
  margin: 0 0 20px;
}
.tf-invest .invest-hero-sub {
  font-size: 17.6px;
  max-width: 660px;
  margin: 0 0 32px;
}
.tf-invest .invest-hero-note {
  font-size: 13.6px;
  color: #6f6f7d;
  margin: 20px 0 0;
}

.tf-invest .invest-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 56px;
  text-align: left;
}
@media (min-width: 992px) {
  .tf-invest .invest-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.tf-invest .invest-stat {
  background: var(--tfi-surface);
  border: 1px solid var(--tfi-border-soft);
  border-radius: 16px;
  padding: 21.6px 22.4px;
}
.tf-invest .invest-stat-label {
  display: block;
  font-size: 12.8px;
  color: var(--tfi-muted);
  margin-bottom: 8px;
}
.tf-invest .invest-stat-value {
  display: block;
  font-family: machinasb, fira, sans-serif;
  font-size: 29.6px;
  font-weight: 700;
  color: var(--tfi-text);
  line-height: 1.1;
}
.tf-invest .invest-stat-hint {
  display: block;
  font-size: 12.8px;
  color: #6f6f7d;
  margin-top: 5.6px;
}

/* Plans table --------------------------------------------------- */

.tf-invest .invest-plans { background: var(--tfi-bg); }
.tf-invest .invest-panel {
  background: var(--tfi-surface);
  border: 1px solid var(--tfi-border-soft);
  border-radius: 20px;
  padding: 8px;
}
.tf-invest .invest-table-scroll { overflow-x: auto; }
.tf-invest .invest-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 640px;
}
.tf-invest .invest-table th {
  font-size: 12.5px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--tfi-muted);
  text-align: left;
  padding: 16px 20px;
}
.tf-invest .invest-table td {
  padding: 17.6px 20px;
  border-top: 1px solid var(--tfi-border-soft);
  color: var(--tfi-text);
  vertical-align: middle;
}
.tf-invest .invest-table tbody tr:hover td { background: var(--tfi-surface-2); }
.tf-invest .invest-plan-name { font-weight: 600; }
.tf-invest .invest-num { font-variant-numeric: tabular-nums; font-weight: 600; }
.tf-invest .invest-up { color: var(--tfi-accent); }
.tf-invest .invest-muted { color: var(--tfi-muted); }
.tf-invest .invest-td-action { text-align: right; }
.tf-invest .invest-tag {
  display: inline-block;
  margin-left: 8px;
  font-size: 11.2px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  color: var(--tfi-accent);
  background: var(--tfi-accent-dim);
  border-radius: 6px;
  padding: 2.4px 7.2px;
}
.tf-invest .invest-tag-warn { color: #241a00; background: var(--tfi-warn); }
.tf-invest .invest-disclaimer {
  text-align: left;
  font-size: 13.6px;
  color: #6f6f7d;
  margin: 24px 0 0;
}

/* Cards --------------------------------------------------------- */

.tf-invest .invest-grid { display: grid; gap: 16px; }
.tf-invest .invest-grid-2 { grid-template-columns: minmax(0, 1fr); }
.tf-invest .invest-grid-3 { grid-template-columns: minmax(0, 1fr); }
.tf-invest .invest-grid-4 { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 768px) {
  .tf-invest .invest-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tf-invest .invest-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .tf-invest .invest-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 992px) {
  .tf-invest .invest-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

.tf-invest .invest-card {
  background: var(--tfi-surface);
  border: 1px solid var(--tfi-border-soft);
  border-radius: 18px;
  padding: 28px;
  transition: border-color .2s ease;
}
/* A card can never be wider than the column that holds it, and a long
   unbreakable string breaks rather than pushing the page sideways. */
.tf-invest .invest-card {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}

.tf-invest .invest-card:hover { border-color: var(--tfi-border); }
.tf-invest .invest-card-accent { border-color: rgba(72, 255, 145, .35); }
.tf-invest .invest-num-badge {
  display: inline-block;
  font-family: machinasb, fira, sans-serif;
  font-size: 14.4px;
  font-weight: 700;
  color: var(--tfi-accent);
  background: var(--tfi-accent-dim);
  border-radius: 8px;
  padding: 3.2px 8.8px;
  margin-bottom: 14.4px;
}
.tf-invest .invest-card-title {
  font-family: machinasb, fira, sans-serif;
  font-size: 17.6px;
  font-weight: 700;
  color: var(--tfi-text);
  margin: 0 0 8px;
}
.tf-invest .invest-card-text { margin: 0; font-size: 15.2px; }
.tf-invest .invest-big {
  font-family: machinasb, fira, sans-serif;
  font-size: 48px;
  font-weight: 700;
  color: var(--tfi-accent);
  line-height: 1;
  margin: 8px 0;
}

.tf-invest .invest-levels { list-style: none; margin: 16px 0 0; padding: 0; }
.tf-invest .invest-levels li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 11.2px 0;
  border-top: 1px solid var(--tfi-border-soft);
}
.tf-invest .invest-levels li:first-child { border-top: 0; }
.tf-invest .invest-levels span { color: var(--tfi-muted); }
.tf-invest .invest-levels b { color: var(--tfi-accent); font-weight: 600; white-space: nowrap; }

.tf-invest .invest-callout {
  margin: 24px 0 0;
  padding: 17.6px 22.4px;
  border: 1px solid rgba(72, 255, 145, .3);
  border-radius: 14px;
  background: var(--tfi-accent-dim);
  color: #c8ffdd;
  font-size: 15.2px;
}

/* Split bar ----------------------------------------------------- */

.tf-invest .invest-split {
  margin-top: 48px;
  background: var(--tfi-surface);
  border: 1px solid var(--tfi-border-soft);
  border-radius: 20px;
  padding: 28px;
}
.tf-invest .invest-split-label {
  font-size: 12.5px;
  text-transform: uppercase;
  letter-spacing: 1.3px;
  color: var(--tfi-muted);
}
.tf-invest .invest-split-bar {
  display: flex;
  gap: 8px;
  margin-top: 16px;
}
.tf-invest .invest-split-part {
  border-radius: 14px;
  padding: 24px 20px;
  text-align: center;
}
.tf-invest .invest-split-part span {
  display: block;
  font-family: machinasb, fira, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
}
.tf-invest .invest-split-part small {
  display: block;
  margin-top: 5.6px;
  font-size: 12.5px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.tf-invest .invest-split-mgmt {
  flex: 0 0 25%;
  background: var(--tfi-surface-2);
  border: 1px solid var(--tfi-border);
  color: var(--tfi-text);
}
.tf-invest .invest-split-mgmt small { color: var(--tfi-muted); }
.tf-invest .invest-split-inv {
  flex: 1 1 75%;
  background: var(--tfi-accent-dim);
  border: 1px solid rgba(72, 255, 145, .4);
  color: var(--tfi-accent);
}
.tf-invest .invest-split-inv small { color: #8fe0b2; }
.tf-invest .invest-split-note { margin: 20px 0 0; font-size: 14.4px; }

/* Investor space ------------------------------------------------ */

.tf-invest .invest-two {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
  align-items: center;
}
@media (min-width: 992px) {
  .tf-invest .invest-two { grid-template-columns: 5fr 7fr; gap: 56px; }
}
.tf-invest .invest-two-text .invest-btn { margin-top: 8px; }

.tf-invest .invest-mock {
  background: var(--tfi-surface);
  border: 1px solid var(--tfi-border);
  border-radius: 20px;
  overflow: hidden;
}
.tf-invest .invest-mock-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 20px;
  border-bottom: 1px solid var(--tfi-border-soft);
}
.tf-invest .invest-mock-title { font-weight: 600; }
.tf-invest .invest-mock-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 20px;
}
@media (min-width: 576px) {
  .tf-invest .invest-mock-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.tf-invest .invest-tile {
  background: var(--tfi-surface-2);
  border: 1px solid var(--tfi-border-soft);
  border-radius: 12px;
  padding: 13.6px 14.4px;
}
.tf-invest .invest-tile span {
  display: block;
  font-size: 11.2px;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: var(--tfi-muted);
  margin-bottom: 4.8px;
}
.tf-invest .invest-tile b { font-size: 15.2px; font-weight: 600; }
.tf-invest .invest-tile-key { border-color: rgba(72, 255, 145, .4); }
.tf-invest .invest-tile-key b { color: var(--tfi-accent); }

/* FAQ ----------------------------------------------------------- */

.tf-invest .invest-accordion { max-width: 860px; margin: 0; }
.tf-invest .invest-accordion .accordion-item {
  background: var(--tfi-surface);
  border: 1px solid var(--tfi-border-soft);
  border-radius: 14px;
  margin-bottom: 12px;
  overflow: hidden;
}
.tf-invest .invest-accordion .accordion-button {
  background: transparent;
  color: var(--tfi-text);
  font-weight: 600;
  font-size: 16px;
  padding: 18.4px 21.6px;
  box-shadow: none;
}
.tf-invest .invest-accordion .accordion-button:not(.collapsed) { color: var(--tfi-accent); }
.tf-invest .invest-accordion .accordion-button::after {
  filter: invert(1) grayscale(1) brightness(1.6);
}
.tf-invest .invest-accordion .accordion-body {
  color: var(--tfi-muted);
  padding: 0 21.6px 21.6px;
  font-size: 15.2px;
}

/* Final CTA ----------------------------------------------------- */

.tf-invest .invest-cta-panel {
  background:
    radial-gradient(70% 140% at 50% 0%, rgba(72, 255, 145, .16) 0%, rgba(0, 0, 0, 0) 70%),
    var(--tfi-surface);
  border: 1px solid var(--tfi-border);
  border-radius: 24px;
  padding: 52px 28px;
  text-align: left;
}
.tf-invest .invest-cta-title {
  font-family: machinasb, fira, sans-serif;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -0.8px;
  color: var(--tfi-text);
  margin: 0 0 12px;
}
.tf-invest .invest-cta-text { max-width: 560px; margin: 0 0 32px; }
.tf-invest .invest-risk {
  margin: 32px 0 0;
  max-width: 860px;
  text-align: left;
  font-size: 12.8px;
  color: #6f6f7d;
}
/* Neutralise the theme's table chrome inside the plans panel. */
.tf-invest .invest-table,
.tf-invest .invest-table thead,
.tf-invest .invest-table tbody,
.tf-invest .invest-table tr { border: 0; background: transparent; }
.tf-invest .invest-table th,
.tf-invest .invest-table td {
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  background: transparent;
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
}
.tf-invest .invest-table thead th { border-top: 0; }
.tf-invest .invest-table tbody tr:hover td { background: var(--tfi-surface-2); }

.tf-invest .invest-hero-title {
  font-size: 86px;
  line-height: 86px;
  width: 800px;
  max-width: 100%;
}

@media (max-width: 767px) {
  .tf-invest .invest-title { font-size: 28px; }
  .tf-invest .invest-hero-title { font-size: 36px; }
  .tf-invest .invest-cta-title { font-size: 25.6px; }
  .tf-invest .invest-hero-title { line-height: 40px; }
}


/* =====================================================================
   PAGES INTERNES (design /welcome) — body class "tf-page"
   How it works, Performance, FAQ, Docs, Terms, Privacy, Risk, Contact
   ===================================================================== */
body.tf-page , body.path-contact { background: #000000; }
body.tf-page #main-wrapper, body.path-contact #main-wrapper,
body.tf-page #main, body.path-contact #main,
body.tf-page .featured-top, body.path-contact .featured-top,
body.tf-page .featured-top__inner , body.path-contact .featured-top__inner { background: #000000; }
body.tf-page .featured-top , body.path-contact .featured-top { padding: 0px; }
body.tf-page .site-footer , body.path-contact .site-footer { margin-top: 0px; }
body.tf-page .block-page-title-block, body.path-contact .block-page-title-block,
body.tf-page #block-bootstrap-barrio-subtheme-breadcrumbs , body.path-contact #block-bootstrap-barrio-subtheme-breadcrumbs { display: none; }
body.tf-page main > section.section , body.path-contact main > section.section { padding: 0px; }

/* Hero des pages internes */
.tf-invest .invest-hero.invest-hero-page { padding: 200px 0px 40px; }
.tf-invest .invest-hero-page .invest-hero-title {
  font-size: 64px;
  line-height: 68px;
  width: 900px;
  max-width: 100%;
}
.tf-invest .invest-actions-spaced { margin-top: 32px; }

/* Encadré d'exemple */
.tf-invest .invest-example { margin-top: 32px; }
.tf-invest .invest-example .invest-mock-head { padding: 18px 20px; }

/* Liens dans les cartes et encadrés */
.tf-invest .invest-card-text a,
.tf-invest .invest-callout a,
.tf-invest .invest-disclaimer a { color: var(--tfi-accent); text-decoration: none; }
.tf-invest .invest-card-text a:hover,
.tf-invest .invest-callout a:hover { text-decoration: underline; }

/* Glossaire */
.tf-invest .invest-glossary td:first-child { width: 240px; white-space: nowrap; }

/* Pages légales */
.tf-invest .invest-legal-section { padding-top: 20px; }
.tf-invest .invest-legal { max-width: 860px; }
.tf-invest .invest-legal-meta { color: var(--tfi-muted); font-size: 14px; line-height: 20px; margin: 0px 0px 24px; }
.tf-invest .invest-toc {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 20px;
  margin-bottom: 16px;
  background: var(--tfi-surface);
  border: 1px solid var(--tfi-border);
  border-radius: 14px;
}
.tf-invest .invest-toc a {
  color: var(--tfi-muted);
  font-size: 13px;
  line-height: 18px;
  padding: 6px 12px;
  border: 1px solid var(--tfi-border);
  border-radius: 999px;
  text-decoration: none;
}
.tf-invest .invest-toc a:hover { color: var(--tfi-accent); border-color: var(--tfi-accent); }
.tf-invest .invest-legal h2 {
  font-family: machinasb, "Helvetica Neue", Arial, sans-serif;
  color: var(--tfi-text);
  font-size: 24px;
  line-height: 30px;
  margin: 48px 0px 16px;
  scroll-margin-top: 120px;
}
.tf-invest .invest-legal p,
.tf-invest .invest-legal li { color: #c9c9d3; font-size: 16px; line-height: 27px; }
.tf-invest .invest-legal p { margin: 0px 0px 14px; }
.tf-invest .invest-legal ul { padding-left: 20px; margin: 0px 0px 14px; }
.tf-invest .invest-legal li { margin-bottom: 8px; }
.tf-invest .invest-legal li::marker { color: var(--tfi-accent); }
.tf-invest .invest-legal strong { color: var(--tfi-text); }
.tf-invest .invest-legal a { color: var(--tfi-accent); }

/* Ancres : compenser le header fixe */
.tf-invest section[id] { scroll-margin-top: 90px; }

/* Page contact : formulaire Drupal dans le design */
body.path-contact #main-wrapper .container { max-width: 1140px; }
body.path-contact .contact-form {
  max-width: 860px;
  margin: 0px auto 80px;
  padding: 32px;
  background: #0f0f13;
  border: 1px solid #23232c;
  border-radius: 14px;
  color: #ffffff;
  font-family: fira, "Helvetica Neue", Arial, sans-serif;
}

@media (max-width: 767px) {
  .tf-invest .invest-hero.invest-hero-page { padding: 140px 0px 30px; }
  .tf-invest .invest-hero-page .invest-hero-title { font-size: 36px; line-height: 40px; }
  .tf-invest .invest-legal h2 { font-size: 20px; line-height: 26px; }
  .tf-invest .invest-glossary td:first-child { white-space: normal; width: auto; }
}


/* =====================================================================
   PAGES FORMULAIRES (design /welcome)
   Login, inscription, mot de passe, dépôt, retrait, support,
   confirmation de dépôt, contact — le dashboard n'est pas concerné
   ===================================================================== */
body.path-user,
body.path-registering,
body.depositpage,
body.withdrawpage,
body.supportpage,
body.confirmdeposit,
body.path-contact,
body.path-user #page,
body.path-registering #page,
body.depositpage #page,
body.withdrawpage #page,
body.supportpage #page,
body.confirmdeposit #page,
body.path-contact #page,
body.path-user .loginlogoutzone,
body.path-registering .loginlogoutzone,
body.depositpage .loginlogoutzone,
body.withdrawpage .loginlogoutzone,
body.supportpage .loginlogoutzone,
body.confirmdeposit .loginlogoutzone,
body.path-contact .loginlogoutzone,
body.path-user .gva-body-page,
body.path-registering .gva-body-page,
body.depositpage .gva-body-page,
body.withdrawpage .gva-body-page,
body.supportpage .gva-body-page,
body.confirmdeposit .gva-body-page,
body.path-contact .gva-body-page { background-color: #000000; }
body.path-user #main-wrapper,
body.path-registering #main-wrapper,
body.depositpage #main-wrapper,
body.withdrawpage #main-wrapper,
body.supportpage #main-wrapper,
body.confirmdeposit #main-wrapper,
body.path-contact #main-wrapper {
  background: radial-gradient(60% 420px at 50% 0%, rgba(72, 255, 145, .10) 0%, rgba(0, 0, 0, 0) 70%), #000000;
}
body.path-user h1,
body.path-registering h1,
body.depositpage h1,
body.withdrawpage h1,
body.supportpage h1,
body.confirmdeposit h1,
body.path-contact h1,
body.path-user .title,
body.path-registering .title,
body.depositpage .title,
body.withdrawpage .title,
body.supportpage .title,
body.confirmdeposit .title,
body.path-contact .title,
body.path-user h2,
body.path-registering h2,
body.depositpage h2,
body.withdrawpage h2,
body.supportpage h2,
body.confirmdeposit h2,
body.path-contact h2 { font-family: machinasb, fira, sans-serif; color: #ffffff; }
body.path-user form label,
body.path-registering form label,
body.depositpage form label,
body.withdrawpage form label,
body.supportpage form label,
body.confirmdeposit form label,
body.path-contact form label,
body.path-user form legend,
body.path-registering form legend,
body.depositpage form legend,
body.withdrawpage form legend,
body.supportpage form legend,
body.confirmdeposit form legend,
body.path-contact form legend,
body.path-user form .form-item > label,
body.path-registering form .form-item > label,
body.depositpage form .form-item > label,
body.withdrawpage form .form-item > label,
body.supportpage form .form-item > label,
body.confirmdeposit form .form-item > label,
body.path-contact form .form-item > label {
  font-family: fira, "Helvetica Neue", Arial, sans-serif;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
}
body.path-user form .form-control,
body.path-registering form .form-control,
body.depositpage form .form-control,
body.withdrawpage form .form-control,
body.supportpage form .form-control,
body.confirmdeposit form .form-control,
body.path-contact form .form-control,
body.path-user form .form-select,
body.path-registering form .form-select,
body.depositpage form .form-select,
body.withdrawpage form .form-select,
body.supportpage form .form-select,
body.confirmdeposit form .form-select,
body.path-contact form .form-select,
body.path-user form select,
body.path-registering form select,
body.depositpage form select,
body.withdrawpage form select,
body.supportpage form select,
body.confirmdeposit form select,
body.path-contact form select,
body.path-user form textarea,
body.path-registering form textarea,
body.depositpage form textarea,
body.withdrawpage form textarea,
body.supportpage form textarea,
body.confirmdeposit form textarea,
body.path-contact form textarea {
  background-color: #16161c;
  border: 1px solid #23232c;
  border-radius: 10px;
  color: #ffffff;
  font-family: fira, "Helvetica Neue", Arial, sans-serif;
  font-size: 15px;
}
body.path-user form .form-control:focus,
body.path-registering form .form-control:focus,
body.depositpage form .form-control:focus,
body.withdrawpage form .form-control:focus,
body.supportpage form .form-control:focus,
body.confirmdeposit form .form-control:focus,
body.path-contact form .form-control:focus,
body.path-user form .form-select:focus,
body.path-registering form .form-select:focus,
body.depositpage form .form-select:focus,
body.withdrawpage form .form-select:focus,
body.supportpage form .form-select:focus,
body.confirmdeposit form .form-select:focus,
body.path-contact form .form-select:focus,
body.path-user form select:focus,
body.path-registering form select:focus,
body.depositpage form select:focus,
body.withdrawpage form select:focus,
body.supportpage form select:focus,
body.confirmdeposit form select:focus,
body.path-contact form select:focus,
body.path-user form textarea:focus,
body.path-registering form textarea:focus,
body.depositpage form textarea:focus,
body.withdrawpage form textarea:focus,
body.supportpage form textarea:focus,
body.confirmdeposit form textarea:focus,
body.path-contact form textarea:focus {
  border-color: #48ff91;
  box-shadow: 0px 0px 0px 3px rgba(72, 255, 145, .12);
  outline: 0px;
}
body.path-user form .form-control::placeholder,
body.path-registering form .form-control::placeholder,
body.depositpage form .form-control::placeholder,
body.withdrawpage form .form-control::placeholder,
body.supportpage form .form-control::placeholder,
body.confirmdeposit form .form-control::placeholder,
body.path-contact form .form-control::placeholder,
body.path-user form textarea::placeholder,
body.path-registering form textarea::placeholder,
body.depositpage form textarea::placeholder,
body.withdrawpage form textarea::placeholder,
body.supportpage form textarea::placeholder,
body.confirmdeposit form textarea::placeholder,
body.path-contact form textarea::placeholder { color: #8b8b98; }
body.path-user form .form-submit,
body.path-registering form .form-submit,
body.depositpage form .form-submit,
body.withdrawpage form .form-submit,
body.supportpage form .form-submit,
body.confirmdeposit form .form-submit,
body.path-contact form .form-submit,
body.path-user form .btn-primary,
body.path-registering form .btn-primary,
body.depositpage form .btn-primary,
body.withdrawpage form .btn-primary,
body.supportpage form .btn-primary,
body.confirmdeposit form .btn-primary,
body.path-contact form .btn-primary,
body.path-user form button[type=submit],
body.path-registering form button[type=submit],
body.depositpage form button[type=submit],
body.withdrawpage form button[type=submit],
body.supportpage form button[type=submit],
body.confirmdeposit form button[type=submit],
body.path-contact form button[type=submit] {
  background: #48ff91;
  color: #04120a;
  border: 1px solid #48ff91;
  border-radius: 0px;
  font-family: fira, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding: 13px 30px;
  transition: transform .15s, background .15s;
}
body.path-user form .form-submit:hover,
body.path-registering form .form-submit:hover,
body.depositpage form .form-submit:hover,
body.withdrawpage form .form-submit:hover,
body.supportpage form .form-submit:hover,
body.confirmdeposit form .form-submit:hover,
body.path-contact form .form-submit:hover,
body.path-user form .btn-primary:hover,
body.path-registering form .btn-primary:hover,
body.depositpage form .btn-primary:hover,
body.withdrawpage form .btn-primary:hover,
body.supportpage form .btn-primary:hover,
body.confirmdeposit form .btn-primary:hover,
body.path-contact form .btn-primary:hover,
body.path-user form button[type=submit]:hover,
body.path-registering form button[type=submit]:hover,
body.depositpage form button[type=submit]:hover,
body.withdrawpage form button[type=submit]:hover,
body.supportpage form button[type=submit]:hover,
body.confirmdeposit form button[type=submit]:hover,
body.path-contact form button[type=submit]:hover {
  background: #63ffa3;
  color: #04120a;
  transform: translateY(-1px);
}
body.path-user .linkbot a,
body.path-registering .linkbot a,
body.depositpage .linkbot a,
body.withdrawpage .linkbot a,
body.supportpage .linkbot a,
body.confirmdeposit .linkbot a,
body.path-contact .linkbot a,
body.path-user .terms a,
body.path-registering .terms a,
body.depositpage .terms a,
body.withdrawpage .terms a,
body.supportpage .terms a,
body.confirmdeposit .terms a,
body.path-contact .terms a,
body.path-user form .description a,
body.path-registering form .description a,
body.depositpage form .description a,
body.withdrawpage form .description a,
body.supportpage form .description a,
body.confirmdeposit form .description a,
body.path-contact form .description a,
body.path-user .content-main a,
body.path-registering .content-main a,
body.depositpage .content-main a,
body.withdrawpage .content-main a,
body.supportpage .content-main a,
body.confirmdeposit .content-main a,
body.path-contact .content-main a { color: #48ff91; }
body.path-user .form-item .description,
body.path-registering .form-item .description,
body.depositpage .form-item .description,
body.withdrawpage .form-item .description,
body.supportpage .form-item .description,
body.confirmdeposit .form-item .description,
body.path-contact .form-item .description,
body.path-user .terms p,
body.path-registering .terms p,
body.depositpage .terms p,
body.withdrawpage .terms p,
body.supportpage .terms p,
body.confirmdeposit .terms p,
body.path-contact .terms p { color: #8b8b98; }

body.path-user .logzone2,
body.path-user .highlighted,
body.path-registering .highlighted {
  background: radial-gradient(60% 420px at 50% 0%, rgba(72, 255, 145, .10) 0%, rgba(0, 0, 0, 0) 70%), #000000;
}

/* Formulaires présentés en carte, comme les cartes de /welcome */
body.path-user form.user-login-form,
body.path-user form.user-register-form,
body.path-user form.user-pass,
body.path-registering #main form,
body.withdrawpage form.webform-submission-form,
body.supportpage form.webform-submission-form,
body.confirmdeposit form.webform-submission-form {
  background: #0f0f13;
  border: 1px solid #1b1b22;
  border-radius: 18px;
  padding: 32px;
}


/* =====================================================================
   PAGE SUPERVISEUR (/supervisor_onlyadmin) — design /welcome
   ===================================================================== */
body.supervisorpage #page,
body.supervisorpage .featured-top,
body.supervisorpage .featured-top__inner {
  background: radial-gradient(60% 420px at 50% 0%, rgba(72, 255, 145, .10) 0%, rgba(0, 0, 0, 0) 70%), #000000;
}
body.supervisorpage .featured-top__inner.container { max-width: 1400px; }
body.supervisorpage .tf-invest .invest-hero.invest-hero-page { padding: 170px 0px 10px; background: transparent; }
body.supervisorpage .tf-invest .invest-hero-page .invest-hero-title { font-size: 56px; line-height: 60px; }

.tf-supervisor {
  max-width: 1360px;
  margin: 0px auto;
  padding: 30px 4px 80px;
  color: #ffffff;
  font-family: fira, "Helvetica Neue", Arial, sans-serif;
}
.tf-supervisor .tf-sv-section {
  margin-bottom: 48px;
  padding: 28px;
  background: #0f0f13;
  border: 1px solid #1b1b22;
  border-radius: 18px;
}
.tf-supervisor h2 {
  font-family: machinasb, fira, sans-serif;
  color: #ffffff;
  font-size: 28px;
  line-height: 34px;
  letter-spacing: 0px;
  text-transform: none;
  margin: 0px 0px 16px;
}
.tf-supervisor .tf-sv-note {
  color: #8b8b98;
  font-size: 14px;
  line-height: 21px;
  margin: 0px 0px 18px;
  padding: 12px 16px;
  background: rgba(72, 255, 145, .06);
  border: 1px solid rgba(72, 255, 145, .25);
  border-radius: 10px;
}
.tf-supervisor .tabledash,
.tf-supervisor .tabledash .table-responsive { margin: 0px; overflow-x: auto; }
.tf-supervisor .tabledash table {
  width: 100%;
  margin: 0px;
  background: transparent;
  --bs-table-bg: transparent;
  --bs-table-striped-bg: transparent;
  --bs-table-hover-bg: #16161c;
  --bs-table-accent-bg: transparent;
  border-collapse: collapse;
}
.tf-supervisor .tabledash table thead tr th {
  background: transparent;
  color: #8b8b98;
  font-family: fira, "Helvetica Neue", Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 12px 14px;
  border: 0px;
  border-bottom: 1px solid #23232c;
}
.tf-supervisor .tabledash table tbody tr td {
  background: transparent;
  color: #ffffff;
  font-family: fira, "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  text-transform: none;
  padding: 14px;
  border: 0px;
  border-bottom: 1px solid #1b1b22;
  vertical-align: middle;
}
.tf-supervisor .tabledash table tbody tr:last-child td { border-bottom: 0px; }
.tf-supervisor .tabledash table tbody tr:hover td { background: #16161c; }

/* Boutons (Edit, Approve) comme les boutons de /welcome */
.tf-supervisor .tf-sv-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 18px;
  font-family: fira, "Helvetica Neue", Arial, sans-serif;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  color: #04120a;
  background: #48ff91;
  border: 1px solid #48ff91;
  border-radius: 0px;
  transition: transform .15s, background .15s;
}
.tf-supervisor .tf-sv-btn:hover { background: #63ffa3; color: #04120a; transform: translateY(-1px); }
.tf-supervisor .tf-sv-btn--reject { color: #ff6060; background: transparent; border-color: #ff6060; margin-left: 6px; }
.tf-supervisor .tf-sv-btn--reject:hover { color: #000000; background: #ff6060; border-color: #ff6060; }
.tf-supervisor .form-control {
  background-color: #16161c;
  border: 1px solid #23232c;
  border-radius: 10px;
  color: #ffffff;
  font-size: 14px;
}

/* Superviseur : priorité sur les anciens styles des tableaux */
body.supervisorpage .tf-supervisor h2 { text-transform: none; }
body.supervisorpage .tf-supervisor .tabledash table thead tr,
body.supervisorpage .tf-supervisor .tabledash table tbody tr,
body.supervisorpage .tf-supervisor .tabledash table tbody tr:nth-child(odd),
body.supervisorpage .tf-supervisor .tabledash table tbody tr:nth-child(even) { background: transparent; }
body.supervisorpage .tf-supervisor .tabledash table tbody tr:nth-child(odd) td,
body.supervisorpage .tf-supervisor .tabledash table tbody tr:nth-child(even) td,
body.supervisorpage .tf-supervisor .tabledash table thead tr th { padding: 14px; }
body.supervisorpage .tf-supervisor .tabledash table tbody tr:hover td { background: #16161c; }
body.supervisorpage .tf-supervisor a.tf-sv-btn,
body.supervisorpage .tf-supervisor button.tf-sv-btn { color: #04120a; background: #48ff91; border: 1px solid #48ff91; border-radius: 0px; }
body.supervisorpage .tf-supervisor a.tf-sv-btn:hover,
body.supervisorpage .tf-supervisor button.tf-sv-btn:hover { color: #04120a; background: #63ffa3; }
body.supervisorpage .tf-supervisor button.tf-sv-btn--reject { color: #ff6060; background: transparent; border-color: #ff6060; }
body.supervisorpage .tf-supervisor button.tf-sv-btn--reject:hover { color: #000000; background: #ff6060; }

/* Superviseur / manager : bouton secondaire, recherche, cellules longues */
body.supervisorpage .tf-supervisor a.tf-sv-btn--ghost,
body.supervisorpage .tf-supervisor button.tf-sv-btn--ghost { color: #ffffff; background: transparent; border-color: #23232c; margin-right: 6px; }
body.supervisorpage .tf-supervisor a.tf-sv-btn--ghost:hover,
body.supervisorpage .tf-supervisor button.tf-sv-btn--ghost:hover { color: #48ff91; background: transparent; border-color: #48ff91; }
body.supervisorpage .tf-supervisor button.tf-sv-btn:disabled { opacity: .35; cursor: not-allowed; transform: none; }
body.supervisorpage .tf-supervisor .tf-sv-search { display: flex; gap: 10px; align-items: center; margin: 0px 0px 18px; max-width: 520px; }
body.supervisorpage .tf-supervisor .tf-sv-search .form-item { flex: 1; margin: 0px; }
body.supervisorpage .tf-supervisor .tf-sv-search input[type=search] { width: 100%; height: 42px; padding: 0px 14px; }
body.supervisorpage .tf-supervisor .tabledash table tbody tr td { white-space: normal; }
body.supervisorpage .tf-supervisor .tabledash table tbody tr td:last-child,
body.supervisorpage .tf-supervisor .tabledash table tbody tr td:first-child,
body.supervisorpage .tf-supervisor .tabledash table thead tr th { white-space: nowrap; }

@media (max-width: 767px) {
  body.supervisorpage .tf-invest .invest-hero.invest-hero-page { padding: 130px 0px 0px; }
  body.supervisorpage .tf-invest .invest-hero-page .invest-hero-title { font-size: 36px; line-height: 40px; }
  .tf-supervisor .tf-sv-section { padding: 18px; }
  .tf-supervisor h2 { font-size: 22px; line-height: 28px; }
}


/* =====================================================================
   PAGES D'ERREUR 403 / 404 (design /welcome)
   ===================================================================== */
.tf-invest .invest-error .invest-eyebrow { font-size: 14px; }
.tf-invest .invest-error-help { padding: 20px 0px 100px; }
.tf-invest .invest-error-help .invest-card-text a { font-weight: 600; }
.tf-invest .invest-error-links { margin-top: 32px; align-items: center; }
.tf-invest .invest-error-links span { color: #8b8b98; font-size: 13px; line-height: 18px; margin-right: 4px; }


/* =====================================================================
   PAGES WEBFORM (/form/…, confirmations) — design /welcome
   ===================================================================== */
body.path-webform { background: #000000; }
body.path-webform #main-wrapper,
body.path-webform #main,
body.path-webform .featured-top,
body.path-webform .featured-top__inner {
  background: radial-gradient(60% 420px at 50% 0%, rgba(72, 255, 145, .10) 0%, rgba(0, 0, 0, 0) 70%), #000000;
}
body.path-webform .block-page-title-block,
body.path-webform #block-bootstrap-barrio-subtheme-breadcrumbs { display: none; }
body.path-webform .site-footer { margin-top: 0px; }
body.path-webform .webform-confirmation__message { margin: 0px; }
body.path-webform .webform-confirmation__back { display: none; }
body.path-webform .tf-confirmation .invest-card-text a { color: #48ff91; }

/* Formulaires webform affichés seuls (/form/support, /form/contact…) */
body.path-webform form.webform-submission-form {
  max-width: 720px;
  margin: 160px auto 80px;
  padding: 32px;
  background: #0f0f13;
  border: 1px solid #1b1b22;
  border-radius: 18px;
  color: #ffffff;
  font-family: fira, "Helvetica Neue", Arial, sans-serif;
}
body.path-webform form.webform-submission-form label { color: #ffffff; font-size: 14px; font-weight: 600; }
body.path-webform form.webform-submission-form .form-control,
body.path-webform form.webform-submission-form .form-select,
body.path-webform form.webform-submission-form select,
body.path-webform form.webform-submission-form textarea {
  background-color: #16161c;
  border: 1px solid #23232c;
  border-radius: 10px;
  color: #ffffff;
  font-size: 15px;
}
body.path-webform form.webform-submission-form .form-control:focus,
body.path-webform form.webform-submission-form textarea:focus {
  border-color: #48ff91;
  box-shadow: 0px 0px 0px 3px rgba(72, 255, 145, .12);
}
body.path-webform form.webform-submission-form .form-submit {
  background: #48ff91;
  color: #04120a;
  border: 1px solid #48ff91;
  border-radius: 0px;
  font-size: 16px;
  font-weight: 600;
  padding: 13px 30px;
}
body.path-webform form.webform-submission-form .form-submit:hover { background: #63ffa3; }

/* Messages Drupal (confirmation, erreur) dans le design */
body.tf-page .messages__wrapper, body.path-webform .messages__wrapper,
body.path-user .messages__wrapper, body.path-registering .messages__wrapper,
body.supportpage .messages__wrapper, body.withdrawpage .messages__wrapper,
body.confirmdeposit .messages__wrapper, body.depositpage .messages__wrapper,
body.path-contact .messages__wrapper { max-width: 1360px; margin: 110px auto 0px; padding: 0px 16px; }
body.tf-page [role=contentinfo],
body.path-webform [role=contentinfo],
body.path-user [role=contentinfo],
body.path-registering [role=contentinfo],
body.supportpage [role=contentinfo],
body.withdrawpage [role=contentinfo],
body.confirmdeposit [role=contentinfo],
body.depositpage [role=contentinfo],
body.path-contact [role=contentinfo],
body.supervisorpage [role=contentinfo],
body.tf-page .alert,
body.path-webform .alert,
body.path-user .alert,
body.path-registering .alert,
body.supportpage .alert,
body.withdrawpage .alert,
body.confirmdeposit .alert,
body.depositpage .alert,
body.path-contact .alert,
body.supervisorpage .alert,
body.tf-page .alert-success,
body.path-webform .alert-success,
body.path-user .alert-success,
body.path-registering .alert-success,
body.supportpage .alert-success,
body.withdrawpage .alert-success,
body.confirmdeposit .alert-success,
body.depositpage .alert-success,
body.path-contact .alert-success,
body.supervisorpage .alert-success,
body.tf-page .alert-info,
body.path-webform .alert-info,
body.path-user .alert-info,
body.path-registering .alert-info,
body.supportpage .alert-info,
body.withdrawpage .alert-info,
body.confirmdeposit .alert-info,
body.depositpage .alert-info,
body.path-contact .alert-info,
body.supervisorpage .alert-info,
body.tf-page .messages--status,
body.path-webform .messages--status,
body.path-user .messages--status,
body.path-registering .messages--status,
body.supportpage .messages--status,
body.withdrawpage .messages--status,
body.confirmdeposit .messages--status,
body.depositpage .messages--status,
body.path-contact .messages--status,
body.supervisorpage .messages--status {
  background: #48ff91;
  border: 1px solid #48ff91;
  border-radius: 10px;
  color: #04120a;
  font-family: fira, "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
}
body.tf-page .alert-warning,
body.path-webform .alert-warning,
body.path-user .alert-warning,
body.path-registering .alert-warning,
body.supportpage .alert-warning,
body.withdrawpage .alert-warning,
body.confirmdeposit .alert-warning,
body.depositpage .alert-warning,
body.path-contact .alert-warning,
body.supervisorpage .alert-warning,
body.tf-page .messages--warning,
body.path-webform .messages--warning,
body.path-user .messages--warning,
body.path-registering .messages--warning,
body.supportpage .messages--warning,
body.withdrawpage .messages--warning,
body.confirmdeposit .messages--warning,
body.depositpage .messages--warning,
body.path-contact .messages--warning,
body.supervisorpage .messages--warning {
  background: #ffc95c;
  border-color: #ffc95c;
  color: #1a1200;
}
body.tf-page .alert-danger,
body.path-webform .alert-danger,
body.path-user .alert-danger,
body.path-registering .alert-danger,
body.supportpage .alert-danger,
body.withdrawpage .alert-danger,
body.confirmdeposit .alert-danger,
body.depositpage .alert-danger,
body.path-contact .alert-danger,
body.supervisorpage .alert-danger,
body.tf-page .messages--error,
body.path-webform .messages--error,
body.path-user .messages--error,
body.path-registering .messages--error,
body.supportpage .messages--error,
body.withdrawpage .messages--error,
body.confirmdeposit .messages--error,
body.depositpage .messages--error,
body.path-contact .messages--error,
body.supervisorpage .messages--error,
body.tf-page [role=alert].alert,
body.path-webform [role=alert].alert,
body.path-user [role=alert].alert,
body.path-registering [role=alert].alert,
body.supportpage [role=alert].alert,
body.withdrawpage [role=alert].alert,
body.confirmdeposit [role=alert].alert,
body.depositpage [role=alert].alert,
body.path-contact [role=alert].alert,
body.supervisorpage [role=alert].alert {
  background: #ff4d4d;
  border-color: #ff4d4d;
  color: #ffffff;
}
body.tf-page .alert a,
body.path-webform .alert a,
body.path-user .alert a,
body.path-registering .alert a,
body.supportpage .alert a,
body.withdrawpage .alert a,
body.confirmdeposit .alert a,
body.depositpage .alert a,
body.path-contact .alert a,
body.supervisorpage .alert a,
body.tf-page [role=contentinfo] a,
body.path-webform [role=contentinfo] a,
body.path-user [role=contentinfo] a,
body.path-registering [role=contentinfo] a,
body.supportpage [role=contentinfo] a,
body.withdrawpage [role=contentinfo] a,
body.confirmdeposit [role=contentinfo] a,
body.depositpage [role=contentinfo] a,
body.path-contact [role=contentinfo] a,
body.supervisorpage [role=contentinfo] a { color: inherit; text-decoration: underline; }
body.tf-page .alert .btn-close,
body.path-webform .alert .btn-close,
body.path-user .alert .btn-close,
body.path-registering .alert .btn-close,
body.supportpage .alert .btn-close,
body.withdrawpage .alert .btn-close,
body.confirmdeposit .alert .btn-close,
body.depositpage .alert .btn-close,
body.path-contact .alert .btn-close,
body.supervisorpage .alert .btn-close { filter: none; opacity: .6; }

@media (max-width: 767px) {
  body.path-webform form.webform-submission-form { margin: 120px 16px 60px; padding: 20px; }
}

/* Page dépôt : colonnes centrées (BTC + USDT) */
body.depositpage .depositzone .row { justify-content: center; }

/* Inscription (/registering/infos) : même mise en page que /login */
body.path-registering,
body.path-registering .loginlogoutzone { background-color: #000000; }
body.path-registering .logzone2 {
  background: radial-gradient(60% 420px at 50% 0%, rgba(72, 255, 145, .10) 0%, rgba(0, 0, 0, 0) 70%), #000000;
}
body.path-registering .loginlogoutzone form {
  background: #0f0f13;
  border: 1px solid #1b1b22;
  border-radius: 18px;
  padding: 32px;
}

/* Login / inscription : la rangée Bootstrap (marges -12px) débordait à droite */
.loginlogoutzone > .row { margin-left: 0px; margin-right: 0px; }

/* =====================================================================
   DÉBORDEMENTS HORIZONTAUX (audit 1440px / 390px)
   ===================================================================== */
/* Footer : ses rangées Bootstrap (marges -12px) débordaient sur mobile */
.footer1trustfund > .row { margin-left: 0px; margin-right: 0px; }

/* Login / inscription / mot de passe : colonne fixe de 500px trop large sur mobile */
.loginlogoutzone #content {
  max-width: 100%;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
}
.loginlogoutzone #content h1,
.loginlogoutzone #content .line,
.loginlogoutzone #content .content-main,
.loginlogoutzone #content form { max-width: 100%; box-sizing: border-box; }

/* Page support : la rangée principale débordait sur mobile */
body.supportpage .row-offcanvas { margin-left: 0px; margin-right: 0px; }

/* =====================================================================
   PROFIL UTILISATEUR (/user/current/edit) — design /welcome
   ===================================================================== */
/* Une seule lueur verte, tout en haut de la page ; le reste en noir uni */
body.path-user:has(.tf-profile-form) {
  background: radial-gradient(60% 420px at 50% 0%, rgba(72, 255, 145, .10) 0%, rgba(0, 0, 0, 0) 70%), #000000;
}
body.path-user:has(.tf-profile-form) #page, body.path-user:has(.tf-profile-form) #main-wrapper, body.path-user:has(.tf-profile-form) #main, body.path-user:has(.tf-profile-form) .highlighted,
body.path-user:has(.tf-profile-form) .featured-top, body.path-user:has(.tf-profile-form) .featured-top__inner, body.path-user:has(.tf-profile-form) .logzone2 { background: transparent; }
body.path-user:has(.tf-profile-form) #block-bootstrap-barrio-subtheme-page-title,
body.path-user:has(.tf-profile-form) #block-bootstrap-barrio-subtheme-breadcrumbs,
body.path-user:has(.tf-profile-form) .tabs, body.path-user:has(.tf-profile-form) nav.tabs { display: none; }
.tf-profile-form {
  max-width: 760px;
  margin: 0px auto 80px;
  padding: 0px 16px;
  color: #ffffff;
  font-family: fira, "Helvetica Neue", Arial, sans-serif;
}
.tf-profile-form .tf-profile-head { margin-bottom: 28px; }
.tf-profile-form .tf-profile-eyebrow {
  display: inline-block;
  margin: 0px 0px 16px;
  padding: 3px 9px;
  font-family: machinasb, fira, sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  color: #48ff91;
  background: rgba(72, 255, 145, .12);
  border: 1px solid rgba(72, 255, 145, .25);
  border-radius: 8px;
}
.tf-profile-form .tf-profile-title {
  font-family: machinasb, fira, sans-serif;
  font-size: 44px;
  line-height: 48px;
  color: #ffffff;
  margin: 0px 0px 12px;
  text-transform: none;
  text-align: left;
}
.tf-profile-form .tf-profile-sub { color: #8b8b98; font-size: 15px; line-height: 24px; margin: 0px; }
.tf-profile-form .tf-profile-section {
  margin-bottom: 20px;
  padding: 28px;
  background: #0f0f13;
  border: 1px solid #1b1b22;
  border-radius: 18px;
}
.tf-profile-form .tf-profile-section-title {
  font-family: machinasb, fira, sans-serif;
  font-size: 20px;
  line-height: 26px;
  color: #ffffff;
  margin: 0px 0px 8px;
  text-transform: none;
}
.tf-profile-form .tf-profile-note { color: #8b8b98; font-size: 14px; line-height: 21px; margin: 0px 0px 18px; }
.tf-profile-form .form-item { margin: 0px 0px 18px; max-width: 100%; }
.tf-profile-form label { color: #ffffff; font-size: 14px; font-weight: 600; margin-bottom: 6px; text-align: left; }
.tf-profile-form .form-control,
.tf-profile-form input[type=text],
.tf-profile-form input[type=email],
.tf-profile-form input[type=password] {
  width: 100%;
  height: 46px;
  padding: 0px 14px;
  background-color: #16161c;
  border: 1px solid #23232c;
  border-radius: 10px;
  color: #ffffff;
  font-size: 15px;
  text-align: left;
}
.tf-profile-form .form-control:focus { border-color: #48ff91; box-shadow: 0px 0px 0px 3px rgba(72, 255, 145, .12); outline: 0px; }
.tf-profile-form .description, .tf-profile-form .form-text { color: #8b8b98; font-size: 13px; line-height: 19px; margin-top: 6px; }
.tf-profile-form .password-strength, .tf-profile-form .password-confirm { color: #8b8b98; font-size: 13px; }
.tf-profile-form .tf-profile-doc { position: relative; padding: 16px; margin-bottom: 14px; background: #16161c; border: 1px solid #23232c; border-radius: 12px; }
.tf-profile-form .tf-profile-doc .form-item { margin: 0px; }
.tf-profile-form .tf-profile-badge {
  position: absolute;
  top: 14px;
  right: 14px;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
}
.tf-profile-form .tf-profile-badge.is-ok { color: #04120a; background: #48ff91; }
.tf-profile-form .tf-profile-badge.is-missing { color: #1a1200; background: #ffc95c; }
.tf-profile-form .tf-profile-doc button,
.tf-profile-form .tf-profile-doc .button { border-radius: 0px; }
.tf-profile-form .tf-profile-code {
  margin: 0px;
  font-family: "JetBrains Mono", monospace;
  font-size: 28px;
  line-height: 34px;
  font-weight: 700;
  color: #48ff91;
  letter-spacing: 1px;
}
.tf-profile-form .form-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-top: 8px; text-align: left; }
.tf-profile-form .form-actions .form-submit {
  background: #48ff91;
  color: #04120a;
  border: 1px solid #48ff91;
  border-radius: 0px;
  font-size: 16px;
  font-weight: 600;
  padding: 13px 30px;
}
.tf-profile-form .form-actions .form-submit:hover { background: #63ffa3; }
.tf-profile-form .tf-profile-back {
  display: inline-flex;
  align-items: center;
  padding: 13px 24px;
  color: #ffffff;
  border: 1px solid #23232c;
  text-decoration: none;
  font-size: 15px;
}
.tf-profile-form .tf-profile-back:hover { color: #48ff91; border-color: #48ff91; }
/* Profil : reste du conteneur "account" de Drupal, sans boîte ni fond */
body.path-user .tf-profile-form .tf-profile-account-rest,
body.path-user .tf-profile-form #edit-account {
  background: transparent;
  border: 0px;
  padding: 0px;
  margin: 0px;
  box-shadow: none;
}
/* Profil : widget mot de passe (force, confirmation, conseils) dans le design */
body.path-user .tf-profile-form .tf-profile-section fieldset,
body.path-user .tf-profile-form .tf-profile-section .js-form-type-password-confirm,
body.path-user .tf-profile-form .tf-profile-section .form-type-password-confirm {
  background: transparent;
  border: 0px;
  padding: 0px;
  margin: 0px 0px 18px;
  box-shadow: none;
}
body.path-user .tf-profile-form .password-strength { margin-top: 8px; }
body.path-user .tf-profile-form .password-strength__meter {
  height: 6px;
  background: #23232c;
  border-radius: 999px;
  overflow: hidden;
}
body.path-user .tf-profile-form .password-strength__indicator { background: #48ff91; border-radius: 999px; }
body.path-user .tf-profile-form .password-strength__indicator.is-weak { background: #ff4d4d; }
body.path-user .tf-profile-form .password-strength__indicator.is-fair { background: #ffc95c; }
body.path-user .tf-profile-form .password-strength__title,
body.path-user .tf-profile-form .password-confirm-message { color: #8b8b98; font-size: 13px; margin-top: 6px; }
body.path-user .tf-profile-form .password-strength__text,
body.path-user .tf-profile-form .password-confirm-message .ok { color: #48ff91; }
body.path-user .tf-profile-form .password-confirm-message .error { color: #ff4d4d; }
body.path-user .tf-profile-form .password-suggestions {
  margin: 12px 0px 0px;
  padding: 14px 16px;
  background: #16161c;
  border: 1px solid #23232c;
  border-radius: 10px;
  color: #c9c9d3;
  font-size: 13px;
  line-height: 20px;
}
body.path-user .tf-profile-form .password-suggestions ul { margin: 6px 0px 0px; padding-left: 18px; }

@media (max-width: 767px) {
  .tf-profile-form { margin-top: 0px; }
  .tf-profile-form .tf-profile-title { font-size: 32px; line-height: 36px; }
  .tf-profile-form .tf-profile-section { padding: 20px; }
  .tf-profile-form .tf-profile-code { font-size: 22px; }
}

/* Profil : aucune autre lueur que celle du haut — aucun conteneur de la page
   ne dessine de dégradé (les champs gardent leurs icônes) */
body.path-user:has(.tf-profile-form) .dialog-off-canvas-main-canvas div,
body.path-user:has(.tf-profile-form) .dialog-off-canvas-main-canvas section,
body.path-user:has(.tf-profile-form) .dialog-off-canvas-main-canvas aside,
body.path-user:has(.tf-profile-form) .dialog-off-canvas-main-canvas main,
body.path-user:has(.tf-profile-form) .dialog-off-canvas-main-canvas header,
body.path-user:has(.tf-profile-form) .dialog-off-canvas-main-canvas nav { background-image: none; }
body.path-user:has(.tf-profile-form) #page, body.path-user:has(.tf-profile-form) #page-wrapper, body.path-user:has(.tf-profile-form) .dialog-off-canvas-main-canvas,
body.path-user:has(.tf-profile-form) #main-wrapper, body.path-user:has(.tf-profile-form) #main, body.path-user:has(.tf-profile-form) .region, body.path-user:has(.tf-profile-form) .highlighted,
body.path-user:has(.tf-profile-form) .featured-top, body.path-user:has(.tf-profile-form) .featured-top__inner, body.path-user:has(.tf-profile-form) .featured-bottom,
body.path-user:has(.tf-profile-form) .content-main, body.path-user:has(.tf-profile-form) section.section { background-color: transparent; }

/* Profil : tout le formulaire dans une seule région (une carte), sections
   séparées par un simple filet */
body.path-user:has(.tf-profile-form) form.tf-profile-form {
  background: transparent;
  border: 0px;
  border-radius: 0px;
  padding: 0px 16px;
  margin-top: 0px;
}
body.path-user:has(.tf-profile-form) form.tf-profile-form .tf-profile-head {
  margin: 0px 0px 8px;
  padding-bottom: 24px;
  border-bottom: 1px solid #1b1b22;
}
body.path-user:has(.tf-profile-form) form.tf-profile-form .tf-profile-section {
  background: transparent;
  border: 0px;
  border-bottom: 1px solid #1b1b22;
  border-radius: 0px;
  margin: 0px;
  padding: 26px 0px;
}
body.path-user:has(.tf-profile-form) form.tf-profile-form .tf-profile-doc { background: #16161c; }
body.path-user:has(.tf-profile-form) form.tf-profile-form .form-actions { padding-top: 26px; margin-top: 0px; }
@media (max-width: 767px) {
  body.path-user:has(.tf-profile-form) form.tf-profile-form { padding: 0px 16px; margin-top: 0px; }
}

/* /user/… : l'ancienne règle ".path-user #main-wrapper #main" (width 666px,
   height 100vh-400px, CSS DASHBOARD) faisait passer le contenu des pages
   d'erreur et du profil par-dessus le footer */
body.path-user.tf-error #main-wrapper #main,
body.path-user:has(.tf-profile-form) #main-wrapper #main {
  width: auto;
  max-width: 1360px;
  height: auto;
}

/* Justificatifs d'identité / de domicile : même style de champ partout
   (profil, inscription, admin), hauteur 24px */
body #edit-field-proof-of-identity-wrapper .form-control,
body #edit-field-proof-of-identity-wrapper input[type="text"],
body #edit-field-proof-of-identity-wrapper input[type="email"],
body #edit-field-proof-of-identity-wrapper input[type="password"],
body #edit-field-proof-of-identity-wrapper input[type="file"],
body #edit-field-proof-of-address-wrapper .form-control,
body #edit-field-proof-of-address-wrapper input[type="text"],
body #edit-field-proof-of-address-wrapper input[type="email"],
body #edit-field-proof-of-address-wrapper input[type="password"],
body #edit-field-proof-of-address-wrapper input[type="file"] {
  width: 100%;
  height: 24px;
  padding: 0px 14px;
  background-color: #16161c;
  border: 1px solid #23232c;
  border-radius: 10px;
  color: #ffffff;
  font-size: 15px;
  text-align: left;
}
body #edit-field-proof-of-identity-wrapper .form-control:focus,
body #edit-field-proof-of-address-wrapper .form-control:focus {
  border-color: #48ff91;
  box-shadow: 0px 0px 0px 3px rgba(72, 255, 145, .12);
  outline: 0px;
}

/* Profile: Save changes + Back aligned */
body.path-user form.tf-profile-form .form-actions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
body.path-user form.tf-profile-form .form-actions #edit-submit,
body.path-user form.tf-profile-form .form-actions .tf-profile-back {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  margin: 0px;
  padding: 0px 28px;
  font-family: fira, "Helvetica Neue", Arial, sans-serif;
  font-size: 15px;
  line-height: 46px;
  float: none;
  vertical-align: middle;
}

/* Profile edit only: cancel #edit-actions button margins from dashboard sheet */
.path-user #user-form.tf-profile-form #edit-actions button,
.path-user #user-form.tf-profile-form #edit-actions #edit-submit {
  margin-top: 0px;
  margin-bottom: 0px;
}

/* Sign-up page: every input the same height as Full name */
body.path-registering form input.form-control:not([type=hidden]) {
  height: 45px;
  box-sizing: border-box;
}