/*
 * Pubzone V4.6 — Espace membre 100 %
 * Couche finale commune à toutes les pages membres.
 *
 * Objectifs :
 * - aucune dépendance au zoom navigateur à 90 % ;
 * - coque desktop plus compacte sans zoom CSS ni transform:scale() ;
 * - composants, formulaires, tableaux et cartes cohérents ;
 * - conservation du parcours PWA/mobile V4.5.5.
 */

.member-sidebar-toggle{display:none}

.member-app-v46{
  --pz46-purple:#6557ef;
  --pz46-purple-dark:#4f43cc;
  --pz46-purple-soft:#efedff;
  --pz46-navy:#121a31;
  --pz46-ink:#141c31;
  --pz46-muted:#69758a;
  --pz46-line:#e2e7f0;
  --pz46-soft:#f4f6fb;
  --pz46-card:#fff;
  --pz46-green:#12a36a;
  --pz46-orange:#e99117;
  --pz46-red:#df5261;
  --pz46-blue:#3378d4;
  --pz46-header:64px;
  --pz46-sidebar:220px;
  position:relative;
  isolation:isolate;
  width:100%;
  max-width:100vw;
  min-height:100dvh;
  overflow-x:clip;
  color:var(--pz46-ink);
  background:
    radial-gradient(circle at 89% 1%,rgba(101,87,239,.075),transparent 25rem),
    radial-gradient(circle at 28% 36%,rgba(18,163,106,.035),transparent 24rem),
    var(--pz46-soft);
  font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:14px;
  line-height:1.45;
}

.member-app-v46,
.member-app-v46 *,
.member-app-v46 *::before,
.member-app-v46 *::after{box-sizing:border-box}

.member-app-v46 :where(a,button,input,select,textarea,summary){-webkit-tap-highlight-color:transparent}
.member-app-v46 :where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid rgba(101,87,239,.22);outline-offset:2px}
.member-app-v46 :where(img,svg,video,canvas){max-width:100%}
.member-app-v46 :where(.member-main-v46,.member-main-v46>*,section,article,div,form,label){min-width:0}

/* --------------------------------------------------------------------------
   Coque desktop — dimensionnée nativement pour un navigateur à 100 %
   -------------------------------------------------------------------------- */
