/* ============================================================
   SignalNids Référent V3.9.6 — Accueil / Expertise partagée réductible
   ============================================================ */

.sn-expertise-pro{
  position:relative;
  overflow:hidden;
  margin-top:18px!important;
  padding:0!important;
  border:1px solid #d8e6df!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(15,64,50,.055)!important;
}

.sn-expertise-pro::before{
  content:'';
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,#00765a,#19a77f);
}

.sn-expertise-pro__head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:22px 24px 18px 28px;
  border-bottom:1px solid #e6eeea;
  background:linear-gradient(115deg,#f5fbf8 0%,#ffffff 58%,#f8fbfa 100%);
}

.sn-expertise-pro__eyebrow{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 7px;
  color:#14725c;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.sn-expertise-pro__eyebrow::before{
  content:'';
  width:8px;
  height:8px;
  border-radius:50%;
  background:#11a37d;
  box-shadow:0 0 0 4px rgba(17,163,125,.10);
}

.sn-expertise-pro__title{
  margin:0!important;
  color:#103f34!important;
  font-size:clamp(1.25rem,2vw,1.8rem)!important;
  line-height:1.15!important;
  letter-spacing:-.02em;
}

.sn-expertise-pro__subtitle{
  margin:7px 0 0;
  color:#6a7d75;
  font-size:.78rem;
  line-height:1.45;
}

.sn-expertise-pro__actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}

.sn-expertise-pro__toggle,
.sn-expertise-pro__cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px;
  min-height:46px!important;
  padding:11px 16px!important;
  border-radius:12px!important;
  text-decoration:none!important;
  font-weight:850!important;
  white-space:nowrap!important;
  transition:transform .15s ease,background .15s ease,border-color .15s ease;
}

.sn-expertise-pro__toggle{
  border:1px solid #cfe0d8!important;
  background:#fff!important;
  color:#205346!important;
  cursor:pointer;
  box-shadow:0 6px 16px rgba(0,81,62,.06)!important;
}

.sn-expertise-pro__toggle:hover{
  background:#f7fbf9!important;
  border-color:#b7d1c5!important;
}

.sn-expertise-pro__cta{
  border:1px solid #00664e!important;
  background:#00664e!important;
  color:#fff!important;
  box-shadow:0 6px 16px rgba(0,81,62,.13)!important;
}

.sn-expertise-pro__cta:hover,
.sn-expertise-pro__toggle:hover{
  transform:translateY(-1px);
}

.sn-expertise-pro__cta:hover{ background:#005640!important; }

.sn-expertise-pro__cta svg,
.sn-expertise-pro__toggle svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.sn-expertise-pro__toggle-icon{
  display:inline-flex;
  transition:transform .18s ease;
}

.sn-expertise-pro.is-collapsed .sn-expertise-pro__toggle-icon{
  transform:rotate(-180deg);
}

.sn-expertise-pro__tools{
  padding:18px 22px 22px 26px;
}

.sn-expertise-pro__tools[hidden]{
  display:none!important;
}

.sn-expertise-pro.is-collapsed .sn-expertise-pro__head{
  padding-bottom:20px;
  border-bottom:none;
}

.sn-expertise-pro.is-collapsed .sn-expertise-pro__subtitle{
  margin-top:4px;
}

.sn-expertise-pro__tools-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:12px;
}

.sn-expertise-pro__tools-head strong{
  color:#315e50;
  font-size:.75rem;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.sn-expertise-pro__tools-head span{
  color:#84918c;
  font-size:.66rem;
}

.sn-expertise-pro__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
}

.sn-expertise-pro__card{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 18px;
  gap:10px;
  align-items:center;
  min-height:78px;
  padding:11px 12px!important;
  border:1px solid #dce8e2!important;
  border-radius:12px!important;
  background:#fbfdfc!important;
  color:#194b3d!important;
  text-decoration:none!important;
  transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease;
}

.sn-expertise-pro__card:hover{
  transform:translateY(-1px);
  border-color:#bcd7cb!important;
  background:#fff!important;
  box-shadow:0 8px 18px rgba(15,64,50,.065);
}

.sn-expertise-pro__icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:11px;
  background:#eaf6f0;
  color:#00664e;
}

.sn-expertise-pro__icon svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.sn-expertise-pro__copy{ min-width:0; }

.sn-expertise-pro__copy strong{
  display:block;
  margin:0;
  color:#194b3d;
  font-size:.78rem;
  line-height:1.25;
}

.sn-expertise-pro__copy small{
  display:block;
  margin-top:3px;
  color:#788981;
  font-size:.62rem;
  line-height:1.3;
}

.sn-expertise-pro__arrow{
  color:#8aa49a;
  font-size:1rem;
  text-align:center;
}

.sn-expertise-pro__card[data-kind="urgent"] .sn-expertise-pro__icon{ background:#fff4e6; color:#be7617; }
.sn-expertise-pro__card[data-kind="message"] .sn-expertise-pro__icon{ background:#edf4fc; color:#3275b9; }
.sn-expertise-pro__card[data-kind="data"] .sn-expertise-pro__icon{ background:#f2edfb; color:#7052af; }
.sn-expertise-pro__card[data-kind="radar"] .sn-expertise-pro__icon{ background:#edf8f4; color:#008b69; }
.sn-expertise-pro__card[data-kind="guide"] .sn-expertise-pro__icon{ background:#fff7e8; color:#b47a17; }
.sn-expertise-pro__card[data-kind="trap"] .sn-expertise-pro__icon{ background:#eef7ef; color:#4b8253; }

.sn-expertise-pro__empty{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-top:9px;
  color:#658078;
  font-size:.68rem;
}

.sn-expertise-pro__empty i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#25a477;
}

@media(max-width:1180px){ .sn-expertise-pro__grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } }

@media(max-width:850px){
  .sn-expertise-pro__head{
    grid-template-columns:1fr;
    padding:18px 18px 15px 22px;
  }

  .sn-expertise-pro__actions{ justify-content:stretch; }

  .sn-expertise-pro__toggle,
  .sn-expertise-pro__cta{ width:100%; }

  .sn-expertise-pro__tools{ padding:15px 16px 18px 20px; }
  .sn-expertise-pro__grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media(max-width:520px){
  .sn-expertise-pro{ border-radius:14px!important; }
  .sn-expertise-pro__head{ padding:15px 14px 14px 18px; }
  .sn-expertise-pro__tools{ padding:14px 12px 16px 16px; }
  .sn-expertise-pro__grid{ grid-template-columns:minmax(0,1fr); gap:7px; }
  .sn-expertise-pro__card{ min-height:68px; grid-template-columns:38px minmax(0,1fr) 16px; padding:9px 10px!important; }
  .sn-expertise-pro__icon{ width:38px; height:38px; }
  .sn-expertise-pro__tools-head{ display:block; }
  .sn-expertise-pro__tools-head span{ display:none; }
}

@media(prefers-reduced-motion:reduce){
  .sn-expertise-pro__cta,
  .sn-expertise-pro__toggle,
  .sn-expertise-pro__toggle-icon,
  .sn-expertise-pro__card{ transition:none!important; }
}
