:root{
  --af-blue:var(--kf-primary,#0b3d6e);
  --af-blue-dark:var(--kf-primary,#0b3d6e);
  --af-ink:#102033;
  --af-muted:#627084;
  --af-line:rgba(15,45,80,.14);
  --af-card:#ffffff;
  --af-soft:#f4f8fc;
  --af-green:#0f8b5f;
  --af-red:#9f2835;
  --af-orange:#8a5a00;
}
body.autofeed-page{
  background:linear-gradient(180deg,#f4f8fc 0%,#ffffff 46%,#f8fbff 100%);
  color:var(--af-ink);
}
.autofeedShell{width:min(1160px,calc(100% - 24px));margin:18px auto 84px;}
.autofeedHeader{background:linear-gradient(135deg,#0b3d6e,#1468a7);color:#fff;border-radius:26px;padding:22px;box-shadow:0 18px 42px rgba(11,61,110,.22);position:relative;overflow:hidden;}
.autofeedHeader::after{content:"";position:absolute;width:190px;height:190px;right:-72px;top:-78px;background:rgba(255,255,255,.12);border-radius:999px;}
.autofeedHeaderTop{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;position:relative;z-index:1;}
.autofeedHeroKicker{display:inline-flex;align-items:center;gap:8px;font-weight:900;letter-spacing:.02em;text-transform:uppercase;font-size:.78rem;opacity:.88;}
.autofeedHeader h1{margin:10px 0 8px;font-size:clamp(1.75rem,4vw,3rem);line-height:1.04;}
.autofeedHeader p{margin:0;max-width:760px;color:rgba(255,255,255,.86);font-size:1rem;}
.afHeaderActions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;position:relative;z-index:1;}
.afSection{margin-top:18px;}
.afCard{background:var(--af-card);border:1px solid var(--af-line);border-radius:24px;box-shadow:0 16px 34px rgba(23,49,81,.08);padding:18px;}
.afCard + .afCard{margin-top:16px;}
.afCardTitle{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;}
.afCardTitle h2,.afCardTitle h3{margin:0;line-height:1.14;}
.afCardTitle p{margin:5px 0 0;color:var(--af-muted);font-size:.92rem;}
.afSummaryGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px;}
.afSummaryTile{background:#fff;border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:14px;box-shadow:0 10px 22px rgba(11,61,110,.12);color:var(--af-ink);}
.afSummaryTile span{display:block;color:#536276;font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.02em;}
.afSummaryTile strong{display:block;font-size:1.65rem;line-height:1;margin-top:6px;color:var(--af-blue-dark);}
.afFilters{display:grid;grid-template-columns:1fr 1fr 1fr 1.4fr;gap:12px;}
.afField{display:flex;flex-direction:column;gap:6px;}
.afField label,.afReadonlyLabel{color:#46576b;font-size:.82rem;font-weight:900;}
.afField input,.afField select{min-height:44px;border:1px solid rgba(20,64,104,.2);border-radius:14px;background:#fff;color:var(--af-ink);padding:10px 12px;font:inherit;font-weight:750;}
.afField input[type="checkbox"]{min-height:0;width:auto;margin-right:8px;}
.afReadonly{min-height:42px;border:1px solid rgba(20,64,104,.12);border-radius:14px;background:var(--af-soft);color:var(--af-ink);padding:10px 12px;display:flex;align-items:center;font-weight:850;}
.afFormGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.afFull{grid-column:1 / -1;}
.afScenarioGroupHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid rgba(20,64,104,.12);background:#f8fbff;border-radius:18px;margin-bottom:10px;}
.afScenarioGroupHeader h3{margin:0;font-size:1rem;}
.afScenarioGroupHeader span{font-weight:900;color:var(--af-muted);font-size:.86rem;}
.afScenarioRow{border:1px solid rgba(20,64,104,.13);background:#fff;border-radius:18px;padding:14px;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:start;}
.afScenarioRow + .afScenarioRow{margin-top:10px;}
.afScenarioTitle{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.afScenarioTitle h3{margin:0;font-size:1.05rem;}
.afScenarioMeta{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0 0;}
.afScenarioMeta span,.afMeta span{display:inline-flex;border-radius:999px;background:#f3f6fa;color:#45576c;padding:5px 8px;font-size:.74rem;font-weight:850;}
.afScenarioSettings{margin-top:12px;padding-top:12px;border-top:1px solid rgba(20,64,104,.1);}
.afBadge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:900;background:#e8f2fb;color:var(--af-blue);white-space:nowrap;}
.afBadge.isOff{background:#f1f3f5;color:#394556;}
.afBadge.isActive{background:#e8f7f0;color:var(--af-green);}
.afBadge.isHidden{background:#fff3d8;color:var(--af-orange);}
.afActions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;}
.afBtn{appearance:none;border:1px solid transparent;border-radius:14px;min-height:42px;padding:10px 14px;font-weight:950;cursor:pointer;background:var(--af-blue);color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 10px 20px rgba(11,61,110,.16);line-height:1.1;}
.afBtn:hover{filter:brightness(.98);}
.afBtn.primary{background:var(--af-blue);color:#fff;border-color:var(--af-blue);}
.afBtn.secondary{background:#e8f2fb;color:var(--af-blue-dark);box-shadow:none;border-color:#b8d5ec;}
.afBtn.ghost{background:#fff;color:#27384a;box-shadow:none;border-color:rgba(20,64,104,.2);}
.afBtn.danger{background:#fff0f2;color:var(--af-red);box-shadow:none;border-color:rgba(159,40,53,.22);}
.afBtn.restore{background:#e8f7f0;color:#075d3f;box-shadow:none;border-color:#a6dcc7;}
.afBtn:disabled{background:#eef2f6;color:#596879;border-color:#d5dde7;box-shadow:none;cursor:not-allowed;}
a.afBtn{color:inherit;}
a.afBtn.primary{color:#fff;}
a.afBtn.secondary,a.afBtn.ghost,a.afBtn.danger,a.afBtn.restore{color:inherit;}
.afHint{margin-top:10px;border-radius:16px;padding:12px;background:#f8fbff;color:#526173;font-size:.91rem;border:1px solid rgba(20,64,104,.1);}
.afGeneratedList{display:flex;flex-direction:column;gap:10px;}
.afGeneratedCard{border:1px solid rgba(20,64,104,.13);background:#fff;border-radius:18px;padding:14px;display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:start;}
.afThumb{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#dcecf8,#f7f9fc);border:1px solid rgba(20,64,104,.12);overflow:hidden;display:flex;align-items:center;justify-content:center;color:#0b3d6e;font-weight:950;text-align:center;font-size:.68rem;padding:4px;}
.afThumb img{width:100%;height:100%;object-fit:cover;display:block;}
.afGeneratedMain h3{margin:0 0 5px;font-size:1rem;line-height:1.14;}
.afGeneratedMain p{margin:0 0 8px;color:#536276;font-size:.91rem;}
.afMeta{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0;}
.afEmpty{border:1px dashed rgba(20,64,104,.22);border-radius:18px;padding:18px;color:#607086;background:#fbfdff;text-align:center;}
.afAccessDenied{margin:40px auto;width:min(620px,calc(100% - 28px));background:#fff;border:1px solid rgba(20,64,104,.14);border-radius:24px;padding:24px;text-align:center;box-shadow:0 16px 34px rgba(23,49,81,.08);}
.afToast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:#102033;color:#fff;padding:12px 16px;border-radius:16px;box-shadow:0 12px 30px rgba(0,0,0,.2);z-index:9999;font-weight:900;}
.afSuperNote{border:1px solid rgba(11,61,110,.16);background:#f8fbff;border-radius:18px;padding:12px;color:#43566b;font-weight:700;}
@media (max-width:920px){.autofeedHeaderTop{flex-direction:column}.afHeaderActions{justify-content:flex-start}.afSummaryGrid{grid-template-columns:repeat(2,1fr)}.afFilters{grid-template-columns:1fr 1fr}.afScenarioRow{grid-template-columns:1fr}.afGeneratedCard{grid-template-columns:64px 1fr}.afGeneratedActions{grid-column:1/-1}}
@media (max-width:560px){.autofeedShell{width:min(100% - 18px,1160px);margin-top:10px}.autofeedHeader{border-radius:22px;padding:18px}.afCard{border-radius:20px;padding:14px}.afSummaryGrid,.afFilters,.afFormGrid{grid-template-columns:1fr}.afGeneratedCard{grid-template-columns:1fr}.afThumb{width:100%;height:118px}.afBtn{width:100%}}


/* URW V7.3.3 HOTFIX — contrastes auto-feed protégés contre les règles globales button { color:#fff!important }. */
body.autofeed-page .afBtn.secondary,
body.autofeed-page a.afBtn.secondary,
body.autofeed-page .afBtn.ghost,
body.autofeed-page a.afBtn.ghost,
body.autofeed-page .afBtn.danger,
body.autofeed-page a.afBtn.danger,
body.autofeed-page .afBtn.restore,
body.autofeed-page a.afBtn.restore,
body.autofeed-page .afBtn:disabled{
  color:var(--af-blue-dark) !important;
}
body.autofeed-page .afBtn.secondary,
body.autofeed-page a.afBtn.secondary{
  background:#e8f2fb !important;
  border-color:#b8d5ec !important;
}
body.autofeed-page .afBtn.ghost,
body.autofeed-page a.afBtn.ghost{
  background:#fff !important;
  color:#27384a !important;
  border-color:rgba(20,64,104,.24) !important;
}
body.autofeed-page .afBtn.danger,
body.autofeed-page a.afBtn.danger{
  background:#fff0f2 !important;
  color:#9f2835 !important;
  border-color:rgba(159,40,53,.28) !important;
}
body.autofeed-page .afBtn.restore,
body.autofeed-page a.afBtn.restore{
  background:#e8f7f0 !important;
  color:#075d3f !important;
  border-color:#a6dcc7 !important;
}
body.autofeed-page .afBtn.primary,
body.autofeed-page a.afBtn.primary{
  background:var(--af-blue) !important;
  color:#fff !important;
  border-color:var(--af-blue) !important;
}

/* URW V7.3.6 — filtres des contenus générés et statut expiré */
.afContentTabs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 14px;
}
.afContentTab{
  appearance:none;
  border:1px solid #bfd6eb;
  background:#f3f8fd;
  color:#0b3d6e !important;
  border-radius:999px;
  min-height:38px;
  padding:8px 12px;
  font-weight:950;
  cursor:pointer;
}
.afContentTab.isSelected{
  background:#0b3d6e;
  color:#fff !important;
  border-color:#0b3d6e;
  box-shadow:0 10px 20px rgba(11,61,110,.16);
}
.afBadge.isExpired{
  background:#f1f3f5;
  color:#394556;
}
.afBadge.isScheduled{
  background:#e8f2fb;
  color:#0b3d6e;
}
.afGeneratedCard.isExpiredCard{
  background:#f8fafc;
  opacity:.86;
}
.afExpiredNote{
  display:block;
  margin-top:6px;
  color:#617086;
  font-weight:800;
  font-size:.78rem;
}
body.autofeed-page .afContentTab{
  color:#0b3d6e !important;
}
body.autofeed-page .afContentTab.isSelected{
  color:#fff !important;
  background:#0b3d6e !important;
}

/* =========================================================
   URW V7.10.58N — Micro UI Autofeed mobile actions
   Scope: admin Autofeed UI only.
   Goal: keep “Personnaliser” compact on mobile.
   ========================================================= */
@media (max-width:560px){
  body.autofeed-page .afSimpleRow > div:first-child{
    align-items:center!important;
    gap:8px!important;
  }

  body.autofeed-page .afSimpleRow button[data-toggle-panel]{
    width:auto!important;
    flex:0 0 auto!important;
    min-height:34px!important;
    padding:6px 9px!important;
    font-size:.76rem!important;
    border-radius:12px!important;
    white-space:nowrap!important;
  }

  body.autofeed-page .afSimpleRow label{
    min-width:0!important;
  }

  body.autofeed-page .afSimpleRow label span{
    min-width:0!important;
    overflow-wrap:anywhere!important;
    line-height:1.15!important;
  }
}


/* THEME COLORS BRIDGE V5 — AutoFeed boutons publier/enregistrer */
body.autofeed-page .afBtn.primary,
body.autofeed-page a.afBtn.primary,
.afBtn.primary,
a.afBtn.primary{
  background:var(--kf-primary,#0b3d6e)!important;
  border-color:var(--kf-primary,#0b3d6e)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 10px 22px color-mix(in srgb, var(--kf-primary,#0b3d6e) 20%, transparent)!important;
}
body.autofeed-page .afBtn.primary:hover,
body.autofeed-page a.afBtn.primary:hover{
  background:var(--kf-primary-700, color-mix(in srgb, var(--kf-primary,#0b3d6e) 82%, #000))!important;
}
body.autofeed-page .afBtn.secondary,
body.autofeed-page a.afBtn.secondary{
  background:var(--kf-accent-soft,#e8f2fb)!important;
  border-color:var(--kf-accent-border,#b8d5ec)!important;
  color:var(--kf-accent-text,var(--kf-primary,#0b3d6e))!important;
  -webkit-text-fill-color:var(--kf-accent-text,var(--kf-primary,#0b3d6e))!important;
}
body.autofeed-page .afBadge,
.afContentTab{
  background:var(--kf-accent-soft,#e8f2fb)!important;
  border-color:var(--kf-accent-border,#b8d5ec)!important;
  color:var(--kf-accent-text,var(--kf-primary,#0b3d6e))!important;
}
body.autofeed-page .afThumb{
  background:linear-gradient(135deg,var(--kf-accent-soft,#dcecf8),#fff)!important;
  border-color:var(--kf-accent-border,#b8d5ec)!important;
  color:var(--kf-primary,#0b3d6e)!important;
}
/* fin V5 AutoFeed */

/* ── V15 : chapitres (destination) + sous-chapitres (phase de match) ───────── */
.afChapterBlock{padding:16px;}
.afChapterHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:0 2px 12px;border-bottom:2px solid color-mix(in srgb, var(--kf-primary,#0b3d6e) 16%, transparent);}
.afChapterHeader h2{margin:0;font-size:1.18rem;font-weight:900;color:var(--kf-primary,#0b3d6e);letter-spacing:.01em;}
.afChapterCount{font-weight:800;color:var(--af-muted);font-size:.82rem;white-space:nowrap;}

.afPhaseGroup{margin:0 0 14px;}
.afPhaseGroup:last-child{margin-bottom:0;}
.afPhaseGroupHeader{display:flex;align-items:center;gap:10px;margin:0 0 8px;padding:8px 12px;background:linear-gradient(180deg,#f4f8fc,#eef4fb);border:1px solid rgba(20,64,104,.10);border-radius:14px;}
.afPhaseGroupHeader h3{margin:0;font-size:.92rem;font-weight:900;color:#1d3450;text-transform:uppercase;letter-spacing:.03em;}
.afPhaseCount{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--kf-primary,#0b3d6e);color:#fff;font-size:.74rem;font-weight:900;}

/* Barre de filtres par phase */
.afPhaseTabs{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px;}
.afPhaseTab{appearance:none;border:1px solid rgba(20,64,104,.20);background:#fff;color:#33485f;font:inherit;font-weight:800;font-size:.86rem;padding:9px 15px;border-radius:999px;cursor:pointer;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;}
.afPhaseTab:hover{border-color:var(--kf-primary,#0b3d6e);color:var(--kf-primary,#0b3d6e);}
.afPhaseTab.isActive{background:var(--kf-primary,#0b3d6e);border-color:var(--kf-primary,#0b3d6e);color:#fff;box-shadow:0 8px 18px color-mix(in srgb, var(--kf-primary,#0b3d6e) 22%, transparent);}

@media (max-width:560px){
  .afChapterBlock{padding:13px;}
  .afChapterHeader h2{font-size:1.06rem;}
  .afPhaseTabs{gap:6px;}
  .afPhaseTab{padding:8px 12px;font-size:.8rem;flex:1 1 auto;text-align:center;}
}