@media (min-width:761px){
  .member-app-v46 .member-head-v46{
    position:fixed;
    inset:0 0 auto 0;
    z-index:900;
    display:flex;
    align-items:center;
    width:100%;
    max-width:none;
    height:var(--pz46-header);
    padding:0 18px;
    gap:13px;
    border:0;
    border-bottom:1px solid rgba(218,224,235,.92);
    background:rgba(255,255,255,.94);
    box-shadow:0 7px 30px rgba(22,29,52,.045);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }

  .member-app-v46 .member-head-v46.has-scrolled{box-shadow:0 10px 34px rgba(22,29,52,.09)}

  .member-app-v46 .member-head-v46>.logo{
    flex:0 0 174px!important;
    width:174px!important;
    min-width:174px;
    font-size:25px;
    letter-spacing:-1.15px;
  }

  .member-app-v46 .member-head-v46 .logo-mark{
    width:36px;
    height:36px;
    border-radius:11px;
    box-shadow:0 8px 18px rgba(101,87,239,.23);
  }

  .member-sidebar-toggle{
    display:grid;
    flex:0 0 38px;
    width:38px;
    height:38px;
    place-items:center;
    padding:0;
    border:1px solid var(--pz46-line);
    border-radius:11px;
    color:#667086;
    background:#fff;
    box-shadow:0 5px 16px rgba(25,33,55,.04);
    cursor:pointer;
    transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease;
  }

  .member-sidebar-toggle:hover{color:var(--pz46-purple);border-color:#d1cbff;background:#f8f7ff}
  .member-sidebar-toggle>span{display:block;font-size:25px;line-height:1;transform:translateY(-1px);transition:transform .2s ease}

  .member-app-v46 .member-search{
    width:min(540px,36vw);
    max-width:540px;
    height:42px;
    margin-left:1px;
    padding:0 13px;
    gap:10px;
    border:1px solid #dfe4ed;
    border-radius:12px;
    color:#7a8598;
    background:#f8f9fc;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
    transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
  }

  .member-app-v46 .member-search:focus-within{
    border-color:#bab2ff;
    background:#fff;
    box-shadow:0 0 0 4px rgba(101,87,239,.09);
  }

  .member-app-v46 .member-search>span{font-size:18px;color:#7b70e7}
  .member-app-v46 .member-search input{font-size:13px;color:var(--pz46-ink)}
  .member-app-v46 .member-search input::placeholder{color:#8b94a5;opacity:1}
  .member-app-v46 .member-search kbd{padding:4px 7px;border-radius:7px;font-size:9px;color:#7f899a;background:#fff}

  .member-app-v46 .member-actions{gap:8px}
  .member-app-v46 .head-icon{
    width:42px;
    height:42px;
    border-radius:12px;
    color:#5c667a;
    background:#fff;
    box-shadow:0 5px 16px rgba(25,33,55,.035);
    transition:transform .18s ease,border-color .18s ease,color .18s ease;
  }
  .member-app-v46 .head-icon:hover{transform:translateY(-1px);border-color:#cec8ff;color:var(--pz46-purple)}

  .member-app-v46 .user-chip{
    min-height:44px;
    padding:4px 7px 4px 4px;
    border:1px solid transparent;
    border-radius:13px;
    transition:border-color .18s ease,background .18s ease;
  }
  .member-app-v46 .user-chip:hover{border-color:var(--pz46-line);background:#f8f9fc}
  .member-app-v46 .user-chip>span{width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,#151d34,#2d3560);box-shadow:0 8px 18px rgba(18,26,49,.18)}
  .member-app-v46 .user-chip b{font-size:12px}
  .member-app-v46 .user-chip small{font-size:10px}

  .member-app-v46 .member-side-v453{
    position:fixed;
    z-index:700;
    top:var(--pz46-header);
    bottom:0;
    left:0;
    display:flex;
    width:var(--pz46-sidebar);
    height:calc(100dvh - var(--pz46-header));
    padding:13px 11px 14px;
    border-right:1px solid rgba(219,225,236,.96);
    overflow:hidden;
    background:rgba(255,255,255,.97);
    box-shadow:10px 0 30px rgba(25,33,55,.025);
    transition:width .22s cubic-bezier(.2,.8,.2,1);
  }

  .member-app-v46 .member-nav-v453{
    flex:1 1 auto;
    gap:3px;
    padding:1px 3px 8px 0;
    overflow-x:hidden;
    overflow-y:auto;
    scrollbar-width:thin;
    scrollbar-color:#d4cffb transparent;
  }

  .member-app-v46 .member-nav-v453::-webkit-scrollbar{width:5px}
  .member-app-v46 .member-nav-v453::-webkit-scrollbar-thumb{border-radius:99px;background:#d4cffb}
  .member-app-v46 .member-nav-title{margin:5px 11px 6px!important;font-size:9px!important;letter-spacing:.15em!important}

  .member-app-v46 .member-nav-v453>a,
  .member-app-v46 .member-nav-group-v453>summary{
    min-height:40px;
    padding:7px 9px;
    border-radius:11px;
    color:#5e6980;
    font-size:13px;
    font-weight:730;
    transition:color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;
  }

  .member-app-v46 .member-nav-v453>a:hover,
  .member-app-v46 .member-nav-group-v453>summary:hover{color:var(--pz46-purple);background:#f5f3ff;transform:translateX(1px)}

  .member-app-v46 .member-nav-v453>a>i,
  .member-app-v46 .member-nav-group-v453>summary>i{
    display:grid;
    flex:0 0 28px;
    width:28px;
    height:28px;
    place-items:center;
    border-radius:9px;
    color:#68738a;
    background:#f3f5f9;
    font-size:13px;
  }

  .member-app-v46 .member-nav-v453>a.active{
    color:#5548dc;
    background:linear-gradient(100deg,#ece9ff,#f4f2ff);
    box-shadow:inset 3px 0 0 var(--pz46-purple);
    font-weight:850;
  }
  .member-app-v46 .member-nav-v453>a.active>i{color:#fff;background:linear-gradient(145deg,#786af5,#5849db);box-shadow:0 6px 14px rgba(101,87,239,.22)}

  .member-app-v46 .member-nav-group-v453>summary{grid-template-columns:28px minmax(0,1fr) 12px;gap:8px}
  .member-app-v46 .member-nav-group-v453[open]>summary{color:#5548dc;background:#f6f4ff}
  .member-app-v46 .member-nav-group-v453[open]>summary>i{color:#fff;background:linear-gradient(145deg,#786af5,#5849db)}
  .member-app-v46 .member-nav-sub{gap:2px;margin:2px 0 4px 14px;padding:3px 0 3px 9px;border-left-color:#ded9ff}
  .member-app-v46 .member-nav-sub>a{min-height:34px!important;padding:6px 8px!important;border-radius:9px!important;font-size:12px!important}
  .member-app-v46 .member-nav-sub>a>i{width:20px!important;min-width:20px!important;height:20px!important;font-size:11px!important;background:transparent!important;box-shadow:none!important}
  .member-app-v46 .member-nav-sub>a.active{background:#ece9ff!important}

  .member-app-v46 .credit-box{
    flex:0 0 auto;
    margin:9px 1px 0;
    padding:13px;
    border:1px solid #ded9ff;
    border-radius:15px;
    background:
      radial-gradient(circle at 94% 5%,rgba(101,87,239,.13),transparent 48%),
      linear-gradient(145deg,#f3f1ff,#fbfaff);
    box-shadow:0 9px 24px rgba(72,57,182,.07);
  }
  .member-app-v46 .credit-box>div:first-child{font-size:10px}
  .member-app-v46 .credit-box>strong{margin-top:7px;font-size:21px}
  .member-app-v46 .credit-box>strong small,.member-app-v46 .credit-box>a{font-size:10px}
  .member-app-v46 .credit-bar{height:5px;margin:8px 0}

  .member-app-v46 .member-main-v46{
    position:relative;
    z-index:1;
    width:calc(100% - var(--pz46-sidebar))!important;
    max-width:none!important;
    min-height:calc(100dvh - 130px);
    margin-left:var(--pz46-sidebar)!important;
    padding:84px clamp(18px,1.55vw,28px) 46px!important;
    overflow-x:clip;
    transition:width .22s cubic-bezier(.2,.8,.2,1),margin-left .22s cubic-bezier(.2,.8,.2,1);
  }

  .member-app-v46 .member-footer-v46{
    width:calc(100% - var(--pz46-sidebar))!important;
    max-width:none!important;
    margin-left:var(--pz46-sidebar)!important;
    padding:22px clamp(18px,1.55vw,28px) 26px;
    background:rgba(255,255,255,.9);
    transition:width .22s cubic-bezier(.2,.8,.2,1),margin-left .22s cubic-bezier(.2,.8,.2,1);
  }

  body.pz-sidebar-collapsed .member-app-v46{--pz46-sidebar:76px}
  body.pz-sidebar-collapsed .member-sidebar-toggle>span{transform:rotate(180deg) translateY(1px)}
  body.pz-sidebar-collapsed .member-side-v453{padding-inline:10px}
  body.pz-sidebar-collapsed .member-nav-title,
  body.pz-sidebar-collapsed .member-nav-v453>a>span,
  body.pz-sidebar-collapsed .member-nav-v453>a>.nav-lock,
  body.pz-sidebar-collapsed .member-nav-group-v453>summary>span,
  body.pz-sidebar-collapsed .member-nav-group-v453>summary>b,
  body.pz-sidebar-collapsed .member-nav-sub{display:none!important}
  body.pz-sidebar-collapsed .member-nav-v453>a,
  body.pz-sidebar-collapsed .member-nav-group-v453>summary{display:grid;grid-template-columns:1fr;place-items:center;width:46px;min-height:44px;margin-inline:auto;padding:7px}
  body.pz-sidebar-collapsed .member-nav-v453>a>i,
  body.pz-sidebar-collapsed .member-nav-group-v453>summary>i{margin:0}
  body.pz-sidebar-collapsed .credit-box{display:grid;place-items:center;padding:9px 5px}
  body.pz-sidebar-collapsed .credit-box>div:first-child b,
  body.pz-sidebar-collapsed .credit-box>strong,
  body.pz-sidebar-collapsed .credit-box>.credit-bar,
  body.pz-sidebar-collapsed .credit-box>a{display:none}
  body.pz-sidebar-collapsed .credit-box>div:first-child span{display:grid;width:32px;height:32px;place-items:center;border-radius:10px;background:#fff;color:var(--pz46-orange)}
}

/* --------------------------------------------------------------------------
   En-têtes, boutons et typographie communs
   -------------------------------------------------------------------------- */
.member-app-v46 .member-main-v46 :where(h1,h2,h3){color:var(--pz46-ink);text-wrap:balance}
.member-app-v46 .member-main-v46 :where(p){color:var(--pz46-muted)}

.member-app-v46 :where(.dash-welcome,.v3-welcome,.seo31-hero,.exchange-detail-head){
  gap:18px;
  margin-bottom:17px;
}

.member-app-v46 :where(.dash-welcome,.v3-welcome)>div:first-child>span,
.member-app-v46 .seo31-hero>div:first-child>span,
.member-app-v46 :where(.panel-title,.v3-panel-head,.form-panel-head,.section-title-v42)>div>span,
.member-app-v46 .section-title-v42>span{
  color:var(--pz46-purple);
  font-size:10px;
  font-weight:900;
  letter-spacing:.105em;
  text-transform:uppercase;
}

.member-app-v46 :where(.dash-welcome,.v3-welcome) h1,
.member-app-v46 .seo31-hero h1{
  margin:6px 0 6px;
  font-size:clamp(27px,2vw,35px);
  line-height:1.09;
  letter-spacing:-1.35px;
}

.member-app-v46 :where(.dash-welcome,.v3-welcome) p,
.member-app-v46 .seo31-hero p{
  max-width:900px;
  margin:0;
  color:var(--pz46-muted);
  font-size:13px;
  line-height:1.52;
}

.member-app-v46 :where(.button,.outline-button,button){font-family:inherit}
.member-app-v46 :where(.button,.button-main,.outline-button){
  min-height:42px;
  padding:10px 15px;
  border-radius:11px;
  font-size:12px;
  font-weight:850;
  line-height:1.2;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;
}
.member-app-v46 .button{background:linear-gradient(135deg,#7062f1,#5849dc);box-shadow:0 9px 20px rgba(101,87,239,.19)}
.member-app-v46 .button:hover{transform:translateY(-1px);box-shadow:0 13px 25px rgba(101,87,239,.25)}
.member-app-v46 .outline-button{border:1px solid #d8d3ff;background:#f8f7ff;color:#5749d7;box-shadow:none}
.member-app-v46 .outline-button:hover{transform:translateY(-1px);border-color:#bcb3ff;background:#f1efff}

/* --------------------------------------------------------------------------
   Surface commune des pages : cartes, panneaux, états et listes
   -------------------------------------------------------------------------- */
.member-app-v46 .member-main-v46 :where(
  .v3-panel,.data-panel,.form-panel,.verify-panel,.integration-card,.v42-form-card,
  .v4-form-card,.v4-detail-card,.v4-summary-card,.seo31-panel,.v43-match-card,
  .v44-form-card,.v44-result-card,.alert-settings-v42,.subscription-current,
  .wp45-card,.messaging-layout,.notification-list
){
  border:1px solid rgba(220,226,237,.98);
  border-radius:18px;
  background:rgba(255,255,255,.97);
  box-shadow:0 12px 34px rgba(27,36,62,.055);
}

.member-app-v46 .member-main-v46 :where(.v3-panel,.data-panel,.form-panel,.verify-panel,.integration-card,.v42-form-card,.v4-form-card,.v4-detail-card,.seo31-panel,.v44-form-card,.wp45-card){padding:19px}

.member-app-v46 :where(.panel-title,.v3-panel-head,.form-panel-head,.wp45-card-head,.seo31-panel-head){gap:13px}
.member-app-v46 :where(.panel-title,.v3-panel-head,.form-panel-head,.wp45-card-head,.seo31-panel-head) h2{margin:4px 0;font-size:18px;line-height:1.25;letter-spacing:-.35px}
.member-app-v46 :where(.panel-title,.v3-panel-head,.form-panel-head,.wp45-card-head,.seo31-panel-head) p{font-size:12px;line-height:1.5}

.member-app-v46 :where(.status-pill,.listing-status,.wp45-status,.v44-score-pill,.v44-security-state,.connected-badge,.plan-badge){
  border-radius:999px;
  font-weight:850;
  letter-spacing:.02em;
}

.member-app-v46 :where(.empty-onboarding,.v42-empty,.seo31-empty,.wp45-empty,.v44-result-empty){
  border:1px dashed #cec9ec;
  border-radius:18px;
  background:linear-gradient(145deg,#fbfaff,#f7f8fc);
}

.member-app-v46 .empty-onboarding{padding:45px 24px}
.member-app-v46 .empty-icon,.member-app-v46 .modal-icon{border-radius:16px;background:linear-gradient(145deg,#eeeaff,#e6e1ff);box-shadow:0 10px 24px rgba(101,87,239,.12)}

/* Listes et cartes cliquables */
.member-app-v46 :where(
  .sites-grid>article,.market-v4-card,.owner-listing-grid>article,.exchange-item-v4,
  .v44-invite-list>article,.campaign-list-v42>article,.report-list-v42>article,
  .agency-kpis>article,.agency-lists>article,.v43-match-intro>div,.listing-owner-kpis>article,
  .wp45-kpi,.wp45-connection
){
  border-color:var(--pz46-line);
  border-radius:16px;
  background:#fff;
  box-shadow:0 9px 28px rgba(27,36,62,.045);
}

.member-app-v46 :where(.sites-grid>article,.market-v4-card,.owner-listing-grid>article,.v44-invite-list>article,.v43-match-card,.wp45-kpi){
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}

.member-app-v46 :where(.sites-grid>article,.market-v4-card,.owner-listing-grid>article,.v44-invite-list>article,.v43-match-card,.wp45-kpi):hover{
  transform:translateY(-2px);
  border-color:#cbc5fa;
  box-shadow:0 16px 38px rgba(27,36,62,.085);
}

/* --------------------------------------------------------------------------
   Formulaires : une même qualité sur sites, profil, campagnes, API, WordPress…
   -------------------------------------------------------------------------- */
.member-app-v46 .member-main-v46 label{color:#39445a;font-size:12px;font-weight:780}

.member-app-v46 .member-main-v46 :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea
){
  width:100%;
  min-width:0;
  min-height:44px;
  padding:10px 12px;
  border:1px solid #d9dfe9;
  border-radius:11px;
  outline:0;
  color:var(--pz46-ink);
  background:#fff;
  font:inherit;
  font-size:13px;
  line-height:1.4;
  box-shadow:inset 0 1px 2px rgba(26,34,55,.025);
  transition:border-color .17s ease,box-shadow .17s ease,background .17s ease;
}

.member-app-v46 .member-main-v46 textarea{min-height:120px;resize:vertical}
.member-app-v46 .member-main-v46 :where(input,textarea)::placeholder{color:#929bab;opacity:1}
.member-app-v46 .member-main-v46 :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus{
  border-color:#a99fff;
  background:#fff;
  box-shadow:0 0 0 4px rgba(101,87,239,.1);
}

.member-app-v46 :where(.form-cols,.form-split,.form-split-three,.wp45-form-grid){gap:12px}
.member-app-v46 :where(.form-actions,.wp45-actions,.connection-actions,.owner-listing-actions){gap:8px}

/* --------------------------------------------------------------------------
   Tableaux et onglets
   -------------------------------------------------------------------------- */
.member-app-v46 .responsive-table,
.member-app-v46 :where(.comparison-table-wrap,.wp45-table-wrap,.seo31-table-wrap){
  max-width:100%;
  overflow:auto;
  border:1px solid var(--pz46-line);
  border-radius:15px;
  background:#fff;
  box-shadow:0 8px 24px rgba(27,36,62,.035);
  scrollbar-width:thin;
  scrollbar-color:#cfc9fa #f5f6f9;
}

.member-app-v46 .responsive-table table{width:100%;min-width:720px;border-collapse:separate;border-spacing:0}
.member-app-v46 .responsive-table th,
.member-app-v46 .responsive-table td{padding:12px 13px;border-bottom:1px solid #edf0f4;font-size:12px;vertical-align:middle}
.member-app-v46 .responsive-table th{color:#687388;background:#f7f8fb;font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.member-app-v46 .responsive-table tbody tr{transition:background .15s ease}
.member-app-v46 .responsive-table tbody tr:hover{background:#faf9ff}

.member-app-v46 :where(.tabs,.v4-exchange-tabs,.v44-tabs,.period-tabs,.seo31-tabs){
  gap:4px;
  padding:4px;
  border:1px solid #e3e6ed;
  border-radius:12px;
  background:#f1f3f7;
}
.member-app-v46 :where(.tabs,.v4-exchange-tabs,.v44-tabs,.period-tabs,.seo31-tabs)>a{
  min-height:36px;
  padding:8px 12px;
  border-radius:9px;
  color:#687387;
  font-size:11px;
  font-weight:750;
}
.member-app-v46 :where(.tabs,.v4-exchange-tabs,.v44-tabs,.period-tabs,.seo31-tabs)>a.active{
  color:var(--pz46-purple);
  background:#fff;
  box-shadow:0 4px 12px rgba(28,36,59,.08);
}

/* --------------------------------------------------------------------------
   Dashboard V4.6
   -------------------------------------------------------------------------- */
.member-app-v46 .v3-dashboard-page{--v3-purple:var(--pz46-purple);--v3-green:var(--pz46-green);--v3-ink:var(--pz46-ink);--v3-muted:var(--pz46-muted);--v3-line:var(--pz46-line)}
.member-app-v46 .v3-welcome{align-items:center}
.member-app-v46 .v3-welcome-actions{gap:8px}
.member-app-v46 .v3-site-select{min-width:200px;height:42px;border-radius:12px;box-shadow:0 7px 20px rgba(28,36,59,.045)}
.member-app-v46 .v3-site-select>i{width:31px;height:31px;border-radius:9px}
.member-app-v46 .v3-site-select small{font-size:8px}.member-app-v46 .v3-site-select b{font-size:11px}

.member-app-v46 .upgrade-banner{
  min-height:105px;
  margin:14px 0;
  padding:18px 20px;
  border:1px solid #d7d0ff;
  border-radius:18px;
  overflow:hidden;
  background:
    radial-gradient(circle at 92% 20%,rgba(27,180,122,.13),transparent 20%),
    linear-gradient(105deg,#f4f1ff 0,#fff 58%,#eefbf5 100%);
  box-shadow:0 10px 28px rgba(68,55,165,.055);
}
.member-app-v46 .upgrade-banner .upgrade-icon{border-radius:13px;background:linear-gradient(145deg,#796bf4,#5949dc);box-shadow:0 10px 22px rgba(101,87,239,.2)}
.member-app-v46 .upgrade-banner h2{margin:4px 0;font-size:19px}.member-app-v46 .upgrade-banner p{font-size:11px}

.member-app-v46 .v44-dashboard-strip{gap:9px;margin:12px 0}
.member-app-v46 .v44-dashboard-strip>a{
  min-height:70px;
  padding:12px 14px;
  border-radius:14px;
  box-shadow:0 8px 24px rgba(27,36,62,.035);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.member-app-v46 .v44-dashboard-strip>a:hover{transform:translateY(-2px);border-color:#cec8ff;box-shadow:0 13px 28px rgba(27,36,62,.075)}
.member-app-v46 .v44-dashboard-strip i{width:38px;height:38px;border-radius:11px}.member-app-v46 .v44-dashboard-strip span{font-size:7px}.member-app-v46 .v44-dashboard-strip b{font-size:10px}

.member-app-v46 .v3-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.member-app-v46 .v3-kpis article{
  position:relative;
  min-height:104px;
  padding:15px;
  gap:12px;
  overflow:hidden;
  border-radius:16px;
  background:rgba(255,255,255,.98);
  box-shadow:0 10px 28px rgba(26,35,59,.05);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.member-app-v46 .v3-kpis article::after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,transparent,#d9d4ff,transparent);opacity:.72}
.member-app-v46 .v3-kpis article:hover{transform:translateY(-2px);border-color:#ccc6fa;box-shadow:0 16px 36px rgba(26,35,59,.085)}
.member-app-v46 .v3-kpis article.score{background:linear-gradient(135deg,#151e39,#332890);box-shadow:0 15px 32px rgba(42,35,113,.19)}
.member-app-v46 .v3-kpis article.score::after{background:linear-gradient(90deg,#6e61ef,#72e0ac)}
.member-app-v46 .v3-icon{width:43px;height:43px;border-radius:12px;font-size:17px}
.member-app-v46 .v3-kpis span{font-size:11px}.member-app-v46 .v3-kpis b{font-size:25px}.member-app-v46 .v3-kpis em{font-size:9px}

.member-app-v46 .v3-priority-grid,
.member-app-v46 .v3-performance-grid{grid-template-columns:minmax(0,1.65fr) minmax(285px,.65fr);gap:13px;margin-top:13px}
.member-app-v46 .v3-panel{padding:18px;border-radius:18px}
.member-app-v46 .v3-panel-head h2{font-size:17px}.member-app-v46 .v3-panel-head p{font-size:11px}
.member-app-v46 .priority-list>a{padding:11px 2px;gap:10px}.member-app-v46 .priority-list b{font-size:11px}.member-app-v46 .priority-list span{font-size:9px}
.member-app-v46 .v3-ring{width:78px;height:78px}.member-app-v46 .v3-ring b{font-size:19px}
.member-app-v46 .pipeline-panel{margin-top:13px}
.member-app-v46 .pipeline-flow{gap:8px;margin-top:14px}
.member-app-v46 .pipeline-flow>a{grid-template-columns:38px 1fr;padding:11px;border-radius:12px;background:linear-gradient(145deg,#fff,#fafbfe)}
.member-app-v46 .pipeline-flow .v3-icon{width:38px;height:38px}.member-app-v46 .pipeline-flow b{font-size:19px}
.member-app-v46 .v3-chart svg{height:205px}
.member-app-v46 .radar-panel{margin-top:13px}.member-app-v46 .radar-grid{gap:11px;margin-top:14px}.member-app-v46 .radar-grid>article{border-radius:15px;background:linear-gradient(145deg,#fff,#fbfcff)}

/* --------------------------------------------------------------------------
   Modules métier : sites, marketplace, échanges, SEO, SafeLink et croissance
   -------------------------------------------------------------------------- */
.member-app-v46 .sites-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:17px}
.member-app-v46 .sites-grid>article{padding:17px}
.member-app-v46 .site-card-head>i{width:43px;height:43px;border-radius:12px}
.member-app-v46 .site-metrics{gap:4px;margin-top:13px;padding-block:11px}

.member-app-v46 .market-v4-hero{
  padding:22px 24px;
  border-radius:19px;
  background:
    radial-gradient(circle at 91% 10%,rgba(18,163,106,.14),transparent 27%),
    linear-gradient(135deg,#f5f2ff,#fff 58%,#f1fbf7);
  box-shadow:0 13px 36px rgba(30,40,64,.05);
}
.member-app-v46 .market-v4-summary{padding:15px;border-radius:15px;box-shadow:0 10px 24px rgba(30,40,64,.06)}
.member-app-v46 .market-v4-types{gap:8px;margin-top:13px}.member-app-v46 .market-v4-types>a{padding:12px;border-radius:13px}
.member-app-v46 .market-v4-filters{gap:9px;margin-top:12px;padding:14px;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(27,36,62,.045)}
.member-app-v46 .market-v4-grid{gap:12px}.member-app-v46 .market-v4-card{padding:17px;border-radius:17px}
.member-app-v46 .market-v4-card h2{font-size:17px}.member-app-v46 .market-v4-card>p{font-size:12px}

.member-app-v46 .exchange-item-v4{padding:15px;border:1px solid var(--pz46-line);border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(27,36,62,.035)}
.member-app-v46 .exchange-workflow-v4{padding:14px;border-radius:15px;box-shadow:0 8px 24px rgba(27,36,62,.035)}
.member-app-v46 .exchange-detail-grid{gap:13px}.member-app-v46 .v4-detail-card{padding:18px}
.member-app-v46 .v44-exchange-security article{border-radius:15px;box-shadow:0 8px 24px rgba(27,36,62,.035)}

.member-app-v46 .seo31-page{--s31-purple:var(--pz46-purple);--s31-ink:var(--pz46-ink);--s31-muted:var(--pz46-muted);--s31-line:var(--pz46-line)}
.member-app-v46 .seo31-domain{padding:13px 15px;border-radius:15px;box-shadow:0 8px 24px rgba(27,36,62,.035)}
.member-app-v46 .seo31-kpis{gap:10px}.member-app-v46 .seo31-kpis article{border-radius:15px;box-shadow:0 9px 26px rgba(27,36,62,.04)}
.member-app-v46 .seo31-top-grid,.member-app-v46 .seo31-two-columns,.member-app-v46 .seo31-three-columns{gap:12px}

.member-app-v46 .v44-summary-grid{gap:10px}.member-app-v46 .v44-summary-grid article{border-radius:16px;box-shadow:0 9px 26px rgba(27,36,62,.04)}
.member-app-v46 .v44-audit-layout{gap:13px}.member-app-v46 .v44-form-card,.member-app-v46 .v44-result-card,.member-app-v46 .v44-result-empty{padding:19px}
.member-app-v46 .v43-trust-hero{border-radius:20px;background:radial-gradient(circle at 90% 10%,rgba(101,87,239,.28),transparent 26%),linear-gradient(135deg,#131b33,#2d315b);box-shadow:0 18px 42px rgba(18,26,49,.18)}
.member-app-v46 .v43-match-intro{gap:10px;margin:14px 0}.member-app-v46 .v43-match-intro>div{padding:16px;border-radius:15px;box-shadow:0 8px 24px rgba(27,36,62,.035)}
.member-app-v46 .v43-match-grid{gap:13px}.member-app-v46 .v43-match-card{padding:18px}

.member-app-v46 .usage-grid{gap:9px}.member-app-v46 .usage-grid article{border-radius:14px;box-shadow:0 8px 22px rgba(27,36,62,.035)}
.member-app-v46 .plan-cards-v42{gap:12px}.member-app-v46 .plan-card-v42{padding:20px;border-radius:17px;box-shadow:0 10px 28px rgba(27,36,62,.04)}
.member-app-v46 .plan-card-v42.current{box-shadow:0 0 0 3px rgba(101,87,239,.09),0 15px 34px rgba(76,62,184,.1)}
.member-app-v46 :where(.campaign-layout,.report-layout,.agency-layout,.agency-lists,.api-layout,.integration-grid){gap:13px}
.member-app-v46 .agency-kpis{gap:9px}.member-app-v46 .agency-kpis article{padding:17px}
.member-app-v46 .alert-settings-v42{max-width:980px}

/* Profil, notifications et messagerie */
.member-app-v46 .profile-panel{padding:20px}.member-app-v46 .profile-avatar{box-shadow:0 10px 24px rgba(101,87,239,.13)}
.member-app-v46 .notification-list{padding:8px 18px}
.member-app-v46 .notification-list>a,.member-app-v46 .notification-list>article{padding:14px 4px;border-color:#edf0f4;transition:background .15s ease}
.member-app-v46 .notification-list>a:hover{background:#faf9ff}
.member-app-v46 .messaging-layout{height:min(680px,calc(100dvh - 150px));padding:0;overflow:hidden}
.member-app-v46 .thread-list{background:#fbfcfe}.member-app-v46 .message-stream{background:linear-gradient(#fbfcff,#fff)}

/* WordPress possède des styles inline : la portée renforcée conserve la V4.6. */
.member-app-v46 .wp45-page{gap:14px}
.member-app-v46 .wp45-kpis{gap:10px}.member-app-v46 .wp45-kpi{padding:15px;border-radius:16px}
.member-app-v46 .wp45-kpi>i{width:42px;height:42px;flex-basis:42px;border-radius:12px}
.member-app-v46 .wp45-card{padding:19px;border-radius:18px}.member-app-v46 .wp45-grid{gap:13px}
.member-app-v46 .wp45-install{gap:9px}.member-app-v46 .wp45-step{padding:14px;border-radius:14px;background:linear-gradient(145deg,#fff,#fafaff)}

/* Administration */
.member-app-v46 .v3-kpis.admin-kpis-v431{grid-template-columns:repeat(4,minmax(0,1fr))}
.member-app-v46 .v43-admin-grid,.member-app-v46 .v44-admin-grid{gap:12px}
.member-app-v46 .admin-production-alert{border-radius:16px;box-shadow:0 10px 28px rgba(27,36,62,.05)}

/* Footer */
.member-app-v46 .member-footer-v46>div{gap:7px 13px}.member-app-v46 .member-footer-v46 b{font-size:13px}.member-app-v46 .member-footer-v46 span,.member-app-v46 .member-footer-v46 a,.member-app-v46 .member-footer-v46 small{font-size:10px}

/* --------------------------------------------------------------------------
   Desktop intermédiaire / tablette
   -------------------------------------------------------------------------- */
@media (min-width:761px) and (max-width:1360px){
  .member-app-v46{--pz46-sidebar:208px}
  .member-app-v46 .member-head-v46>.logo{flex-basis:160px!important;width:160px!important;min-width:160px;font-size:23px}
  .member-app-v46 .member-search{width:min(430px,32vw)}
  .member-app-v46 .v3-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .member-app-v46 .sites-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .member-app-v46 .market-v4-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .member-app-v46 .v3-priority-grid,.member-app-v46 .v3-performance-grid{grid-template-columns:1fr}
  .member-app-v46 .profile-progress ul{grid-template-columns:repeat(3,1fr)}
  .member-app-v46 .messaging-layout{height:620px}
}

@media (min-width:761px) and (max-width:1050px){
  .member-app-v46{--pz46-sidebar:196px}
  .member-app-v46 .member-head-v46>.logo{flex:0 0 auto!important;width:auto!important;min-width:0}
  .member-app-v46 .member-search{width:min(360px,35vw)}
  .member-app-v46 .member-nav-v453>a,.member-app-v46 .member-nav-group-v453>summary{font-size:12px}
  .member-app-v46 .member-main-v46{padding-inline:17px!important}
  .member-app-v46 .v3-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .member-app-v46 .v44-dashboard-strip{grid-template-columns:1fr}
  .member-app-v46 .market-v4-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .member-app-v46 .v3-kpis.admin-kpis-v431{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* --------------------------------------------------------------------------
   PWA et mobile — conserve le dock natif V4.5.5, modernise le contenu
   -------------------------------------------------------------------------- */
@media (max-width:760px){
  .member-app-v46{
    --pz46-soft:#f5f7fb;
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    font-size:14px;
    background:var(--pz46-soft);
  }

  .member-sidebar-toggle{display:none!important}
  .member-app-v46 .member-head-v46>.logo{width:auto!important;min-width:0!important;flex:0 0 auto!important}
  .member-app-v46 .member-main-v46{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding-right:13px!important;
    padding-left:13px!important;
    overflow-x:hidden!important;
  }

  .member-app-v46 :where(.dash-welcome,.v3-welcome,.seo31-hero,.exchange-detail-head){align-items:stretch;flex-direction:column;gap:12px;margin-bottom:14px}
  .member-app-v46 :where(.dash-welcome,.v3-welcome) h1,.member-app-v46 .seo31-hero h1{font-size:26px;letter-spacing:-.9px}
  .member-app-v46 :where(.dash-welcome,.v3-welcome) p,.member-app-v46 .seo31-hero p{font-size:12px}
  .member-app-v46 :where(.dash-welcome,.v3-welcome)>div:last-child{width:100%}
  .member-app-v46 :where(.dash-welcome,.v3-welcome)>div:last-child .button{flex:1}

  .member-app-v46 .upgrade-banner{grid-template-columns:auto 1fr;min-height:0;padding:15px;border-radius:16px}
  .member-app-v46 .upgrade-banner .button{grid-column:1/-1;width:100%}
  .member-app-v46 .upgrade-banner h2{font-size:16px}

  .member-app-v46 .v44-dashboard-strip{display:flex;overflow-x:auto;margin:10px -13px;padding:0 13px 5px;scroll-snap-type:x mandatory}
  .member-app-v46 .v44-dashboard-strip>a{flex:0 0 250px;min-height:72px;scroll-snap-align:start}

  .member-app-v46 .v3-kpis{display:flex;overflow-x:auto;grid-template-columns:none;margin:10px -13px 0;padding:0 13px 5px;gap:9px;scroll-snap-type:x mandatory}
  .member-app-v46 .v3-kpis article{flex:0 0 196px;min-width:196px;min-height:96px;padding:13px;scroll-snap-align:start}
  .member-app-v46 .v3-kpis.admin-kpis-v431{display:flex}

  .member-app-v46 .v3-priority-grid,.member-app-v46 .v3-performance-grid{display:block;margin-top:11px}
  .member-app-v46 .v3-panel{padding:15px;border-radius:16px}.member-app-v46 .profile-progress,.member-app-v46 .alerts-panel{margin-top:10px}
  .member-app-v46 .pipeline-flow{margin-inline:-15px;padding-inline:15px}
  .member-app-v46 .v3-chart svg{height:190px}

  .member-app-v46 .member-main-v46 :where(.v3-panel,.data-panel,.form-panel,.verify-panel,.integration-card,.v42-form-card,.v4-form-card,.v4-detail-card,.seo31-panel,.v44-form-card,.wp45-card){padding:16px}

  .member-app-v46 .sites-grid,.member-app-v46 .market-v4-grid,.member-app-v46 .owner-listing-grid{grid-template-columns:1fr;gap:10px}
  .member-app-v46 .market-v4-hero{grid-template-columns:1fr;padding:17px}
  .member-app-v46 .market-v4-filters{grid-template-columns:1fr;padding:13px}
  .member-app-v46 .market-v4-filters>*{grid-column:auto!important}
  .member-app-v46 .market-v4-types{margin-inline:-13px;padding-inline:13px}

  .member-app-v46 :where(.form-cols,.form-split,.form-split-three,.wp45-form-grid,.agency-layout,.agency-lists,.api-layout,.campaign-layout,.report-layout){grid-template-columns:1fr}
  .member-app-v46 .form-actions{align-items:stretch;flex-direction:column}.member-app-v46 .form-actions>*{width:100%}

  .member-app-v46 .responsive-table{overflow:visible;border:0;background:transparent;box-shadow:none}
  .member-app-v46 .responsive-table table.pz-table-cards{display:block;min-width:0}
  .member-app-v46 .responsive-table table.pz-table-cards thead{display:none}
  .member-app-v46 .responsive-table table.pz-table-cards tbody{display:grid;gap:10px}
  .member-app-v46 .responsive-table table.pz-table-cards tr{display:grid;grid-template-columns:1fr 1fr;padding:13px;border:1px solid var(--pz46-line);border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(27,36,62,.035)}
  .member-app-v46 .responsive-table table.pz-table-cards td{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0;padding:8px 0;border:0;font-size:11px;text-align:right;overflow-wrap:anywhere}
  .member-app-v46 .responsive-table table.pz-table-cards td::before{content:attr(data-label);color:#8992a3;font-size:9px;font-weight:850;text-align:left;text-transform:uppercase}
  .member-app-v46 .responsive-table table.pz-table-cards td:first-child{grid-column:1/-1;padding-bottom:11px;border-bottom:1px solid #edf0f4;text-align:left}
  .member-app-v46 .responsive-table table.pz-table-cards td:first-child::before{display:none}
  .member-app-v46 .responsive-table table.pz-table-cards td:last-child{grid-column:1/-1}

  .member-app-v46 .v43-trust-hero{grid-template-columns:1fr;padding:21px;text-align:center}.member-app-v46 .v43-trust-score{margin:auto}
  .member-app-v46 .v44-summary-grid,.member-app-v46 .seo31-kpis,.member-app-v46 .usage-grid,.member-app-v46 .listing-owner-kpis{margin-inline:-13px;padding-inline:13px}
  .member-app-v46 .messaging-layout{height:auto;min-height:600px;border-radius:16px}
  .member-app-v46 .wp45-kpis{grid-template-columns:1fr 1fr}.member-app-v46 .wp45-card{padding:16px}

  .member-app-v46 .mobile-menu-card{font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif}
  .member-app-v46 .mobile-menu-v453>details>summary{color:#4e596f}
  .member-app-v46 .mobile-menu-v453>details>section>a{background:#f7f8fb}
}

@media (max-width:480px){
  .member-app-v46 :where(.dash-welcome,.v3-welcome) h1,.member-app-v46 .seo31-hero h1{font-size:24px}
  .member-app-v46 .v3-welcome-actions{grid-template-columns:1fr auto}
  .member-app-v46 .v3-site-select{min-width:0}
  .member-app-v46 .profile-progress ul{grid-template-columns:1fr}
  .member-app-v46 .wp45-kpis{grid-template-columns:1fr}
  .member-app-v46 .responsive-table table.pz-table-cards tr{grid-template-columns:1fr}
  .member-app-v46 .responsive-table table.pz-table-cards td,.member-app-v46 .responsive-table table.pz-table-cards td:first-child,.member-app-v46 .responsive-table table.pz-table-cards td:last-child{grid-column:1}
  .member-app-v46 .responsive-table table.pz-table-cards td:first-child::before{display:none}
}

@media (prefers-reduced-motion:reduce){
  .member-app-v46 *,
  .member-app-v46 *::before,
  .member-app-v46 *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

