/* ----- Tableau récapitulatif ----- */
	.avt2-wrap {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 15px;
  color: #1a1a1a;
   margin: 1.5rem ;}

/* ----- Onglets ----- */
.avt2-tabs {
  display: flex;
  gap: 0;
  border-bottom: 2px solid #e5e5e3;
  margin-bottom: 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;}

.avt2-tabs::-webkit-scrollbar {
  display: none;
}

.avt2-tab {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0.7rem 1.1rem;
  font-size: 16px;
  font-weight: 600;
  color: #888;
  cursor: pointer;
  border: none;
  background: none;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  white-space: nowrap;
  transition: color 0.15s, border-color 0.15s;
  flex-shrink: 0;}

.avt2-tab:hover {
  color: #185FA5;}

.avt2-tab.avt2-tab--active {
  color: #185FA5;
  border-bottom-color: #185FA5;}

/* ----- Panneaux ----- */
.avt2-panels {
  background: #fff;
  border: 1px solid #e5e5e3;
  border-top: none;
  border-radius: 0 0 12px 12px;
  overflow: hidden;}

.avt2-panel {display: none;}

.avt2-panel.avt2-panel--active {
  display: block;}

/* ----- Tableau ----- */
.avt2-table {
  width: 100%;
  border-collapse: collapse;}

.avt2-table tr {
  border-bottom: 1px solid #f0f0ee;
  transition: background 0.1s;}

.avt2-table tr:last-child {
  border-bottom: none;}

.avt2-table tr:hover {
  background: #fafaf9;}

.avt2-table td {
  padding: 0.6rem 1rem;
  vertical-align: middle;
  line-height: 1.4;}

.avt2-table td:first-child {
  color: #666;
  width: 50%;
  font-size: 15px;}

.avt2-table td:last-child {
  font-weight: 500;
  color: #1a1a1a;
  font-size: 15px;}

/* ----- En-tête de groupe ----- */
.avt2-group-header td {
  background: #f5f7fa;
  color: #185FA5 !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 0.45rem 1rem !important;
  border-bottom: 1px solid #e5e5e3 !important;
}

/* ----- Badges oui/non ----- */
.avt2-yes {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #EAF3DE;
  color: #27500A;
  border-radius: 20px;
  padding: 2px 9px;
  font-size: 12px;
  font-weight: 600;}

.avt2-yes::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #639922;}

.avt2-no {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #fdf0f0;
  color: #7a1f1f;
  border-radius: 20px;
  padding: 2px 9px;
  font-size: 14px;
  font-weight: 600;}

.avt2-no::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #E24B4A;}

/* ----- Spread bar ----- */
.avt2-spread {
  display: flex;
  align-items: center;
  gap: 8px;}

.avt2-spread__val {
  font-weight: 600;
  min-width: 42px;
  font-size: 13px;}

.avt2-spread__bar-wrap {
  flex: 1;
  height: 5px;
  background: #f0f0ee;
  border-radius: 3px;
  overflow: hidden;
  max-width: 100px;}

.avt2-spread__bar {
  height: 100%;
  border-radius: 3px;
  background: #185FA5;}

.avt2-spread--good .avt2-spread__val { color: #3B6D11; }
.avt2-spread--good .avt2-spread__bar { background: #639922; }
.avt2-spread--avg  .avt2-spread__val { color: #854F0B; }
.avt2-spread--avg  .avt2-spread__bar { background: #EF9F27; }
.avt2-spread--bad  .avt2-spread__val { color: #A32D2D; }
.avt2-spread--bad  .avt2-spread__bar { background: #E24B4A; }

/* ----- Pill instrument ----- */
.avt2-pill {
  display: inline-block;
  background: #E6F1FB;
  color: #0C447C;
  border-radius: 20px;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 600;}

/* ----- Lien ----- */
.avt2-link {
  color: #185FA5;
  text-decoration: none;
  font-weight: 500;}

.avt2-link:hover {
  text-decoration: underline;}

/* ----- Responsive mobile ----- */
@media (max-width: 1000px) {
	
.avt2-wrap {  margin: 0rem ;}


.avt2-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    overflow: visible;
    border-bottom: none;
    gap: 4px;
    margin-bottom: 6px;}

.avt2-tab {
    border: 1px solid #e5e5e3;
    border-bottom: 1px solid #e5e5e3;
    border-radius: 8px;
    margin-bottom: 0;
    justify-content: center;
    text-align: center;
    padding: 0.55rem 0.25rem;
    font-size: 11px;
    color: #555;}

.avt2-tab.avt2-tab--active {
    background: #185FA5;
    color: #fff;
    border-color: #185FA5;}

.avt2-panels {
    border-radius: 12px;
    border-top: 1px solid #e5e5e3;}

.avt2-table td {
    padding: 0.55rem 0.75rem;}


.avt2-spread__bar-wrap {
    max-width: 60px;}}
	
	

.avt-actualites {
 background: #f7f7f5;
  border-radius: 10px;
  padding: 0.85rem 1rem;
margin: 10px;
font-size: 14px;}
	

.avt-section__title {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #888;
  margin: 0 0 1.1rem;}

	/* ----- Avis clients ----- */
.avt-reviews {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 0.75rem;}

.avt-review-card {
  background: #f7f7f5;
  border-radius: 10px;
  padding: 0.85rem 1rem;
  text-align: center;
margin: 0px 10px 10px 10px;}

.avt-review-card__source {
  font-size: 13px;
  font-weight: 600;
  color: #555;
  margin-bottom: 4px;}

.avt-review-card__score {
  font-size: 22px;
  font-weight: 700;
  color: #185FA5;
  line-height: 1;}

.avt-review-card__stars {
  color: #EF9F27;
  font-size: 12px;
  margin: 2px 0;}

.avt-review-card__count {
  font-size: 12px;
  color: #999;}
	

/* ----- Ratings ----- */
.avt-ratings {
  display: flex;
  flex-direction: column;
  gap: 0;
max-width: 660px;
	border: 1px solid #e5e5e3;
  border-radius: 14px;
  padding: 1.4rem 1.5rem;}

.avt-rating-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.55rem 0;
  border-bottom: 1px solid #f0f0ee;}

.avt-rating-row:last-child {
  border-bottom: none;}

.avt-rating-row__label {
  flex: 1;
  font-size: 15px;
  color: #333;}

.avt-rating-row__bar-wrap {
  width: 130px;
  height: 6px;
  background: #f0f0ee;
  border-radius: 3px;
  overflow: hidden;
  flex-shrink: 0;}

.avt-rating-row__bar {
  height: 100%;
  background: #185FA5;
  border-radius: 3px;
  transition: width 0.3s ease;}

.avt-rating-row__num {
  font-size: 13px;
  font-weight: 600;
  color: #185FA5;
  min-width: 30px;
  text-align: right;}
	
/* ----- Tableau de spreads ----- */
.avt-spreads {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
  gap: 0.6rem;
  margin-bottom: 0.75rem;}

.avt-spread-item {
  background: #f7f7f5;
  border-radius: 8px;
  padding: 0.65rem 0.5rem;
  text-align: center;}

.avt-spread-item__asset {
  font-size: 11px;
  color: #888;
  margin-bottom: 3px;}

.avt-spread-item__val {
  font-size: 16px;
  font-weight: 600;}

.avt-spread-item--good .avt-spread-item__val { color: #3B6D11; }
.avt-spread-item--avg  .avt-spread-item__val { color: #854F0B; }
.avt-spread-item--bad  .avt-spread-item__val { color: #A32D2D; }

.avt-spread-legend {
  font-size: 13px;
  color: #888;
  line-height: 1.5;}
	
	
.container-brokers {
  display: flex;
  gap: 1rem;
border-bottom: 2px solid #e5e5e3; padding-bottom: 10px;}


.notes-gauche {flex: 6;}

.demo-droite {flex: 4;}
	

/* Mobile */
@media (max-width: 768px) {
  .container-brokers {
flex-direction: column;}}